🎐 v0.20.2

Added :

➕ Add fillout button
➕ Animate the movement of `menu-trigger`'s caret
➕ Unstyle `.menu-item`
➕ Add font-sizing function make control font where mixin cant be used
➕ Add `reverse-responsive` key in `generate-stlye` to reverse responsive media query
➕ Add heading classes for font sizing similar to h1 h2 h3 h4 h5 h6
➕ Add `is-unstyle` .button and .input classes
➕ Add `.grid.is-adjust` class to add negative margins on grid column
➕ Add responsive position Classes
➕ Add auto Utility for `z-index`
➕ Add more z-index utilities to have fine grain control over z-index
➕ Add two different variables to independently control how the breakpoints are prefixed
➕ 🔖 Add variable `$enable-experimental-css` to disable experimental css features
➕ 🔖 Add `$menu-item-border-direction` and `$menu-item-themes-generate`
➕ 🔖 Add font-family to control button font
➕ ⚠️ Add Exporimental `.scrollbar` to add custom designer scrollbar
➕ ⚠️ Add is-loading for containers

Update :

🆙 convert grid offset to utility offset
🏇 simplify `.btn.is-out.is-(color)` style
🆙 %controls placeholder no longer overide `color` property this allows controls like `.btn.is-min` `.btn.is-out` to inherit color from their parent resulting in more flexible layout designing
🆙 add background color in scrollbar to make its scrollbar area visible
🆙 Use `$light` background color for group `.addon`
🆙 Use white background for `body` and `lyt-main`
🆙 Use `$fontweight-bold` for headings
🆙 Disabled Color
🆙 Tweak dark Color in theme
🆙 Better approach for `.btn.is-circle`
🆙 Increase hr line opacity
🆙 use txt-(left|right) utility to align text in divider
🔨 `.divider` ::before and ::after height should be `100%`

Removed :

🔥 remove never used function `str-capitalize`
🔥 remove testing code
🔥 Remove heading color

Fixes :

🔨 remove unknown constant from expression
🔨 do not override `menu-trigger` display property
🔨 🆙 `selector-max-class` value from 4 to 5
🔨 Align breadcrumb items in center
🔨 shrink .column to only available space when no width is defined
🔨 Fix inconsistant naming convention
🔨 Fix .input focus color not differentiating
🔨 fix `.dropdown.is-top` to `.dropdown.is-up`
🔨 Fix uneven round spinner in loading animation

Design :
💅 darken `gray-100`
💅 use lighter color for `pre > code`
💅 Use transparency on `.menu-items` for better UI attachment

Dev :
✏️ Rename `$breakpoints-readable-else-short` to `\$breakpoints-short-or-readable` with default value `short`
✏️ Rename `$design-rounded-else-sharp` to `$design-rounded-or-sharp` with default value `rounded`
✏️ Rename `$design-shadow-else-border to`\$design-shadow-or-border`with default value`shadow`✏️ Rename`\$design-solid-else-gradients`to`\$design-solid-or-gradients`with default value to`solid`✏️ Rename`\$enable-prefers-reduced-motion-media-query`to`\$enable-prefers-reduced-motion-mediaQuery`✏️ Rename`\$design-rounded-else-box`to`\$design-rounded-else-sharp`

.versions

@@ -1,2 +1,2 @@
-fluidframework:[email protected].1
+fluidframework:[email protected].2
 [email protected]