🎐 v0.19.0

Breaking changes:
🆙 💥 Use class `.Label` instead of label element to style controls like radio, switch, file and input floating labels for better web standards and web accessibility

Removed:
🔥 Remove padding from `lyt-sidebar` to let user have control over it properly
🔥 remove custom padding from `.menu`
🔥 Remove unnecessary `.btn.is-min` theme variant style

Fix:
🔨 Fix `.lyt-header.is-collapsed` not working
🔨 `.menu-items` not inheriting `font-size`
🔨 not inheriting color in `.menu` when using color utilities
🔨 Add padding in nested menu items to prevent text from going into overflow area

Added:
➕ 🚀 Add NEW dropdown menu component
➕ Add `border-hide` utility to hide border using transparent color
➕ Add `border-(direction)-none` utilities to remove border from specific direction
➕ Change header and sidebar color based on `$design-theme`
➕ Add active state of `btn.is-min`

Updated:
🆙 Set `text-align:start` on root to support RTL languages
🆙 🔀 Rearrange Theme colors to change there cascading priority
🆙 include all src and dist files in NPM package
🆙 Align icon in center when parent has display:flex
🆙 Flexible header height and flex wrap
🆙 Update From bootstrap reboot (twbs/bootstrap#29455)
🆙 override styles instead of increasing specificity, to make style overridable
🆙 `lyt-sidebar` are static by default, they can be made fixed using using `fixed` utility class.
🆙 Lighten .menu-item Background color
🆙 inherit `text-align` value in menu-item rather than explicit overriding
🆙 Use `display:block` on menu-items instead of flex to support `text-align` utility
🆙 Apply animation on menu items only if they were with `.menu-trigger`
🆙 Apply nested menu styles on direct child this will allow menu style to stop conflicting inside other components and universal selector `*` to be limited to direct children
🆙 Decrease nested menu animation duration
🆙 Increase before border-color transition duration in `.menu-item` to shorten and decrease chances of user specifies value more than transition duration
🆙 use scale to flip caret in menu instead of rotate

Design:
💅 Don't override text `color` in `menu-item`

Dev:
➕  Add `fill-direction` parameter for @mixin animation
🔖  Add variables `$menu-trigger-caret-color` and `$menu-divider-padding`
🔖  Add variables for nested Menu animation duration `$$nestedMenu-animationduration`
🔖  rename variable `$nestedMenu-marginleft` to `$nestedMenu-indent`
🔖  rename `$button-transition-minimal` to `$button-transition-minimal-before` to be more specific in naming convention
🔖 🔨  Fix variable name from bg to background
🔖 🔀  Arrange and reorder setting variables in menu
➕ ✅ Test for invalid @function `clr-step` values
🆙  Make Triangle shape size equal to the size specified preventing extra style to used to align middle
📦  Update package `find-unused-sass-variables`

.versions

@@ -1,2 +1,2 @@
-fluidframework:fluid-css@0.18.0
+fluidframework:fluid-css@0.19.0
 [email protected]