From feecf42829782fa09cc508b2d5be64d12c0d7987 Mon Sep 17 00:00:00 2001 From: Vilius <36186912+bentleyvk@users.noreply.github.com> Date: Mon, 6 Jun 2022 09:45:31 +0300 Subject: [PATCH] chore: Initial changelogs (#59) --- packages/layouts-css/CHANGELOG.md | 13 +++++++++++++ packages/layouts-react/CHANGELOG.md | 13 +++++++++++++ 2 files changed, 26 insertions(+) create mode 100644 packages/layouts-css/CHANGELOG.md create mode 100644 packages/layouts-react/CHANGELOG.md diff --git a/packages/layouts-css/CHANGELOG.md b/packages/layouts-css/CHANGELOG.md new file mode 100644 index 0000000..fd4cc04 --- /dev/null +++ b/packages/layouts-css/CHANGELOG.md @@ -0,0 +1,13 @@ +# Changelog + +## 0.1.1 (2022-05-25) + +### What's new + +- **Added `PageLayout` component.** It has sub-components that place content in the correct places. +- **Added `FluidGrid` component.** + - Use it for items (e.g. tiles) array. + - It has `--_iui-grid-item-min-width` CSS variable that defines minimum width of the item that is used for responsiveness. +- **Added `Grid` component.** It is based on CSS grid and has 12 columns. As children pass `iui-layouts-grid-item` sub-component which has: + - `--_iui-grid-item-column-span-[BREAKPOINT]` prop that defines how many columns the item should span. + - `--_iui-grid-item-column-start-[BREAKPOINT]` prop that defines the column the item should start in. diff --git a/packages/layouts-react/CHANGELOG.md b/packages/layouts-react/CHANGELOG.md new file mode 100644 index 0000000..4b35187 --- /dev/null +++ b/packages/layouts-react/CHANGELOG.md @@ -0,0 +1,13 @@ +# Changelog + +## 0.1.2 (2022-05-26) + +### What's new + +- **Added `PageLayout` component.** It has `PageLayout.Header`, `PageLayout.SideNavigation`, `PageLayout.Content`, `PageLayout.TitleArea` and `PageLayout.ToolsArea` sub-components that place content in the correct places. +- **Added `FluidGrid` component.** + - Use it for items (e.g. tiles) array. + - It has `minItemWidth` prop that defines minimum width of the item that is used for responsiveness. +- **Added `Grid` component.** It is based on CSS grid and has 12 columns. As children pass `Grid.Item` sub-component which has: + - `columnSpan` prop that defines how many columns the item should span. + - `columnStart` prop that defines the column the item should start in.