@clayui/layout - npm Package Versions

@clayui/css: atlas-variables.scss and base-variables.scss should be Sass partials. The CSS equivalent shouldn't be created since these files are only meant to be consumed by .scss files. (5aaa87e)
@clayui/css: C Kbd and Cadmin C Kbd allow passing in properties to .c-kbd-group > .c-kbd, .c-kbd-group-sm > .c-kbd, and .c-kbd-group-lg > .c-kbd from their respective Sass map variables (5a9ad67), closes #4367
@clayui/css: Cadmin Cards use the mixin clay-card-variant instead of deprecated mixins to generate styles for .card-type-asset, .image-card, .user-card , .card-type-directory (7a8b6f7)
@clayui/css: Cadmin Input Group move .btn and .form-control z-index styles to input-group-prepend and input-group-append. Input Groups input disappears when focused inside a modal with iframe. (07f17ce)
@clayui/css: Cards use the mixin clay-card-variant instead of deprecated mixins to generate styles for .card-type-asset, .image-card, .user-card , .card-type-directory (e244162)
@clayui/css: Icons make them more configurable via $lexicon-icon, $lexicon-icon-sm, $lexicon-icon-lg, $lexicon-icon-xl Sass maps (efe1b80)
@clayui/css: Input Group move .btn and .form-control z-index styles to input-group-prepend and input-group-append. Input Groups input disappears when focused inside a modal with iframe. (64bd8c8)
@clayui/css: Labels and Cadmin Labels Sass maps that are used for clay-label-variant hover and focus keys should be nested in href. The values are output for the selectors .label[href], .label[type], and .label[tabindex]. (c9e6442), closes #4383
@clayui/css: Mixins clay-card-variant adds option to output styles for: (c3e4149)
@clayui/css: Mixins clay-card-variant adds options to configure &.hover, &.focus, and &:disabled, &.disabled (16affad)
@clayui/css: Mixins clay-card-variant inlines the setter's that aren't providing any mapping from old keys to new keys (f0627a8)
@clayui/css: Mixins clay-card-variant moves the selector &.card, .card (b2f0f19)
@clayui/css: Mixins clay-card-variant should be able to output selectors for clay-card-type-asset-variant, but removes the default values generated in clay-card-type-asset-variant so it doesn't pollute the final CSS with unused rule-sets. (7bb6050)
@clayui/css: Mixins clay-card-variant should be able to output selectors for clay-card-type-asset, but removes the default values generated in clay-card-type-asset so it doesn't pollute the final CSS with unused rule-sets. (0a3bba0)
@clayui/css: Mixins clay-css should generate will-change property (b176c5b)
@clayui/css: Mixins clay-dropdown-item-variant adds option to output styles for ::before and ::after pseudo elements for default, hover, focus, active, .active, and disabled states (8369276), closes #4403
@clayui/css: Mixins clay-label-variant target [tabindex] instead of [tabindex="0"] so styles still apply when an element is disabled with negative tabindex (734470e)
@clayui/css: Mixins clay-link changes [@at-root](https://github.com/at-root) { button#{&} { :focus {} } } to &[type]:focus this causes issues for compound selectors. It will generate button.a .compound-selector instead of .a button.compound-selector. This fix targets the type attribute which should be on every button element. (5ca9e6d)
@clayui/css: Update map keys that are used in clay-link to use newer property names and nesting (d6a25df)
@clayui/drop-down: Provide a default on submit function to avoid form navigation (60a37aa)
@clayui/provider: removes dependency from ClayModal to avoid circular dependency issues (0b8eade)
@clayui/shared: fixes error when considering an element with negative tabIndex (da143f0)
@clayui/shared: fixes error when considering an element with negative tabIndex (9e40c0f)

Features

@clayui/core: add an onRenameItem callback (779f3da)
@clayui/core: add an onRenameItem callback (add2796)
@clayui/core: make it possible to enable or disable drag and drop (5367061)
@clayui/css: Alerts convert .alert-fluid to use clay-alert-variant mixin (15f9355)
@clayui/css: Cadmin Alerts convert .alert-fluid to use clay-alert-variant mixin (3f3f34e)
@clayui/css: Cadmin Dropdowns add Sass map $cadmin-dropdown-menu and generate styles for .dropdown-menu using clay-dropdown-menu-variant (bbc031a)
@clayui/css: Cadmin Dropdowns convert .dropdown-toggle, .dropdown-subheader, .dropdown-caption, .dropdown-item-text, .dropdown-section, .dropdown-divider, .dropdown-action, and dropdown-menu positional utilities to use Sass maps instead of variables (1f11eba)
@clayui/css: Dropdowns add $dropdown-menu Sass map and generate properties using it (a0d2382)
@clayui/css: Dropdowns convert .dropdown-toggle, .dropdown-subheader, .dropdown-caption, .dropdown-item-text, .dropdown-section, .dropdown-divider, .dropdown-action, and dropdown-menu positional utilities to use Sass maps instead of variables (0cb1ce7)
@clayui/css: Forms adds .form-fieldset and .form-legend to provide alternative fieldset and legend styles without overriding all fieldset and legend elements (3fc7449)
@clayui/css: Mixins clay-alert-variant adds option to pass in styles to &.alert-dismissible, &.alert-dismissible .container-fluid, .alert-indicator .lexicon-icon, and .container-fluid (807c612)
@clayui/css: Mixins clay-css if parameter is not type map don't do anything (b994e78)
@clayui/css: Mixins clay-dropdown-menu-variant add customizing &::before, &::after, and &.show (57903de)
@clayui/css: Mixins clay-link and clay-button-variant adds option to customize inline-item, inline-item-before, inline-item-middle and inline-item-after in default, hover, focus, active, active-class, and disabled states. (84fb0d0), closes #4413
@clayui/css: Reboot put fieldset and legend styles in Sass maps $fieldset and $legend (92e8254)

3.39.0

Diff

matuzalemteles

published 3.39.0 • 3 years ago

Changelog

Source

3.39.0 (2021-10-29)

Bug Fixes

@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

3.31.0

Diff

matuzalemteles

published 3.31.0 • 3 years ago

Changelog

Source

3.31.0 (2021-06-30)

Bug Fixes

@clayui/card: spritemap should be optional (18c11a7)
@clayui/css: Links convert variables to use nested Sass map pattern (1a9d654)
@clayui/css: Mixin Links don't use nested setters. The setter function takes an Argslist now, we can pass any number of Sass maps with one function call (dfa1ea2)
@clayui/css: Removes nested setter functions, only need to call it once. See https://github.com/liferay/clay/issues/4076. (e2db591)
@clayui/layout: ContentCol should use autofit-col-end instead of autofit-col-float-end (a3811d8)
@clayui/list: fix error when building types (b20f62c)
@clayui/pagination-bar: spritemap should be optional (38638e5)
@clayui/toolbar: spritemap should be optional (77a6216)