chore: Initial changelogs (#59)

iTwin · Jun 6, 2022 · feecf42 · feecf42
1 parent 9661022
commit feecf42
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/packages/layouts-css/CHANGELOG.md 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
@@ -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.