Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@clayui/shared

Package Overview
Dependencies
Maintainers
13
Versions
98
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@clayui/shared - npm Package Versions

1
10

3.38.0

Diff

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)
matuzalemteles
published 3.37.0 •

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.

jcastelain
published 4.0.0 •

jcastelain
published 3.36.0 •

Changelog

Source

3.36.0 (2021-09-23)

Bug Fixes

  • @clayui/core: add missing dependencies (8802933)
  • @clayui/core: fixes error of not controlled state for selectedKeys (f78aad9)
  • @clayui/core: fixes error of not selecting all children regardless of state (cdc921d)
  • @clayui/core: fixes error when expanding Node when selecting in TreeView (00a9559)
  • @clayui/core: Fixes error when not keeping node expandable when it starts as true (236039b)
  • @clayui/css: Atlas Global Variables define all global variables for easier copy and paste for those extending Clay CSS. This should help reduce undefined variable errors when reusing globals. (acb598e)
  • @clayui/css: Atlas removes Sassdoc comments. All documentation that gets generated should go in Base (89dc333), closes #4275
  • @clayui/css: Base Theme Global variables move settings toward the top of the file. (b1b309d)
  • @clayui/css: Buttons and Cadmin Buttons .btn-monospaced icons are off center by a pixel, use display: inline-flex to center and remove padding. If you need items to display inline in .btn-monospaced wrap them in a span tag. (ece0b5b)
  • @clayui/css: Buttons create Sass placeholders for Clay CSS btn-* classes to allow theme devs to @extend their button classes from it (f7e50f0), closes #4248
  • @clayui/css: Global Functions clay-enable-transitions should return $transitions instead of $transition (ca2d59a)
  • @clayui/css: Global Functions clay-enable-transitions the variable $enable-transitions isn't available in Cadmin, use $enable instead (bd4e1c5)
  • @clayui/css: Mixins clay-button-variant adds option to style :disabled:focus, mostly for removing focus shadow on disabled .btn (bb942f9)
  • @clayui/css: Mixins clay-button-variant c-inner should work if mobile sizes are enabled (a0a005c)
  • @clayui/css: Mixins clay-button-variant remove outputting a.btn, button.btn { cursor: pointer; } we can pass it in directly to .btn (d5a1942)
  • @clayui/css: Mixins form-control-variant update hover, focus, disabled to accept nested placeholder maps (05a85ca)
  • @clayui/drop-down: fixes the values of the width property of the Menu (f29681e)
  • @clayui/tooltip: forces tooltip to be repositioned when the x-axis is modified (b62313c)
  • @clayui/tooltip: stop the always showing warnings (3858bfe)
  • @clyaui/tooltip: fixes error when not forcing Tooltip repositioning when X axis is modified (187f1ef)

Features

  • @clayui/autocomplete: adds closeOnClickOutside API support to DropDown (ece1061)
  • @clayui/core: Add expanderIcons API to change icons throughout the structure (455002c)
  • @clayui/core: Add initial sketch of components to TreeView (234e4f6)
  • @clayui/core: adds functionality for expandable nodes and nested nodes (b103398)
  • @clayui/core: adds multiple selection implementation for Tree View (281ec20)
  • @clayui/core: adds support for flat items with dynamic content (5ef9405)
  • @clayui/css: Buttons convert .btn-lg and .btn-sm to use clay-button-variant mixin (f6b3e95)
  • @clayui/css: Buttons convert .btn-unstyled, .btn-monospaced, .btn-monospaced-lg, .btn-monospaced-sm, .btn-outline-borderless to use clay-button-variant mixin (4c16ce5)
  • @clayui/css: Buttons convert .btn to use clay-button-variant mixin (617befc)
  • @clayui/css: Cadmin Buttons convert .btn, .btn-lg, .btn-sm, .btn-monospaced, .btn-monospaced-sm, .btn-monospaced-lg, .btn-unstyled, and .btn-outline-borderless to use clay-button-variant mixin (8481f19)
  • @clayui/css: Cadmin Forms convert label and .form-control to use clay-css mixin (4226e59)
  • @clayui/css: Forms convert label and .form-control to use clay-css mixin (6a8b9f0)
  • @clayui/css: Global Functions adds starts-with($str1, $str2). A function that determines whether the string $str1 begins with the characters of the specified string $str2. (6ddef3e)
  • @clayui/css: Mixins clay-css if transition has a value other than null or none, it should output a prefers-reduced-motion media query (95b5c08)
  • @clayui/css: Mixins clay-css should output any CSS Custom Properties passed into it. (a78ddfa), closes #4252
  • @clayui/css: Move .hide from liferay-portal to clay-css (0e25435)
jcastelain
published 3.35.3 •

Changelog

Source

3.35.3 (2021-09-09)

Bug Fixes

  • @clayui/css: Forms use fixed value for $input-height-inner, $input-height-inner-half, $input-height-inner-quarter to reduce Sass errors with CSS custom properties in $input-line-height and $input-padding-y (2fa8ca3), closes #4247
matuzalemteles
published 3.35.2 •

Changelog

Source

3.35.2 (2021-08-30)

Bug Fixes

  • @clayui/shared: fix error export type from root in package distribution (121e3cc)
matuzalemteles
published 3.35.1 •

Changelog

Source

3.35.1 (2021-08-30)

Bug Fixes

  • @clayui/shared: fixes error when importing the type that is not available in the module (3108383)
matuzalemteles
published 3.35.0 •

Changelog

Source

3.35.0 (2021-08-30)

Bug Fixes

  • @clayui/dropdown: Pass useCssRight to domAlign (34db43e)

Features

  • @clayui/drop-down: replaces direct use of dom-align with doAlign with RTL support (a311dca)
  • @clayui/popover: replaces direct use of dom-align with doAlign with RTL support (b69b98b)
  • @clayui/tooltip: replaces direct use of dom-align with doAlign with RTL support (2afa54c)
matuzalemteles
published 3.32.0 •

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
matuzalemteles
published 3.29.0 •

Changelog

Source

3.29.0 (2021-05-28)

Bug Fixes

  • @clayui/css: Global Functions update setter to accept more than 2 variables (e.g., setter($var1, $var2, $var3, $var4, $var5)) (2a923f0), closes #4076
  • @clayui/css: Mixins clay-aspect-ratio-item-variant and clay-aspect-ratio-variant convert to use new (easier to remember) Sass map keys. The old keys will still work and win over new keys. (d4680a9), closes #4085
  • @clayui/css: Mixins Card convert to use new (easier to remember) Sass map keys. The old keys will still work and win over new keys. (a2e6d34), closes #4088
  • @clayui/drop-down: fixes error when closing the contextual menu (8bdfa79)
  • @clayui/drop-down: stops closing the drop-down when the focus is inside the sub portal (cc57b72)
  • @clayui/table: Fixes lint error (9dec4a4)

Features

  • @clayui/css: Adds the block SVG icon (96dabe4)
  • @clayui/drop-down: add the new contextual type to create a cascading menu (63960b2)
  • @clayui/drop-down: Make it possible to render dividers (51a46d5)
  • @clayui/shared: Add MouseSafeArea to the contextual menu (7824f16)
  • @clayui/table: Adds the noWrap prop to ClayTable.Cell (da88293)
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc