@clayui/css: Adds division polyfill clay-div a function that uses / as a division operation if the function div() does not exist (87aec12)
@clayui/css: Cadmin Dropdowns updates $dropdown-item-base keys to newer nested keys pattern and remove duplicate $dropdown-item-base (6fc1833)
@clayui/css: Convert forward slash as division / 2 to * 0.5 as work around for dart-sass deprecation message (aa74003)
@clayui/css: Convert forward slash as division / to multiplication as work around for dart-sass deprecation message (f9948ec)
@clayui/css: Dropdown and Cadmin Dropdown removes dropdown-menu::after padding hack for Firefox. This is no longer an issue. (54a0b08)
@clayui/css: Dropdowns updates $dropdown-item-base keys to newer nested keys pattern (502ea21)
@clayui/css: Mixins clay-dropdown-item-variant update to accept newer nested keys pattern and deprecate keys: (bcc0e89)
@clayui/css: Mixins clay-dropdown-menu-variant removes dropdown-menu::after padding hack for Firefox (a7e2c18)
@clayui/css: Use calc() for calculating widths and sizes instead of Sass division / and don't use Sass percentage function (1b2e127)
@clayui/css: use correct icon names for flags in spritesheet (4127aec)
fixes error when starting yarn develop command of the clayui.com (fa0d8c0)

Features

@clayui/css: Add heading, maps, order-ascending and order-descending SVG icons and update geolocation SVG icon (319f37f)
@clayui/css: Cadmin Custom Forms custom-control, custom-checkbox, and custom-radio convert to using Sass map pattern (c8826b2)
@clayui/css: Cadmin Labels convert to using new Sass map pattern (50a1708)
@clayui/css: Cadmin Stickers adds $cadmin-sticker-sizes Sass map to generate sticker sizes and use Sass placeholders for sticker sizes for easier extends (2630c54)
@clayui/css: Custom Forms custom-control, custom-checkbox, and custom-radio convert to using Sass map pattern (d60970d)
@clayui/css: Labels convert to using new Sass map pattern (1de502f)
@clayui/css: Mixins clay-sticker-variant expand mixin to include most use cases in Clay and make it compatible with deprecated clay-sticker-size mixin (3e703ed)
@clayui/css: Mixins Custom Forms adds clay-custom-control-input-variant and clay-custom-control-variant mixins (3060c0b)
@clayui/css: Mixins update clay-label-variant to provide selectors that are generated by clay-label-size (deprecated) and conver to using new Sass map key pattern while still supporting older key names (c0c9a1c)
@clayui/css: Stickers adds $sticker-sizes Sass map to generate sticker sizes and use Sass placeholders for sticker sizes for easier extends (2da3013)
@clayui/css: Stickers convert sticker components to use clay-sticker-variant and clay-css mixins for more customizability (f8adb74)
@clayui/form: add the new sizing API to Select component (2c7848d)
clayui.com: add heading, maps, order-ascending, order-descending and geolocation SVG icons (a34f3be)

3.38.0

Diff

matuzalemteles

published 3.38.0 • 3 years ago

Changelog

Source

3.38.0 (2021-10-22)

Bug Fixes

@clayui/button: add missing displayTypes from the Button (1cb8849)
@clayui/core: fix formatting error (d79f5a6)
@clayui/core: fix the indentation of TreeView nodes when the item is a leaf (6c44389)
@clayui/css: Alert convert components to use clay-css mixin pattern (adbc3ed)
@clayui/css: Alerts allow customizing .btn-group inside .alert-inline and increase space between alert-inline buttons and close (48px) (1fb3075)
@clayui/css: Alerts and Cadmin Alerts tweak position of .alert-inline .alert-indicator so it's more centered with the text (6991050)
@clayui/css: Atlas / Base variables and components use Clay Color functions instead of Sass color functions for better CSS Custom Property support (bd72797)
@clayui/css: Atlas Alerts and Cadmin Alerts spacing between alert-indicator and text should be 8px (abb1ad9)
@clayui/css: Atlas Alerts use $alert-indicator-font-size instead of $alert-font-size when calculating spacing for the .alert-indicator (10809da)
@clayui/css: Badge updates $badge-close Sass map to use newer keys for hover and focus (485862c)
@clayui/css: Border utilities border-color is the wrong value. Table Row Variants scoped $border-color variable was overwriting global $border-color variable (834209a)
@clayui/css: Cadmin Alert convert components to use clay-css mixin pattern (915c748)
@clayui/css: Cadmin Alerts allow customizing .btn-group inside .alert-inline and increase space between alert-inline buttons and close (48px) (f6c7a02)
@clayui/css: Cadmin Modals modal-body should have border-top to create separation when components are inserted between modal-header and modal-body (b5b33c0)
@clayui/css: Cadmin variables and components use Clay Color functions instead of Sass color functions for better CSS Custom Property support (2c77b7b)
@clayui/css: cleanup build script (60be3dd)
@clayui/css: Global Color Functions adds aliases for Sass color functions clay-darken, clay-lighten, clay-adjust-hue, clay-desaturate, clay-saturate, clay-mix, clay-blue, clay-green, clay-red. It converts CSS Custom Property fallback values to the correct type before running them through the Sass functions. (189e281)
@clayui/css: Global Functions math-sign uses deprecated [@elseif](https://github.com/elseif) syntax, changed to [@else](https://github.com/else) if (bd22a48), closes #4353
@clayui/css: Global Functions use Clay Color Functions that support CSS Custom Properties with fallback value (e7b1abf)
@clayui/css: Mixins use Clay Color Functions instead of Sass color functions (baaddfc)
@clayui/css: Modals modal-body should have border-top to create separation when components are inserted between modal-header and modal-body (b3f648e)
@clayui/css: Modals modal-header increase z-index so it appears on top of modal-body. modal-header border gets hidden by modal-body border due to last commit. (fd3ae71)
@clayui/css: remove node-sass and add new build file (80f6ec2)

Features

@clayui/alert: adds inline alert variation and actions API (d146d49)
@clayui/core: adds onLoadMore API to TreeView (ff972d7)
@clayui/core: implement "load more" to aggregate the state (1fd9b62)
@clayui/css: Alerts and Cadmin Alerts use Sass placeholders for alert variants for cleaner extends (2c34258)
@clayui/css: Badge converts .badge, .badge-pill, and badge variants to use clay-badge-variant mixin (8c9d4eb)
@clayui/css: Cadmin Badge converts .badge and badge variants to use clay-badge-variant mixin (a2b04b2)
@clayui/css: Globals and Cadmin Globals adds $enable-clay-color-functions-process-fallback and $cadmin-enable-clay-color-functions-process-fallback variables. This forces Clay color functions to return the CSS Custom Property instead of processing the fallback color and returning a hex value. (15a6bc1)
@clayui/css: Mixins clay-alert-variant adds option to configure .alert-indicator (0c9f913)
@clayui/css: Mixins clay-alert-variant adds option to pass in styles to .alert-indicator + .lead (ff5146b)
@clayui/css: Mixins adds clay-badge-variant (dc52ed1)
@clayui/modal: add the preventAutoClose prop (af7b12f), closes #4355
clayui.com: update gatsby and its dependencies to v3.14 (bf79081)

3.37.0

Diff

matuzalemteles

published 3.37.0 • 3 years ago

Changelog

Source

3.37.0 (2021-10-06)

Bug Fixes

@clayui/core: fix drag layer position (37a2536)
@clayui/core: fix error when moving item up, down and add to children (f9fbe91)
@clayui/css: Alert update $alert-*-btn variant Sass maps to use newer keys (ecdd38a)
@clayui/css: Alerts allow better customization of alert variant components, use clay-alert-variant mixin to generate alert variant styles (9be70d7)
@clayui/css: Alerts and Cadmin Alerts alert-inline should have more space between text and top / bottom borders (29c4764)
@clayui/css: Atlas Alert changed back $alert-font-size to 0.875rem and change $alert-indicator-font-size to 1rem (21d33ed)
@clayui/css: Atlas and Cadmin Stickers swap background and foreground colors for sticker-light and sticker-dark (adcd19f)
@clayui/css: Cadmin Alert update $alert-*-btn variant Sass maps to use newer keys and update $cadmin-alert-palette to use $alert-* variant Sass maps (6a4a100)
@clayui/css: Cadmin Alerts allow better customization of alert variant components, use clay-alert-variant mixin to generate alert variant styles (3410faf)
@clayui/css: Cadmin Cards and Panels remove decision making if statements from border-radius and border-width. They were used to save a few bytes of CSS, not worth. (677e804)
@clayui/css: Cadmin Form Validation adds missing styles for .form-feedback-group, .form-feedback-item,.form-feedback-indicator, and .form-text (db26016), closes #4298
@clayui/css: Cadmin Forms fieldset[disabled] .form-control should use values from the $cadmin-input Sass map and move rule-set closer to the .form-control rule-set (0504ff2)
@clayui/css: Cadmin Forms label.disabled should use properties declared in $cadmin-input-label map and move the label.disabled rule-set closer to the label rule-set (d00b97b)
@clayui/css: Cards and Panels remove decision making if statements from border-radius and border-width. They were used to save a few bytes of CSS, not worth. (be44a21)
@clayui/css: Carousel, Custom Forms convert variables using Bootstrap's url("data:image/svg+xml,<svg></svg>") to use clay-svg-url (c1cd8a2)
@clayui/css: Form Validation use clay-form-control-variant to style Danger, Warning, Success readonly inputs instead of clay-button-variant (23ed8cb)
@clayui/css: Forms fieldset[disabled] .form-control should use values from the $input Sass map and move rule-set closer to the .form-control rule-set (9ffc635)
@clayui/css: Forms label.disabled should use properties declared in $input-label map and move the label.disabled rule-set closer to the label rule-set (0ea7c72)
@clayui/css: Global Functions math-sign should return a negative calc value if a CSS custom property is passed in (e824c5d)
@clayui/css: Global Functions deprecate Bootstrap's escape-svg function (e8ffa5d)
@clayui/css: Global Variables deprecate Bootstrap 4 $enable-hover-media-query, $caret-width, $caret-vertical-align, $caret-spacing, $emphasized-link-hover-darken-percentage (54d39f9)
@clayui/css: Global Variables deprecate Bootstrap's $escaped-characters variable (9b93ca0)
@clayui/css: Inverse Sass variable values should use the math-sign function (835a62a)
@clayui/css: Mixins Alerts adds clay-alert-variant mixin and deprecate Bootstrap's alert-variant mixin (a3f1722)
@clayui/form: change the Dual List Box ordering side following the right side as the default behavior (d4b9630)
@clayui/shared: fix error when controlling internal state using external value and internal controller (d17eba5)
clayui.com: add missing authors (dc1b787)

Features

@clayui/core: add initial dnd implementation for TreeView (fe1e286)
@clayui/core: adds the implementation of modifying the Tree by copying the partial structure (4b67f61)
@clayui/core: implement move functionality for tree (a0ea6e5)
@clayui/css: adds new classes treeview-dropping-bottom, treeview-dropping-inside and treeview-dropping-top (f0b4c5e)
@clayui/css: Alerts adds components .alert-inline, alert-autofit-stacked, alert-autofit-stacked-sm-down, alert-autofit-stacked-xs-down, alert-indicator-start (7738e78)
@clayui/css: Cadmin Alerts adds components .alert-inline, alert-autofit-stacked, alert-autofit-stacked-sm-down, alert-autofit-stacked-xs-down, alert-indicator-start (b60b0c7)
@clayui/css: Cadmin Form Validation adds $cadmin-input-danger, $cadmin-input-warning, $cadmin-input-success, $cadmin-input-danger-select, $cadmin-input-warning-select, $cadmin-input-success-select Sass maps with clay-form-control-variant and clay-select-variant for more customization options (df1e426)
@clayui/css: Form Validation adds $input-danger, $input-warning, $input-success, $input-danger-select, $input-warning-select, $input-success-select Sass maps with clay-form-control-variant and clay-select-variant for more customization options (c23c8f5)

BREAKING CHANGES

@clayui/css: sticker-light now has a light font color and sticker-dark has a dark font color. All instances of sticker-light should be updated to use sticker-dark and all instances of sticker-dark should be updated to use sticker-light. If you do not want to make this change in your markup, you can revert back to the original styles with:

$sticker-light-bg: $dark !default;
$sticker-light-color: $white !default;

$sticker-dark-bg: $dark !default;
$sticker-dark-color: $white !default;

See issue https://github.com/liferay/clay/issues/4310 for more context.

4.0.0

Diff

jcastelain

published 4.0.0 • 3 years ago

3.32.0

Diff

matuzalemteles

published 3.32.0 • 3 years ago

Changelog

Source

3.32.0 (2021-07-28)

Bug Fixes

@clayui/autocomplete: fixes a potential XSS vulnerability in autocomplete by removing the use of dangerouslySetInnerHTML (675910c)
@clayui/color-picker: fix error of "hidden" input add extra margin (f4d8aa0)
@clayui/css: Cadmin Links adds component-text and component-icon, generic names for reuse in other components (ae49f03)
@clayui/css: Cadmin Treeview new component (ea1568e)
@clayui/css: Forms form-group-sm div.form-control should be 32px tall and grow to fix content inside, similar to a textarea element (eb987a1), closes #4164
@clayui/css: Grid generating container-max-width-* classes should work with Custom Properties (b12dbf5)
@clayui/css: Mixins update clay-loading-animation-variant to use clay-css pattern (4280c6f), closes #3987
@clayui/css: Mixins update sheet-footer-btn-block to use clay-css pattern (5523b67), closes #3987
@clayui/css: Sheet $sheet-lg-max-width should use fixed number instead of generating based on a $container-max-widths value (5968bd5)
@clayui/css: Utilities remove duplicate rounded utilities (6687624)
@clayui/shared: fixes error when getting stuck in an input masked as hidden (4c0c5cb)
@clayui/tooltip: Hide tooltip on dragstart (70d78da)
clayui.com: fixes error when generating slugs for documents inside packages (5e00f5a)

Features

@clayui/core: Add Provider component and the new @clayui/core package (1d4e4b3)
@clayui/core: adds theme API to Provider (e7bae7d)
@clayui/css: $container-max-widths Sass map should accept CSS Custom Properties (3a8ffe2)
@clayui/css: Buttons use nested property names in variables to stay as close as possible to the way our CSS is written (89e3360), closes #4176
@clayui/css: Functions adds map-deep-get for getting values of deeply nested Sass map items (2b80302)
@clayui/pagination-bar: Add the showDeltasDropDown prop (6c65f43), closes #4175