Releases: liferay/clay
v3.46.0
Bug Fixes
- @clayui/color-picker: fixes error when not syncing the field state with the editor when there are no palettes (097b76a)
- @clayui/core: fix error when selecting parent nodes and controlling intermediate state in multiple selection (2174128)
- @clayui/css: Buttons fix alignment of icons in flex items (72993f2)
- @clayui/css: Mixins
clay-button-variant
customize.btn .inline-item .lexicon-icon
(baf9e10) - @clayui/date-picker: Adding some changes related to time reset and refactoring code (dd4d2e8)
- @clayui/date-picker: fix bug when not changing time to current time when clicking on dot button (5daa1f1)
- @clayui/date-picker: fix error in always adding ampm when user is typing (d5502e4)
- @clayui/date-picker: fix error when formatting time using 12 hours (8061529)
- @clayui/date-picker: Removing initialized variables (997e10f)
- @clayui/date-picker: Reset actual date when input string is empty (94de1ae)
- @clayui/multi-select: fix error when adding labels with whitespace (1a8a166)
Features
- @clayui/core: allow configuring the drag and drop context (59f9f58)
- @clayui/css: Aspect Ratio adds
aspect-ratio-8-to-3
(37.5%) (7b7f9c2) - @clayui/css: Cadmin Aspect Ratio adds
aspect-ratio-8-to-3
(37.5%) (5705ad5) - @clayui/css: Cadmin Type convert
.display-*
components toclay-css
mixin pattern (3de7a63) - @clayui/css: Cadmin Type convert h1-h6 to clay-css mixin pattern (332f1fa)
- @clayui/css: Cadmin Utilities adds
text-1
throughtext-11
for font-sizes (80e1097) - @clayui/css: Mixins Grid adds
clay-generate-media-breakpoints
(c18ebd2) - @clayui/css: SVG Icons adds export (0e67571)
- @clayui/css: Type convert
.display-*
components toclay-css
mixin pattern (e201fcc) - @clayui/css: Type convert h1-h6 to clay-css mixin pattern (19dcfc3)
- @clayui/css: Utilities adds
text-1
throughtext-11
for font-sizes (4ce046c) - clay-pagination: allow disabling ellipsis button in pagination (4e4e84c)
v3.45.1
3.45.1 (2022-02-02)
Bug Fixes
- @clayui/core: avoid converting key type to string when using public method of selection.has() (7c9413a)
- @clayui/core: fix error when converting key to string when it is of type number (201d72f)
- @clayui/core: fix error when propagating event when clicking expander (56f56d6)
- @clayui/core: fixes error when not showing expander with static content (e96ffb0)
- @clayui/core: fixes error when the child of
TreeView.ItemStack
is of type number (7b3531f)
v3.45.0
Bug Fixes
- @clayui/core: add a default value to nestedKey (075221d), closes #4584
- @clayui/core: Change .treeview-item.disabled to .treeview-item-dragging (b87b6b8)
- @clayui/core: hide expander icon on nodes that don't have chidren (d705fc6), closes #4581
- @clayui/css: Cadmin Links removes unnecessary
setter()
from.component-icon
(130e708) - @clayui/css: Cadmin reset
nav-link
pseudo elements (7038224) - @clayui/css: Cadmin reset Custom Checkbox and Radio pseudo elements (dbbbb02)
- @clayui/css: Cadmin Treeview removes
setter()
, no longer necessary (1d4d4a9) - @clayui/css: Cadmin Treeview use
box-shadow
instead of border to indicate drop zone (58ca599) - @clayui/css: Forms
label
insideform-control
should usemin-height
(108d442) - @clayui/css: Forms use mixin
clay-label-variant
instead of deprecatedclay-label-size
(a0c15fc) - @clayui/css: Treeview renames the key
link
totreeview-link
(8378346) - @clayui/css: Treeview replaces
.treeview-item.disabled
with.treeview-item-dragging
(a9f88d0) - @clayui/css: Treeview use
box-shadow
instead of border to indicate drop zone (fb93ca7) - @clayui/date-picker: fix time picker default value (770639f)
- @clayui/date-picker: fixes error when not formatting time in 12hours when passing to time picker (2090eb4)
- @clayui/shared: fix focus control collision when having FocusScope nested (58bd27f)
Features
- @clayui/core: allow passing extra css classes to expander button (91d40a2), closes #4589
- @clayui/css: Adds treeview component (776f4bb)
- @clayui/css: Links adds
component-text
andcomponent-icon
(5188985) - @clayui/popover: close the popover when the ESC key is pressed (c49cf89), closes #4567
- add plain/common API for button links (7148450)
v3.42.0
Bug Fixes
- @clayui/color-picker: Add active and onActiveChange props (4c7c683)
- @clayui/css: Atlas Pagination focus shadow should match Lexicon's (1f677e2)
- @clayui/css: Button Group
.dropdown-toggle-split
should use calc to calculate padding (8d88a2d), closes #4499 - @clayui/css: Cadmin convert maps being passed into
clay-navbar-variant
to use new keys (8aa1044) - @clayui/css: Cadmin Navbar Component Variants only output media query (md) styles used in DXP (2477c7e)
- @clayui/css: Cadmin Pagination update map keys to use newer keys (9beabca)
- @clayui/css: Convert maps being passed into
clay-navbar-variant
to use new keys (4f4ba86) - @clayui/css: Declares
border-color
andborder-style
for Management Bar and Navigation Bar base (e67c284) - @clayui/css: Mixin
clay-button-variant
unbundles.show
from.active
(73227a0) - @clayui/css: Mixin
clay-toggle-switch-bar-variant
adds.button-icon-off
selector (6d3e8fe), closes #4486 - @clayui/css: Mixins _links.scss check if parameter is type map before processing (385fd6b)
- @clayui/css: Mixins
clay-link
andclay-close
Removes the.show > &
selector (9b523cf) - @clayui/css: Mixins
clay-navbar-variant
convert toclay-css
mixin pattern (59b722b) - @clayui/css: Mixins
clay-navbar-variant
don't output properties if param is empty map (e6230e7) - @clayui/css: Mixins check if parameter is map to avoid must be a map error (a128597)
- @clayui/css: Multi Step Nav use calc to calculate sizing for CSS variable compatibility (96dde7e), closes #4498
- @clayui/css: Navbar Component Variants only output media query (md) styles used in DXP (7435d7d)
- @clayui/css: replace filter icon (8231dae), closes #4490
- @clayui/css: Toggle Switch increase specificity of
simple-toggle-switch
(8f86cd6), closes #4484 - @clayui/form: add missing "textarea" type to Input's component prop (b0a3b89), closes #4477
- clayui.com: updates Google Analytics ID (f6976f4)
Features
- @clayui/css: Cadmin Pagination convert to use clay mixins (56947b5)
- @clayui/css: Cadmin Popovers generate styles using
clay-css
mixin (d40ef1f) - @clayui/css: Cadmin Tooltip generate styles using
clay-tooltip-variant
mixin (df4011e) - @clayui/css: Mixins
clay-button-variant
adds option to style::before
and::after
(4003b59) - @clayui/css: Mixins
clay-navbar-variant
should be able to outputclay-navbar-size
selectors (ffaee2a) - @clayui/css: Mixins adds
clay-pagination-items-per-page-variant
andclay-pagination-variant
(84fff62) - @clayui/css: Mixins adds
clay-popover-variant
(9dc84b1) - @clayui/css: Mixins adds
clay-tooltip-variant
(5bb6319) - @clayui/css: Pagination convert to use clay mixins (188ed54)
- @clayui/css: Popovers generate styles using
clay-css
mixin (6a5c2f6) - @clayui/css: Tooltip generate styles using
clay-tooltip-variant
mixin (20f89e5)
BREAKING CHANGES
-
@clayui/css: We previously output
navbar-expand-{sm|md|lg|xl}
for the variants of:- Application Bar
- Management Bar
- Navigation Bar
- Sidebar Navigation Bar
We only output those that are needed namely, navbar-expand-md
. If you relied upon other breakpoints you will need to declare them in the respective Sass map or set:
$application-bar-base: (
media-breakpoint-down: $c-unset,
media-breakpoint-up: $c-unset,
);
to revert back to the old way.
- @clayui/css: The mixin
clay-navbar-variant
outputborder-color: transparent
andborder-style: solid
by default. This has been removed to reduce unnecessary CSS. You will need to declare them in your Sass map if you relied upon it.
v3.41.0
Bug Fixes
- @clayui/core: Disable checkbox while loading (3893df3)
- @clayui/css: Atlas
select.form-control
size and multiple styles should match Lexicon (b357b31) - @clayui/css: Cadmin
select.form-control
size and multiple styles should match Lexicon (7e73f27) - @clayui/css: Mixin
clay-link
nesteddisabled:(active: ())
should output styles (4492f57) - clayui.com: Incorrect import for ClayCardWithNavigation (b2cc9a7)
Features
- @clayui/core: add a loading indicator to the TreeView (7704b93), closes #4443
- @clayui/css: _reboot convert
a
tag to useclay-link
mixin (47d6130) - @clayui/css: Cadmin _reboot convert
a
tag to useclay-link
mixin (45536f4) - @clayui/css: Cadmin Form Validation use
clay-form-validation-variant
to generate states (91bbc2a) - @clayui/css: Cadmin Toggle Switch convert to use new mixins (f95b701)
- @clayui/css: Form Validation use
clay-form-validation-variant
to generate states (3efaea8) - @clayui/css: Mixins
clay-css
adds more text decoration properties (ef06c5b), closes #4447 - @clayui/css: Mixins
clay-link
add option to style ::before and ::after (330931e) - @clayui/css: Mixins
clay-link
adds customization for:link
and:visited
(8a45963) - @clayui/css: Mixins
clay-select-variant
adds more configuration options (983de0f) - @clayui/css: Mixins Forms
clay-form-validation-variant
adds more selectors (99a311b) - @clayui/css: Mixins Forms adds
clay-form-validation-variant
(22e2d02) - @clayui/css: Mixins Toggle Switch adds a few variant mixins for generating selectors (e45125e)
- @clayui/css: Toggle Switch convert to use new mixins (687a18b)
v3.40.0
Bug Fixes
- @clayui/css:
atlas-variables.scss
andbase-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 toinput-group-prepend
andinput-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 toinput-group-prepend
andinput-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 inhref
. 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 thesetter
'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 forclay-card-type-asset-variant
, but removes the default values generated inclay-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 forclay-card-type-asset
, but removes the default values generated inclay-card-type-asset
so it doesn't pollute the final CSS with unused rule-sets. (0a3bba0) - @clayui/css: Mixins
clay-css
should generatewill-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 generatebutton.a .compound-selector
instead of.a button.compound-selector
. This fix targets thetype
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 useclay-alert-variant
mixin (15f9355) - @clayui/css: Cadmin Alerts convert
.alert-fluid
to useclay-alert-variant
mixin (3f3f34e) - @clayui/css: Cadmin Dropdowns add Sass map
$cadmin-dropdown-menu
and generate styles for.dropdown-menu
usingclay-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 allfieldset
andlegend
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
andclay-button-variant
adds option to customizeinline-item
,inline-item-before
,inline-item-middle
andinline-item-after
in default, hover, focus, active, active-class, and disabled states. (84fb0d0), closes #4413 - @clayui/css: Reboot put
fieldset
andlegend
styles in Sass maps$fieldset
and$legend
(92e8254)
v3.39.0
Bug Fixes
- @clayui/css: Adds division polyfill
clay-div
a function that uses/
as a division operation if the functiondiv()
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 fordart-sass
deprecation message (aa74003) - @clayui/css: Convert forward slash as division
/
to multiplication as work around fordart-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
removesdropdown-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
andorder-descending
SVG icons and updategeolocation
SVG icon (319f37f) - @clayui/css: Cadmin Custom Forms
custom-control
,custom-checkbox
, andcustom-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
, andcustom-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 deprecatedclay-sticker-size
mixin (3e703ed) - @clayui/css: Mixins Custom Forms adds
clay-custom-control-input-variant
andclay-custom-control-variant
mixins (3060c0b) - @clayui/css: Mixins update
clay-label-variant
to provide selectors that are generated byclay-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
andclay-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
andgeolocation
SVG icons (a34f3be)
v3.38.0
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 betweenmodal-header
andmodal-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 betweenmodal-header
andmodal-body
(b3f648e) - @clayui/css: Modals
modal-header
increase z-index so it appears on top ofmodal-body
.modal-header
border gets hidden bymodal-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 useclay-badge-variant
mixin (8c9d4eb) - @clayui/css: Cadmin Badge converts
.badge
and badge variants to useclay-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)
v3.37.0
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
to0.875rem
and change$alert-indicator-font-size
to1rem
(21d33ed) - @clayui/css: Atlas and Cadmin Stickers swap background and foreground colors for
sticker-light
andsticker-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 thelabel.disabled
rule-set closer to thelabel
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 useclay-svg-url
(c1cd8a2) - @clayui/css: Form Validation use
clay-form-control-variant
to style Danger, Warning, Success readonly inputs instead ofclay-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 thelabel.disabled
rule-set closer to thelabel
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'salert-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
andtreeview-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 withclay-form-control-variant
andclay-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 withclay-form-control-variant
andclay-select-variant
for more customization options (c23c8f5)
BREAKING CHANGES
- @clayui/css:
sticker-light
now has a light font color andsticker-dark
has a dark font color. All instances ofsticker-light
should be updated to usesticker-dark
and all instances ofsticker-dark
should be updated to usesticker-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 #4310 for more context.
v3.0.0-alpha.1
v3.0.0-alpha.1
New version is out! 🚀
New alpha version is out, we have some important things to announce before you go ahead. Remembering that milestone, alpha and beta versions are subject to sudden changes, this is the time to test things before releasing a stable version.
A big thank you to many of you who are collaborating with feedbacks, opening issues and reporting use cases this is extremely important to evolve Clay.
Breaking changes 💥
We have had some important breaking changes in this new milestone that you should be aware of before upgrading to this new version.
1. PaginationWithBar is now a controlled component.
Enhancements 🛠
ClayTable.Cell: truncate
property added (#2279)
Updated React to v16.9
Fixes
We had some important fixes that were reported by you, some preventing the use of the component. Big thank you.
- Modal isn't closing when clicking outside when not added size parameter (#2349)
- When the ClaySlider is used inside a ClayModal, it doesn't pick up initial value (#2342)
- ClaySlider isn't a controlled component (#2341)
- ManagementToolbar doesn't provide search callback functions (#2340)
- Modal's icon is wrong when the status type is warning (#2350)
- MultiSelect native callback events needed (#2371)