All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
3.103.1 (2023-08-15)
- @clayui/css: log() errors on dart-sass 1.65.1, use error instead (eafa6f1)
3.102.0 (2023-08-01)
- @clayui/css: Modals should grow to fit content (6df4597)
3.101.0 (2023-07-28)
- @clayui/css: Cadmin Modal is outputing wrong selector for .modal-open .modal (a2f2787)
- @clayui/css: Cadmin slideout should use overflow visible for resize bar to show (48f2a14)
- @clayui/css: Modal Height Full should overflow when content is too tall (729c8e3)
- @clayui/css: Adds :focus-visible support (ba1f68b)
- @clayui/css: Form mixins use focus-visible (1da9164)
3.100.0 (2023-07-13)
- @clayui/css: Adds btn-beta-dark and badge-beta-dark and updates background colors (13733df)
- @clayui/css: Remove fixed height and width to follow SVG guidelines (893396b)
3.99.0 (2023-06-28)
- @clayui/css: Utilities forgot to add !important to some bg utils (c164484)
- @clayui/css: Utilities adds more text and bg color utilities (5230949)
3.98.0 (2023-06-20)
- @clayui/css: Cadmin c-prefers-* should qualify the cadmin class (a8b1d7b)
- @clayui/css: Mixins clay-css and transition should output the correct c-prefers-* selector for cadmin (b81e2a3)
- @clayui/css: customize Picker style in DatePicker (26064de)
- @clayui/css: Dropdown Menu adds dropdown-item-scroll styles (08e3ab9)
- @clayui/css: dropdown-menu-select inline-scroller should be taller (320c166)
- @clayui/css: Mixins clay-dropdown-menu-variant adds dropdown-item-scroll (f4ae8f1)
3.97.0 (2023-06-13)
- @clayui/css: Cadmin btn-sm icons should be 16px x 16px (ca05132)
- @clayui/css: Menubar removes negative margins in mobile and sync up Cadmin styles with Atlas (a490fe6)
- @clayui/css: Menubar update hover and active borders (297a214)
- @clayui/css: Mixins clay-css output truncated text override .c-prefers-expanded-text selectors (8dfeafd)
- @clayui/css: Mixins clay-link add more options to customize in show state (2c83bfd)
- @clayui/css: Mixins text-truncate should use clay-css mixin to output .c-prefers-expanded-text selectors (d0d7fdd)
- @clayui/css: More complex input-groups should accommodate inset focus styles (3061ded)
- @clayui/css: Pagination update hover and active borders (abdce0e)
- @clayui/css: Remove dependence on _nav variables in _icons.scss (bf8cb83)
- @clayui/css: Transitions should work for .input-group-item.focus (d3acc25)
- @clayui/css: Adds global classes to configure accessibility (232e15a)
- @clayui/css: SVG Icon adds accessibility.svg (f2e5ff5)
- @clayui/css: SVG Icons adds stars.svg (dafbfbd)
3.95.2 (2023-05-17)
- @clayui/css: fix syntax error (04b90d9)
3.95.0 (2023-05-15)
- @clayui/css: Atlas Buttons undo
.btn:active:focus
box-shadow from base theme (258c60f) - @clayui/css: Cadmin Buttons undo
.btn:active:focus
box-shadow (4cc6c3e) - @clayui/css: Cadmin Menubar update to new hover, focus, active styles (f4e5d9e)
- @clayui/css: Cadmin Modals converts some components to clay Sass map pattern (3053c19)
- @clayui/css: Cadmin only generate Sass placeholders for specific key names (f8f5fff)
- @clayui/css: Cadmin update Pagination to new hover active styles (be8e82c)
- @clayui/css: Forms c-unset/clay-unset shouldn't output anything for $form-control-select-palette (dc601b0)
- @clayui/css: Mixins clay-link adds customization for active and disabled focus states (8d4e1ba)
- @clayui/css: Mixins clay-map-to-css should accept child combinator (>) (12e938f)
- @clayui/css: Mixins clay-map-to-css should accept parent selector & (d1462d7)
- @clayui/css: Mixins clay-modal-variant should use clay-map-to-css where applicable (4cab2ab)
- @clayui/css: Mixins clay-nav-nested should apply to .btn as well (a541843)
- @clayui/css: Modals .modal-body should use the value from $modal (18d922a)
- @clayui/css: Modals converts some components to clay Sass map pattern (d2ee903)
- @clayui/css: Modals update modal-palette loop to prepend
.modal-
only to specific keys (a796dc4) - @clayui/css: Navs nav-nested reduce the number of nested navs to 7 by default (429876a)
- @clayui/css: Only generate Sass placeholders for specific key names (25bd58c)
- @clayui/css: Pagination maps
.page-item.active .page-link
toactive-class
instead ofactive
(5e77a99)
3.94.0 (2023-05-03)
- @clayui/css: Atlas Custom Forms
$custom-control-indicator-checked-*
variables should be grouped (8854b6c) - @clayui/css: Atlas Menubar update active and hover state to improve contrast (9886c7a)
- @clayui/css: Atlas Pagination active state should be semi bold and hover shouldn't shift content (667ea8e)
- @clayui/css: Atlas Pagination and Menubar hover state should have semi bold font (9bbab24)
- @clayui/css: c-prefers-reduced-motion utilities should work with prefers-reduce-motion media query (7191e1b)
- @clayui/css: Cadmin output the correct selector for c-prefers-reduced-motion (9ff6965)
- @clayui/css: Pagination update active and hover state to improve contrast (283d30b)
- @clayui/css: Utilities adds display classes based on c-prefers-reduced-motion (817987e)
3.93.0 (2023-04-19)
- @clayui/css: c-prefers-reduced-motion should completely remove transitions and animations (ad58f8e)
- @clayui/css: Exclude variant styles from being output when using c-unset (59f5716)
- @clayui/css: Global Functions adds clay-is-map-unset (5c6d168)
- @clayui/css: Mixins clay-button-variant adds ability to style :link and :visited pseudo classes (639ef02)
- @clayui/css: Mixins clay-css should remove animations with c-prefers-reduced-motion (e042a3c)
- @clayui/css: Global Functions adds clay-insert-after (e462c59)
- @clayui/css: Sheets adds sheet-row for aligning content flush (9897c65)
3.92.0 (2023-04-06)
- @clayui/css: Buttons btn-xs adjust inline-item position (cd78784)
- @clayui/css: Cadmin and Clay update focus outline colors for accessibility (372af84)
- @clayui/css: Nav Tabs adds nav-tabs-light and adjust borders (68f8bec)
- @clayui/css: Popover arrow has 1px gap in Safari (caaf7f7)
- @clayui/css: Cadmin and Clay adds btn-beta and badge-beta variants (e09566a)
- @clayui/css: Multi Step Nav adds error state (9d5846e)
- @clayui/css: Utilities adds c-prefers-reduced-motion (89deb26)
3.91.0 (2023-03-24)
- @clayui/css: Navigation Bar focus outline should be rounded (a9dfdc0)
- @clayui/css: Removes nav-underline from Clay and Cadmin (642c479)
- @clayui/css: Resizer shouldn't select text when dragging (e2842c0)
- @clayui/css: Treeview btn should inherit component's color (4e733f9)
- @clayui/css: Atlas and Cadmin update nav-tabs styles (2e7aae2)
- @clayui/css: Cadmin and Clay adds c-horizontal-resizer component (9dec76c)
- @clayui/css: The class
.nav-underline
was removed
3.90.0 (2023-03-15)
- @clayui/css: Cadmin Pagination active state should have more contrast (a09539a)
- @clayui/css: Clay and Cadmin Menubar make collapsed nav 100% wide (ef3d431)
- @clayui/css: Mixins Breakpoints don't output any styles if the breakpoint is
c-unset
(a8a02e2) - @clayui/css: Mixins Menubar update to use media query pattern (c6d9c16)
- @clayui/css: add new
angle-double
icons (04e8bb0) - @clayui/css: add new
field-area
icon (a0382b2) - @clayui/css: add new
km-KH
icon (9b2c70e)
3.89.0 (2023-03-01)
- @clayui/css: Buttons increase font-weight of text in btn-monospaced (0e92f96)
- @clayui/css: Links change spacing between text and icon back to 8px (3309eb9)
- @clayui/css: nav-underline and navigation-bar-light should use primary-l0 for active highlight (fdeb072)
- @clayui/css: Global Functions adds clay-map-merge (901f288)
- @clayui/css: Globals adds
$c-root
map for outputting custom properties (8afe1b6) - @clayui/css: Globals adds
$clay-root
map for outputting custom properties (49f05c7) - @clayui/css: Globals adds $primary-l0 (d76fb5c)
- @clayui/css: Moves c-root to the end of variables file (ea82657)
3.88.0 (2023-02-14)
- @clayui/css: Adjust list-group-text and subtext to match Lexicon specs (193d92a)
3.87.2 (2023-02-08)
- @clayui/css: use
clay-saturate
instead ofsaturate
(c3cc7ba)
3.87.1 (2023-02-08)
- @clayui/css: fix build error when
$secondary
variable is a CSS variable (10da9f2)
3.87.0 (2023-02-08)
- @clayui/css: Atlas Dropdown items should be 32px tall (237f8fd)
- @clayui/css: Buttons btn-secondary should have darker border for better contrast (336bdc3)
- @clayui/css: Cadmin declare font size for btn-monospaced size variants (2e85acd)
- @clayui/css: Cadmin text-# utilities should use px values (a47aa7e)
3.86.1 (2023-02-02)
- @clayui/css: Cadmin Alert update alert-secondary to match new Lexicon colors (8eab38d)
- @clayui/css: List Group removes default color on
.list-group
(f314a43)
3.86.0 (2023-01-31)
- @clayui/css: Empty State add bigger margin-bottom on image (e19f587)
- @clayui/css: Readd text-underline and add text-none (5f7f691)
- @clayui/css: Text decoration utility selector typo (8970d78)
3.85.0 (2023-01-23)
- @clayui/css: Atlas Alert update secondary colors (9d85766)
- @clayui/css: Atlas Pagination active state should have more contrast (7e26618)
- @clayui/css: Cadmin Navigation Bar nav-link should inherit font size (b30e861)
- @clayui/css: Custom Checkbox and Radio border-color should have better contrast (77bdad4)
- @clayui/css: Mixins clay-select-variant adds hover states (f6bb985)
- @clayui/css: Navigation Bar nav-link should inherit font size from parent (a359c32)
- @clayui/css: Navigation Bar remove default btn border from .btn.nav-link (6468728)
- @clayui/css: Pagination adds cursor pointer to link for tags without href (c988ce7)
- @clayui/css: Select box selected state should have darker background-color (1890825)
- @clayui/css: Cadmin adds c-link (f0b4d3a)
- @clayui/css: Links adds c-link to be used with utility classes (156446b)
- @clayui/css: Mixins clay-link adds ability to create variants (60e9662)
- @clayui/css: Utilities adds text-decoration-underline (9b4873d)
3.84.0 (2022-12-23)
- @clayui/css: Sidebar should be able to overwrite focus styles on sidenav-start and sidenav-end (2edc530)
- @clayui/multi-select: moves the visual focus from the gridcell to the label (5686d66)
3.83.1 (2022-12-20)
- @clayui/css: Mixins clay-select-variant
$option
should be scoped to the selector (4f08997)
3.83.0 (2022-12-20)
- @clayui/css: Bootstrap spinners are broken (9fabd50)
- @clayui/css: Forms button.form-control-select should be left aligned (63a140f)
- @clayui/css: Mixins clay-dropdown-item-variant adds .hover and .focus (92221ef)
- @clayui/css: Mixins form-control-variant and clay-select-variant should output .hover (3823eef)
- @clayui/css: Sidebar adds focus state (89443e5)
- @clayui/css: add display
contents
utility (e92be6a) - @clayui/css: Cadmin Forms adds form-control-select-secondary (c66ef0f)
- @clayui/css: Dropdown adds dropdown-menu-select variant (13680ed)
- @clayui/css: Forms adds form-control-select-secondary (8ab290e)
- @clayui/css: Mixins clay-dropdown-menu-variant adds ability to style more sub components (1527b71)
- @clayui/css: Mixins clay-form-control-variant adds active state (92c1b0a)
3.82.0 (2022-12-07)
- @clayui/css: Cadmin normalize Sass map keys to be closer to the selector name (66dbd7a)
- @clayui/css: Mixins clay-css adds gap and row-gap to properties (ba0447c)
- @clayui/css: Mixins clay-modal-variant keys should be closer to the selector name (60439a6)
- @clayui/css: Mixins clay-tbar-variant fix typo in
.tbar-divider-after
selector (651c34a) - @clayui/css: Mixins keys should be closer to the selector name (8ad67a5)
- @clayui/css: Normalize Sass map keys to be closer to the selector name (3af7cde)
- @clayui/css: Progress Bar variant keys should be closer to the selector name (68aea6c)
- @clayui/css: Cadmin Utilities adds 5 levels of gap utilities (2ebeb50)
- @clayui/css: Utilities adds 5 levels of gap utilities (c095efd)
- removes duplication of implementation of accessibility features for menu using Overlay component (9d60eb9)
3.81.0 (2022-11-30)
- @clayui/css: Cadmin replace improper clay-container with clay-css mixins (841dc91)
- @clayui/css: Replace improper clay-container with clay-css mixins (1ddf44b)
- @clayui/css: Modularize most Clay CSS components (e39673a)
3.78.0 (2022-10-25)
- @clayui/css: Cadmin Management and Navigation Bar only output media queries for md breakpoint (617d696)
- @clayui/css: Mixin clay-navbar-expand-variant shouldn't style
.btn-unstyled
(04615be)
- @clayui/css: Mixins
clay-navbar-size
don't output media-query styles (7ddcb52)
3.76.0 (2022-10-11)
- @clayui/css: Cadmin convert properties that use button focus, disabled, and transition variables (2115b66)
- @clayui/css: Cadmin Links
.component-action
and.link-outline
should have focus shadow (d646ef1) - @clayui/css: Global Functions speed up
map-deep-get
(51123e9) - @clayui/css: Links
.component-action
and.link-outline
should have focus shadow (4cd0681) - @clayui/css: Mixins check if parameter is map to avoid Sass error (0441281)
- @clayui/css: Cadmin Globals adds transition and disabled opacity component variables for easier reuse (107d19a)
- @clayui/css: Decouple button variables from other components (f0f357d)
- @clayui/css: Globals adds transition and disabled opacity component variables for easier reuse (33e7cef)
3.75.0 (2022-09-28)
- @clayui/css: Functions
map-deep-merge
shouldn't merge maps ifmerge: false
(2e68bfe) - @clayui/css: SVG Icons updates mobile icons (13c4e21)
3.74.0 (2022-09-19)
- @clayui/css: Atlas Unchecked Disabled Custom Checkbox should have border color secondary-l3 (23e09ae)
- @clayui/css: Cadmin Tables removes table row variants, these are unused in admin (a12d65c)
- @clayui/css: Tables table row variants should style the background (45024a2)
- @clayui/css: Base, Atlas, Cadmin Custom Checkbox adds readonly disabled styles (39c6ad0)
- @clayui/css: Cadmin Custom Checkbox adds readonly styles (3ec6b85)
- @clayui/css: Custom Checkbox adds readonly styles (e7481e7)
- @clayui/css: Mixins
clay-custom-control-input-variant
adds option to configure readonly (302bd13) - @clayui/css: Mixins
clay-custom-control-input-variant
adds option to configure readonly disabled (2e80a2d)
3.73.0 (2022-09-13)
- @clayui/css: Cadmin Buttons use transparent border for solid buttons (8357269)
- @clayui/css: Functions
clay-get-fallback()
should return custom property if no fallback value (242216a)
- @clayui/css: Buttons adds a 24px tall button,
btn-xs
(fadeb3a) - @clayui/css: Cadmin Buttons adds a 24px tall button,
btn-xs
(06f56f6) - @clayui/css: SVG Icons adds Argentina, Mexico, and Columbia flags (8d5a33c)
3.70.1 (2022-08-24)
Note: Version bump only for package @clayui/css
3.70.0 (2022-08-23)
- @clayui/css: Buttons palette maps should output the selector
.btn
when using the keybtn
(306dfa4) - @clayui/css: Menubar (Vertical Nav) update hover, focus, active colors to match Lexicon (5a74890)
- @clayui/css: Mixins
clay-button-variant
add option to pass styles to:focus:hover
(b3a766d)
3.69.0 (2022-08-16)
- @clayui/css: Buttons
$btn-palette
and$btn-outline-palette
should support keys prefixed withbtn-
(3de823e) - @clayui/css: Cadmin Buttons btn-monospaced icons should be centered (7042cf0)
- @clayui/css: Mixins
clay-css
should acceptc-unset
as a value to reset a property (a4fb956) - @clayui/css: Use
c-unset
instead of$c-unset
to reset property values (09fbde1)
3.68.0 (2022-08-01)
- @clayui/css: Atlas and Cadmin dropdown-item should have 16px left and right padding (77cd63b)
- @clayui/css: Cadmin
<label>
element should haveposition: static
(f11bac0) - @clayui/css: Cadmin use calc() instead of Sass math so we can handle mixed units better (253cf28)
- @clayui/css: Dropdown use calc() instead of Sass math to calculate padding for dropdown-item-indicator (fd8cad0)
- @clayui/css: Use calc() instead of Sass math so we can handle mixed units better (4e4bd51)
3.65.2 (2022-07-19)
- @clayui.css: Removes uses of unnecessary setter functions (67646f1)
3.65.1 (2022-07-11)
Note: Version bump only for package @clayui/css
3.65.0 (2022-07-11)
- @clayui/alert: Simplifying (cac8e75)
- @clayui/alert: Unset flex property for feedback variant (0450de5)
- @clayui/alert: Use default line height for alert icon (31a2911)
- @clayui/css: (cadmin) fix indicator alignment in alert (029865a)
- @clayui/css: Add option to generate placeholders separately in component variant maps (b638999)
- @clayui/css: Alert Indicator SF and adjust alignment in base theme (6d7efa3)
- @clayui/css: Cadmin add option to generate placeholders separately in component variant maps (30612d9)
- @clayui/css: Form Validation disables validation icons (f0b2daf)
- @clayui/css: Utilities update inline-scroller focus ring (50e3800)
- @clayui/css: Mixins
clay-css
adds option to output a Sass[@extend](https://github.com/extend)
with theextend
key (eb6206b)
3.64.0 (2022-07-04)
- @clayui/css: Cadmin Multi Select form text should have the same spacing as it's form-control counter part (3728ff9)
- @clayui/css: Multi Select form text should have the same spacing as it's form-control counter part (80d1ebd)
- @clayui/css: (cadmin) add support class to remove hover from treeview link (53bd134)
- @clayui/css: add new
hierarchy
icon (b66c092) - @clayui/css: add support class to remove hover from treeview link (a41c831)
3.63.0 (2022-06-27)
- @clayui/css: fix syntax error in conditional declaration (3d19936)
- @clayui/css: Grid compare the breakpoint positions instead of the
$cadmin-container-max-widths
values (1e0782c) - @clayui/css: Grid compare the breakpoint positions instead of the
$container-max-widths
values (89aaeee) - @clayui/css: Loaders and Cadmin Loaders don't generate placeholders for
$loading-animation-palette
(d762f00)
- @clayui/css: SVG Icons adds no-bot.svg (94b69f0)
3.62.0 (2022-06-20)
- @clayui/css: Cadmin Clay Multi Select should have small size (e256838)
- @clayui/css: Cadmin Reference Mark vertical alignment when it is used directly on the icon (f530f47)
- @clayui/css: Clay Multi Select should have small size (818621f)
- @clayui/css: Global Functions add fallback value for $cadmin variables (a12777a), closes #4925
- @clayui/css: Mixins
clay-button-variant
directly useclay-unset-placeholder
to clear[@extend](https://github.com/extend)
(dcd3999) - @clayui/css: Reference Mark vertical alignment when it is used directly on the icon (e014a8c)
- @clayui/css: Global Functions provide default grid breakpoints map for breakpoint functions (66ad9e1)
- @clayui/css: Mixins clay-form-control-variant adds more configuration items (6689c99)
- @clayui/css: Mixins clay-input-group-item-variant moved .label to clay-form-control-variant (2a22cf3)
- @clayui/css: Mixins provide a default value if cadmin variables don't exist (11e026b)
- Revert "feat(@clayui/css): Global Functions
math-sign
adds warning message if type isn't supported" (8026ce5)
3.61.0 (2022-06-13)
- @clayui/css: .sidebar-light box shadows should be positioned correctly (d41e77a)
- @clayui/css: Cadmin Sidebar adds sidebar-dark-l2 variant (c79e226)
- @clayui/css: fix error of loading indicator create scroll when the parent is over cadmin (9d562fe)
- @clayui/css: Global Variables remove math function parenthesis from $spacers (d2ea301)
- @clayui/css: Mixins clay-sidebar-variant updates (eb714f3)
- @clayui/css: Mixins clay-sticker-variant and clay-panel-variant check if parameter is type map (a694e0c)
- @clayui/css: Sidebar adds sidebar-dark-l2 variant (f559946)
- @clayui/css: Global Functions
math-sign
adds warning message if type isn't supported (5ce2840) - @clayui/css: Global Functions adds
clay-parent()
andclay-insert-before()
(23a767d) - @clayui/css: Mixins clay-alert-variant adds custom-selector key (da99c94)
- @clayui/css: Mixins clay-sidebar-variant adds option to customize sidenav-end and sidenav-start (d6c7939)
3.60.1 (2022-06-08)
- @clayui/css: Loading Animation move animation to pseudo elements (e9fb6a7)
3.60.0 (2022-06-06)
- @clayui/css: Buttons removes extensions
loading-animation
variants (c9d73ed) - @clayui/css: c-slideout should use display: flex on tbar-stacked for show/transition (0a95c59)
- @clayui/css: Cadmin Buttons removes extensions
loading-animation
variants (ed9e0dd) - @clayui/css: Cadmin Utilities unset
font-size
on.inline-item .loading-animation
(57b4602) - @clayui/css: Mixins clay-slideout-variant remove setter functions (e21665d)
- @clayui/css: Updates content property values to conform to what is allowed by OAW Tracker (77dd43a)
- @clayui/css: Utilities unset
font-size
on.inline-item .loading-animation
(f1106e3)
- @clayui/css: Cadmin Loaders updates dotted styles to be circle thing with gradient and add
loading-animation-squares
(82f7a0f) - @clayui/css: Global
clay-css
mixin accept more properties (e1e8dc8) - @clayui/css: Loaders updates dotted styles to be circle thing with gradient and add
loading-animation-squares
(aae79ad) - @clayui/css: Mixins Loaders adds
clay-spinner-variant
(1865a1d)
- @clayui/css:
loading-animation
received a breaking style update. See https://clayui.com/docs/components/loading-indicator/markup.html on how to revert back to the dotted style. - @clayui/css:
loading-animation
received a breaking style update. See https://clayui.com/docs/components/loading-indicator/markup.html on how to revert back to the dotted style.
3.59.0 (2022-05-30)
Note: Version bump only for package @clayui/css
3.58.0 (2022-05-23)
- @clayui/css: Cadmin tables should use clay mixin pattern (619bd1c)
- @clayui/css: Cadmin tables use newer keys in maps (ab387d3)
- @clayui/css: Cadmin Treeview
btn
should be 24px tall and addsshow-quick-actions-on-hover
(e31e0b6) - @clayui/css: Tables group table maps better and fix double border on table-list (833bcb4)
- @clayui/css: Tables should use clay mixin pattern (28281e3)
- @clayui/css: Treeview
btn
should be 24px tall and adds show-quick-actions-on-hover (65b41b6) - @clayui/css: Treeview and Cadmin Treeview vertically center items in treeview-link (2cc9aa2)
- @clayui/css: Treeview removes component-action show on hover in favor of show-quick-actions-on-hover (ed87780)
- @clayui/css: Adds icons folder-lock and folder-lock-line (d010847)
- @clayui/css: Mixins add clay-table-variant (653f985)
3.57.0 (2022-05-16)
- @clayui/css: Treeview and Cadmin Treeview update font size of icons (1f3d599)
- @clayui/multi-step-nav: fix color of steps according to lexicon (c674346)
- @clayui/css: add new
ca-ES-valencia
icon (74c98d4)
3.56.0 (2022-05-09)
- @clayui/css: _license-text.scss should update when running yarn compile (42cddec)
- @clayui/css: Alerts deprecate
$alert-*-level
variables (4e04372) - @clayui/css: Breadcrumbs convert to Clay mixin pattern (dc309fb)
- @clayui/css: Cadmin breadcrumbs convert to Clay mixin pattern (9c5b555)
- @clayui/css: Functions add the parameter $fallback to clay color functions (73260e9)
- @clayui/css: Range
clay-range-input
convert to use newer keys (0666c44) - @clayui/css: Sidebar long text with no white space should break to new line in component-title and subtitle (795684e)
- @clayui/css: Tables deprecate
$table-*-level
variables (b64bdb5)
- @clayui/css: Mixins clay-range-input-variant updates (2de97c4)
3.55.0 (2022-05-02)
- @clayui/css: Adds unit values to border-radius and border-width 0 values (c39cb2e)
- @clayui/css: Atlas .btn.active:focus should have outline (0162df4)
- @clayui/css: Atlas remove extra
$code-color
variable (5b4d621) - @clayui/css: Mixins clay-button-variant should be able to style .active:focus (9862e79)
- @clayui/css: Replace
$spacer * 0.5
with fixed values, it plays better with calc() (121abde) - @clayui/css: Source format the way we write multiple box-shadows (61f8f02)
- @clayui/css: Tables use calc() to make fatter border widths in thead and tbody (e9cc407)
3.54.0 (2022-04-25)
- @clayui/css: Add new
diagonal-line
icon (50f896f) - @clayui/css: regen
_lx-icons-generated.scss
file (4444838)
3.53.0 (2022-04-12)
- @clayui/css: Forms input sizes should be generated using the Clay Mixin pattern (ad9792e)
- @clayui/css: Management Bar Primary we are passing unsupported property names in the disabled state (73bff8c), closes #4792
- @clayui/css: Mixins
clay-generate-media-breakpoints
not outputting media queries (2e415b9) - @clayui/css: Mixins clay-close should check if parameter is a map (01c437d)
- @clayui/css: Popovers adds popover-secondary (2358ddf)
- @clayui/css: Add new
opacity
,border-width
andborder-style
icons (a22c388) - @clayui/css: adds new classes to remove header border and wider for popover (576789b)
- @clayui/css: Cadmin Popover adds popover-secondary (0e42484)
- @clayui/css: generate
_lx-icons-generated.scss
file (cf346da) - @clayui/css: Mixins
clay-form-control-variant
should generate media query styles (4bb42f7) - @clayui/popover: replace
wider
prop withsize
and change css class name (4d4b5fb)
3.52.0 (2022-04-04)
- @clayui/navigation-bar: add truncate text OOTB to ClayNavigationBar.Item (b8a53a2)
3.51.0 (2022-03-28)
- @clayui/css: Dropdown removes
pointer-events: none
from.dropdown-item.active
(e36ba48) - @clayui/css: Map new
$font-scale
s to$font-size-*
variables (41edc3b) - @clayui/css: Mixin
clay-navbar-variant
getfocus, color
instead offocus-color
(606f8ee) - @clayui/css: Mixin clay-nav-nested use css calc() to calculate left padding (b1e6d1e)
- @clayui/css: Removes duplicate mixins _assert-ascending and _assert-starts-at-zero (23c72d6)
- @clayui/css: SVG Icons update shopping-cart.svg to new design (8044608)
- @clayui/css: Table removes
border-width: 0
from.table-responsive > .table-bordered
(7ddedba) - @clayui/css: Utilities Close use newer keys in Sass map (9d8c40e)
- @clayui/css: Utilities update
.text-*
values to be generated by the$font-scale
map (938a801)
- @clayui/css: Generate _lx-icons-generated.scss (deeccbb)
- @clayui/css: Globals adds
$font-scale
map for setting a Design System's progression of font sizes (7e7107d) - @clayui/css: Mixins
clay-navbar-size
should usecalc
instead of Sass arithmetic (9728edb) - @clayui/css: SVG Icons adds cookie and Commerce icons (fb49037)
- @clayui/css: Use
calc
instead of Sass arithmetic for scaling font sizes (1e1b734)
3.50.0 (2022-03-21)
- @clayui.com: add a sass function to fix table border-radius issue (8fe4b05)
- @clayui.com: requested chages for PR (ad5f1c2)
- @clayui/css: Functions
clay-border-radius-inner
simplification and error checking (9c1d5f4) - @clayui/css: Table List move inner border-radius styles to Sass variables (47922c7)
3.49.0 (2022-03-15)
- @clayui/css: Forms .form-control-tag-group .label (Multiselect) remove references to deprecated keys (39b360f), closes #4712
3.48.0 (2022-03-07)
- @clayui/css: Stickers fix typo
sticker-bottomr-right
tosticker-bottom-right
(93177c7), closes #4703 - @clayui/css: Updates
content
property values to conform to what is allowed by OAW Tracker (9028d38)
- @clayui/css: Adds placeholder comments that can be replaced with Sass @use rules (58c014b), closes #4713
- @clayui/css: Dropdown provide more customization for
.dropdown-menu .alert
(2640ef8) - @clayui/css: Mixins
clay-alert-variant
adds customization for:first-child
and:last-child
(d8d8b6a) - @clayui/css: Mixins
clay-dropdown-menu-variant
adds customization for.alert
and.alert-fluid
(e5ce8cc)
3.47.0 (2022-02-23)
- @clayui/css: Cadmin Treeview adds disabled styles to
treeview-link
(d9a3dc3) - @clayui/css: fix formatting (07f3b6b)
- @clayui/css: Treeview adds disabled styles to
treeview-link
(ca11c9a) - @clayui/empty-state: Update SCSS variables of small empty-state (8f64846)
- @clayui/css: Cadmin Cards convert base classes to Clay mixin pattern (00a8de7)
- @clayui/css: Cadmin update
clay-text-typography
maps to use thehref
key (13240cf) - @clayui/css: Cards convert base classes to Clay mixin pattern (6f65e74)
- @clayui/css: Mixin Links
clay-text-typography
usehref
for styling links (1a428df) - @clayui/css: Mixins adds more options to
clay-card-variant
andclay-card-section-variant
(545830d) - @clayui/css: Update
clay-text-typography
maps to use thehref
key (9c99628) - clayui/empty-state: Include Small property in empty state component (a073233)
3.46.0 (2022-02-09)
- @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/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)
3.45.0 (2022-02-01)
- @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/css: Adds treeview component (776f4bb)
- @clayui/css: Links adds
component-text
andcomponent-icon
(5188985)
3.44.2 (2022-01-12)
- @clayui/css: Cadmin Nav adds
background-color
to.active
pseudo element (865b037), closes #4562 - @clayui/css: Mixins
clay-button-variant
removes unnecessarysetter()
's (3709d7f), closes #4550
3.44.1 (2022-01-11)
- @clayui/css: Mixins
clay-card-variant
allow styling before and after psuedo elements (69f1d38), closes #4554
3.44.0 (2022-01-10)
- @clayui/css: Cadmin Input Groups
input-group-sm
missing mixin declaration (d7027be), closes #4537 - @clayui/css: Cards
form-check-card
remove duplicate hover state style (17ea640) - @clayui/css: Mixins Cards check if parameter is map to avoid must be a map error (2174587)
- @clayui/css: Mixins Custom Forms remove
setter()
, no longer needed (4cb30ce)
- @clayui/css: Cadmin Nav adds
nav-divider
andnav-divider-end
(66ba6ce) - @clayui/css: Cards
form-check-card
checkbox/radio input should be hidden unless position utilities are used (3120797), closes #4544 - @clayui/css: Cards
form-check-card
convert to Clay mixin pattern (5b4424b) - @clayui/css: Mixin
clay-card-variant
makeform-check-card
andform-check-input
customizable (c6a3a6f) - @clayui/css: Mixins
clay-custom-control-input-variant
add option to customize card (87682d2) - @clayui/css: Mixins
clay-navbar-variant
adds option to customizenav-divider
andnav-divider-end
(e58c23e) - @clayui/css: Mixins Card adds
clay-form-check-card-variant
(a834502) - @clayui/css: Nav adds
nav-divider
andnav-divider-end
(600a379) - @clayui/css: SVG Icons adds date-time (4bf8d4c)
3.43.0 (2021-12-29)
- @clayui/css: Alerts set
white-space: normal
(2cc5b51) - @clayui/css: Atlas Buttons some disabled button-outline variants have white text on hover (fb9c4fe)
- @clayui/css: Cadmin Alerts set
white-space: normal
(bca3c47) - @clayui/css: Cadmin convert a few places where we are still using slash as division (beaf881)
- @clayui/css: Mixin
clay-label-variant
check if parameter is map to avoid not a map error (2153059) - @clayui/css: Mixins
clay-dropdown-item-variant
split up&.autofit-row
and.autofit-row
(a314710) - @clayui/css: Mixins
clay-dropdown-menu-variant
allow customizing.dropdown-item
(45cb0e5) - @clayui/css: Mixins
clay-nav-variant
don't set to empty map (22f183d)
- @clayui/css:: Mixin update
clay-nav-variant
to output selectors related to nav (743d75a) - @clayui/css: Buttons allow a variety of button variants via
$btn-palette
/$btn-outline-palette
(3d46a41) - @clayui/css: Buttons allow setting a variety of button sizes via
$btn-sizes
and$btn-monospaced-sizes
(a29764a) - @clayui/css: Cadmin Dropdown adds
dropdown-menu-width-shrink
(1d86dfa) - @clayui/css: Cadmin Input Group convert to Clay mixin pattern (4d1592b)
- @clayui/css: Cadmin Nav convert to using
clay-css
mixin pattern (d79e115) - @clayui/css: Dropdown adds
dropdown-menu-width-shrink
(b5f9a8d) - @clayui/css: Input Group convert to Clay mixin pattern (98d8319)
- @clayui/css: Mixin
clay-form-control-variant
addsinput-group-inset-item
(391e5d9) - @clayui/css: Mixin adds
clay-input-group-variant
,clay-input-group-item-variant
(6e02e60) - @clayui/css: Nav convert to using
clay-css
mixin pattern (03881e7)
3.42.0 (2021-12-15)
- @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/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)
-
@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.
3.41.0 (2021-12-02)
- @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/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)
3.40.1 (2021-11-17)
- @clayui/css: revert change to rename variable files (f951d25)
3.40.0 (2021-11-17)
- @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/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)
3.39.0 (2021-10-29)
- @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)
- @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)
3.38.0 (2021-10-22)
- @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)
- @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)
3.37.0 (2021-10-06)
- @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/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)
- @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;
3.36.0 (2021-09-23)
- @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, usedisplay: inline-flex
to center and remove padding. If you need items to display inline in.btn-monospaced
wrap them in aspan
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 outputtinga.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/css: Buttons convert
.btn-lg
and.btn-sm
to useclay-button-variant
mixin (f6b3e95) - @clayui/css: Buttons convert
.btn-unstyled
,.btn-monospaced
,.btn-monospaced-lg
,.btn-monospaced-sm
,.btn-outline-borderless
to useclay-button-variant
mixin (4c16ce5) - @clayui/css: Buttons convert
.btn
to useclay-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 useclay-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 thannull
ornone
, 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)
3.35.3 (2021-09-09)
- @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
3.35.2 (2021-08-30)
Note: Version bump only for package @clayui/css
3.35.1 (2021-08-30)
Note: Version bump only for package @clayui/css
3.35.0 (2021-08-30)
Note: Version bump only for package @clayui/css
3.34.0 (2021-08-25)
- @clayui/css: Atlas Form readonly input with validation should use the background-color of the base readonly input (f5580ac)
- @clayui/css: Cadmin adds Timelines component, used in Asset Publisher Configuration Modals (f7b473a)
- @clayui/css: Cadmin Modals allow adding cadmin directly to modal-header, modal-body, and modal-footer elements (038f5be)
- @clayui/css: Cadmin toggle-switch-check-bar should be 48px wide in larger screens (5dee0f0)
- @clayui/css: Cards deprecate Bootstrap 4 components
.card-header-tabs
,.card-header-pills
,.card-img-*
,.card-deck
,.card-group
,.card-columns
,.accordion
. Enable them again by setting$enable-bs4-deprecate: true;
. (4a05474) - @clayui/css: Custom Forms deprecate Bootstrap 4 components
.custom-switch
,.custom-select
,.custom-select-lg
,.custom-select-sm
,.custom-file
,.custom-range
(bc2c5f5) - @clayui/css: Custom Forms remove duplicates of custom-control-indicator-checked-border-color and dropdown-font-size (f0e3212)
- @clayui/css: Deprecate Bootstrap 4 component Jumbotron. Enable again by setting
$enable-bs4-deprecate: true;
. (32d3fd1) - @clayui/css: Deprecate the Bootstrap 4 Carousel component. Enable them again by setting
$enable-bs4-deprecate: true;
. (7026c40) - @clayui/css: Form deprecate Bootstrap 4 components
.col-form-label
,.col-form-label-lg
,.col-form-label-sm
,.form-row
,.form-inline
. Enable them again by setting$enable-bs4-deprecate: true;
. (08da40a) - @clayui/css: Form Validation deprecate Bootstrap 4 HTML5 Form Validation components
.was-validated
,.invalid-feedback
,.valid-feedback
,.#{$state}-feedback
,.#{$state}-tooltip
(ed0e374) - @clayui/css: Globals adds
$enable-bs4-deprecated
setting to enable Bootstrap 4 components that we have deprecated (7e9ac0d) - @clayui/css: Globals set
$enable-bs4-deprecated: true !default;
. You can disable the deprecated Bootstrap 4 components by setting$enable-bs4-deprecated: false !default;
. This will prevent the deprecated component CSS from being output. (01f3ba6) - @clayui/css: Mixins Timelines ignore timeline variables and use cadmin variables when compiling Cadmin Timelines (2eebd4a)
- @clayui/css: Nav deprecate Bootstrap 4 component
.nav-pills
. Enable again by setting$enable-bs4-deprecate: true;
. (d2c9027) - @clayui/css: Removes unused variables: (32b1c4c)
- @clayui/css: Spinners deprecate Bootstrap 4 component. Enable again by setting
$enable-bs4-deprecate: true;
. (3f8fe71) - @clayui/css: Table remove unused components
.table-drag
,.table-dragging
,.table-clone
and remove maps$table-drag
,$table-dragging
,$table-clone
(e6adb42) - @clayui/css: Toasts deprecate Bootstrap 4 component. Enable again by setting
$enable-bs4-deprecate: true;
. (02845eb) - @clayui/css: Wrap *-theme-colors map keys in single quotes. Key names that match CSS colors makes Sass throw this warning without quotes: (2a1fb6a), closes #4219
3.33.1 (2021-08-12)
- @clayui/css: Globals move
$bg-theme-colors
,$bg-gradient-theme-colors
,$border-theme-colors
,$text-theme-colors
maps to where they are used in Utilities (07f4c9d), closes #4214 - @clayui/css: Use fallback value for
$body-bg
when using variable inside a Sass color function. Sass color functions do not accept CSS custom property as a value. (ae0dff6) - @clayui/css: Utilities Functional Important generate
.border-white
with$border-theme-colors
map (40131be), closes #4214
3.33.0 (2021-08-11)
- @clayui/css: Cadmin Modal .modal.show should have display: block (5876b9f), closes #4203
- @clayui/css: Cadmin removes unused variables
$cadmin-body-moz-osx-font-smoothing
,$cadmin-body-webkit-font-smoothing
,$cadmin-body-text-align
. We don't provide a CSS reset in Cadmin. (c3af64e) - @clayui/css: Forms .form-control-select with long text shouldn't break to new line and should have overflow ellipsis, similar behavior to select.form-control (44804d8), closes #4206
- @clayui/css: Forms remove Bootstrap's confusing way of setting an inset box-shadow on an input. This causes flickering on .btn.form-control-select on click. If you want a regular box-shadow and an inset box-shadow on an input define them both inside the $input-box-shadow variable. Example below: (83d56d1), closes #4206
- @clayui/css: Functions adds
_type-conversion-functions.scss
for converting colors of type string to type color. Sass doesn't provide a way to do this sass/sass#3006. (68be792), closes #4180 - @clayui/css: Global Functions
clay-get-fallback
convert color string to type color (68fd699) - @clayui/css: Removes the use of
$theme-colors
Sass map to generate utility properties (e.g.,bg-primary
,text-primary
,list-group-item-primary
,table-primary
) and allow configuring separately. The new way also supports CSS variables. Adds new maps: (78fb2d2)
- @clayui/css: Reboot
body
element should use clay-css mixin for generating properties (c0b456e), closes #4194
3.32.1 (2021-07-30)
- @clayui/css: Cadmin Treeview scope
component-action
,component-expander
,component-icon
,component-text
so styles don't bleed into other components (1ce70bd), closes #4198
3.32.0 (2021-07-28)
- @clayui/css: Cadmin Links adds
component-text
andcomponent-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 useclay-css
pattern (4280c6f), closes #3987 - @clayui/css: Mixins update
sheet-footer-btn-block
to useclay-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/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)
3.31.0 (2021-06-30)
- @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 liferay#4076. (e2db591)
- @clayui/css: Add
square-hole-multi
SVG icon (205046c) - @clayui/css: SVG Icons adds search-experiences.svg (39ae51d)
3.30.0 (2021-06-16)
- @clayui/css: Mixins
clay-panel-variant
updates mixin to use nested maps pattern (ea0c66a) - @clayui/css: Modal and Cadmin Modal make
.modal-body.inline-scroller
max-height: 320px
(815d6d4), closes #4113 - @clayui/css: Panel adjust spacing for
panel-unstyled
to prevent visual jump on close. (9dec5b6) - @clayui/css: Panel and Cadmin Panel update variables that use
clay-panel-variant
mixin to use newest keys, The old keys still work and will win over new keys. (ea4bffb) - @clayui/css: Reboot and Cadmin Reboot removes negative tabindex rule that removes default focus outline due to keyboard navigation accessibility issues.
tabindex="-1"
can still be focused programmatically. (9e52cfb), closes #4124
3.29.0 (2021-05-28)
- @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
andclay-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/css: Adds the
block
SVG icon (96dabe4)
3.28.0 (2021-05-19)
- @clayui/css: Cadmin Alert adds
.cadmin.alert-container
selector (a104844) - @clayui/css: Cadmin Badges remove unused components
inline-item
andbadge-pill
(46868c7) - @clayui/css: Cadmin Button Groups remove unused components
dropdown-toggle-split
andbtn-group-toggle
(3fef3d5) - @clayui/css: Cadmin Cards remove unused components
card-header-tabs
,card-header-pills
,card-deck
,card-group
,card-columns
,accordion
(06bdb00) - @clayui/css: Cadmin Dropdown remove unused component dropdown in navbar (e062006)
- @clayui/css: Cadmin Form Validation remove unused components HTML 5 form validation (8cb7a19)
- @clayui/css: Cadmin Forms remove unused components
col-form-label
,col-form-label-lg
,col-form-label-sm
,form-row
,form-inline
(81e1f4f) - @clayui/css: Cadmin Icons remove unused components
lexicon-icon-sm
,lexicon-icon-lg
,lexicon-icon-xl
(f0ee8fc) - @clayui/css: Cadmin Input Group remove styles related to
custom-select
,custom-file
(cdf23e7) - @clayui/css: Cadmin Labels remove deprecated component
inline-item
(9ed5291) - @clayui/css: Cadmin List Group remove unused component
list-group-horizontal
(0b7f427) - @clayui/css: Cadmin merge Atlas variables with Cadmin base variables, we don't need two themes here (0eb6d29)
- @clayui/css: Cadmin Modals remove unused component
modal-dialog-scrollable
(130dc5c) - @clayui/css: Cadmin move _reboot out of scoping selector, attribution text is causing empty selector to be output (ad36b85)
- @clayui/css: Cadmin Navs remove unused component
nav-pills
(d27a7a1) - @clayui/css: Cadmin port changes to Clay CSS that were made before Cadmin got merged: #3998, #4002, #4040, #4055, #4056, #4060 (240bbc4), closes #4064
- @clayui/css: Cadmin re-add widths for menubar and SF. Not sure what happened. (9142345)
- @clayui/css: Cadmin remove unused components
custom-switch
,custom-select
,custom-file
,custom-range
(fc447e2) - @clayui/css: Cadmin removes Atlas variables (4af356f)
- @clayui/css: Cadmin removes components _root, _carousel, _jumbotron, _spinners, _toasts, _media, _application-bar, _drilldown, and _timelines. They are not used for Admin controls. (9ddeaed)
- @clayui/css: Cadmin removes Sass docs comments (62e5541)
- @clayui/css: Cadmin removes variables related to unused components (7ec35dc)
- @clayui/css: Cadmin Side Navigation remove unused component
container-fluid-1280
(41d8b50) - @clayui/css: Cadmin theme use selector
.cadmin.component
for components that render inside react portals. It's too difficult to putcadmin
on the parent element. (640a662) - @clayui/css: Cadmin update Sass maps that use
clay-select-variant
to use new keys (c782615) - @clayui/css: Cadmin Utilities display utilities should also have
.cadmin.d-{display}
(4bb7a0a) - @clayui/css: Input Groups add
btn-monospaced
support for buttons insideinput-group-inset-item
(0d31b54), closes #4049 - @clayui/css: Labels convert variables to use new Sass map keys (dcfc7c3)
- @clayui/css: Management Bar Search button should be properly aligned in mobile view (1c3f583)
- @clayui/css: Mixins
border-radius
shouldn't output the default radius if a null parameter is passed (42241df), closes #4066 - @clayui/css: Mixins
clay-label-size
andclay-label-variant
convert to use new (easier to remember) Sass map keys. The old keys will still work and win over new keys. (2123fdf), closes #4069 - @clayui/css: Mixins
clay-nav-variant
convert to use new (easier to remember) Sass map keys. The old keys will still work and win over new keys. (3fa114a), closes #4071 - @clayui/css: Mixins
clay-select-variant
update to useclay-css
pattern, also deprecated keys should win over new keys (65ad45e) - @clayui/css: Mixins border-radius should use custom value first (5d30ab2)
- @clayui/css: Restore default padding-left on ul, ol, dl that are undone by cadmin (1db5db7)
- @clayui/css: Subnav Tbar labels should have $font-weight-normal by default (e1e36a6)
- @clayui/css: Toggle Switch should be 48px wide (6735e54)
- @clayui/css: Add
form-extensions
SVG icon (3061a9a) - @clayui/css: Add SVG icons
chatbot
andsignature
(7966c62) - @clayui/css: Cadmin theme convert rem values to px (2e33149)
- @clayui/css: Created scoped version of Clay CSS for admin style isolation and prefix variables with
$cadmin-
(f1ae440) - @clayui/css: Functions and Mixins update to accept Clay CSS variables, Cadmin variables, or custom where applicable (b1eb431)
3.27.0 (2021-05-05)
- @clayui/css: Date Picker previous-month-date and next-month-date active should be lighter (51a24f3)
- @clayui/css: Menubar convert old Sass map keys to key names so older keys used by previous versions will win (9a1a73a)
- @clayui/css: Menubar update
$menubar-vertical-expand-md
and$menubar-vertical-expand-lg
to use new keys. Older keys will still win over new keys to preserve backward compatibility. (12b9636) - @clayui/css: Mixins
clay-form-control-variant
old keys should win over new keys (8986a81), closes #3987 - @clayui/css: Mixins
clay-menubar-vertical-expand
useclay-css
mixin pattern (6a9ba26) - @clayui/css: Mixins
clay-menubar-vertical-variant
moves default styles to variables. The mixin should only output styles if values are given. (703b76e) - @clayui/css: Progress Bar sets a
min-width
onprogress-group-addon
to prevent resizing progress bar when numbers are changed to icons (63e63c0), closes #4024 - @clayui/css: Sass maps passed into
clay-form-control-variant
mixin should use new keys. This allows variable theme overwrites using deprecated keys to still win. (f3be2d6), closes #3987
- @clayui/css: SVG Icons add rotate (0fec9ce)
- @clayui/css: SVG Icons adds
order-list-down
andorder-list-up
(f80f8a0), closes #4021
3.26.0 (2021-04-21)
- @clayui/css: Alerts adds
alert-feedback
modifier (51b57e6), closes #3968 - @clayui/css: Date Picker adds Date Range styles (a385e6a)
3.25.3 (2021-03-24)
- @clayui/css: Atlas Menubar (Vertical Navigation) link active state should be more visible (5a94cfd)
- @clayui/css: Menubar toggler with c-inner cuts off caret icon (1932782)
- @clayui/css: Mixins
clay-link
adds option to style&.show, &[aria-expanded='true']
separately fromactive-class
so we can style panel toggles (8a1a148)
3.25.2 (2021-03-10)
- @clayui/css: Dual List Box
form-control-inset
is too narrow caused by #3972 (637e65b), closes #3976 - @clayui/css: Forms
.col-form-label-*
should use$input-border-bottom-width
or$input-border-top-width
to avoid invalid property value (ade3649), closes #3946
3.25.1 (2021-03-05)
- @clayui/css: Atlas Custom Checkbox use hr icon for indeterminate indicator (a894c5b)
- @clayui/css: Forms
form-control-tag-group component-action
should be height 100% (4b4b140) - @clayui/css: SVG Icons updates
hr
icon per Lexicon (949944c)
3.25.0 (2021-02-23)
- @clayui/css: Global Functions moves generated SVG icons Sass map to separate file
_lx-icons-generated.scss
(7ffc523)
3.24.1 (2021-02-11)
- @clayui/css: Atlas Alert close font-size should be 16px (245eac5), closes #3877
- @clayui/css: Atlas Clay Color change close button icon to be 16px (2309d7a), closes #3878
- @clayui/css: Atlas Select Element IE11 should hide default icon and use caret-double-l instead (6623ff7), closes #3922
- @clayui/css: Clay Color adjust spacing to be the same as Lexicon specs. See https://docs.google.com/document/d/1IUGl5VOWh6lqRa1baRoshVcytc8XbqVMkk30vRW4SM8/edit#heading=h.o2fss76woci2 (704d25d)
3.24.0 (2021-01-27)
- @clayui/css: Absorb Bootstrap 4 variables into Clay CSS (d4be0ec)
- @clayui/css: Atlas
color-yiq
function not useable in Atlas variables due to$yiq-contrasted-threshold
undefined (2035a8b), closes #3708 - @clayui/css: Atlas Toggle Switch change checked state button icon color to primary (de9ca0b), closes #3872
- @clayui/css: List Group adds missing disabled styles for list-group-item (bdc3acf)
- @clayui/css: Removes Bootstrap 4 variable overwrites, still keeping this file to prevent Sass import errors from custom imports (1232870)
- @clayui/css: Removes imports for Bootstrap 4 variables and variable overwrites (bd0f614)
- @clayui/css: Tables set background-color on thead, tbody, tfoot for Table and Table List. This is for a Chrome 87 bug. (3b0badb), closes #3847
- @clayui/css: Atlas Toggle Switch make it 40px by 24px in desktop views (50c5c6d), closes #3835
- @clayui/css: SVG Icons adds cursor.svg (afbb1f0)
3.23.0 (2021-01-13)
- @clayui/css: Breadcrumbs match sizes to Lexicon specs (0d471aa)
- @clayui/css: Buttons shouldn't inherit
text-transform
from its parent (a66dcba) - @clayui/css: Component Title used in Sheet should work (c338b71)
- @clayui/css: Label use times-small icon and close button should be 16px by 16px (c2270a9)
- @clayui/css: run format (19ee791)
- @clayui/css: SVG Icons adds relationship.svg (6253c68), closes #3873
- @clayui/css: Sheet adds variants
.sheet-multiple-form
and.sheet-dataset-content
(cf4a4d1) - @clayui/css: SVG Icons adds google-drive (3752c14), closes #3869
- @clayui/css: Utilities adds
.autofit-padded-no-gutters-sm
and placeholder%autofit-padded-no-gutters-sm
for smaller (4px) gutters between columns (f0cc8f4)
3.22.1 (2020-12-29)
- @clayui/css: Atlas Theme change body background-color to #fff to match Classic and Admin themes (04f0a02)
- @clayui/css: Management Bar set a min-height so swapping out contents via js doesn't resize the bar (9a484d5)
- @clayui/css: Mixins clay-navbar-size adds option to configure min-height and min-height-mobile (4236b13)
- @clayui/css: Navigation Bar Light should have 1px gray bottom border (625e629)
- @clayui/css: SVG Icons adds
rectangle.svg
andrectangle-split.svg
(bb2556b)
- @clayui.css): "feat(@clayui/css: SVG Icons adds full-view.svg and split-view.svg" (4bea06b)
3.22.0 (2020-12-16)
- @clayui/css: Mixin
clay-css
adds-webkit-overflow-scrolling
andfill
properties (a18d2a6), closes #3771 - @clayui/css: Mixins clay-link active-class should also style
&[aria-expanded='true']
and&.show
so we can style collapse plugin open state (a559fd3), closes #3767 - @clayui/css: SVG Icons adds dropdown.svg (892d3ae)
- @clayui/css: Tables don't require the class
table-autofit
fortable-cell-expand
,table-cell-expand-small
,table-cell-expand-smaller
, andtable-cell-expand-smallest
to work. Also addstable-cell-contract
. (6f7f2bf), closes #3818 - @clayui/css: Tables moves caption styles from _reboot.scss to _tables.scss and change default to
caption-side: top
(168abf4), closes #272833
- @clayui/css: Mixins
clay-button-variant
allow styling.active
separately from:active
withactive-class
(d2370d3), closes #3797 - @clayui/css: SVG Icons adds arrow-right-full.svg (631e2d0)
- @clayui/css: SVG Icons adds automatic-translate.svg (03eba11)
- @clayui/css: SVG Icons adds fieldset.svg (1900c8d), closes #3828
- @clayui/css: SVG Icons adds full-view.svg and split-view.svg (bbd6ede)
- @clayui/css: SVG Icons adds icon for React (8e09e97)
3.21.0 (2020-12-02)
- @clayui/css: Tables don't require the class
table-autofit
fortable-cell-expand
,table-cell-expand-small
,table-cell-expand-smaller
, andtable-cell-expand-smallest
to work. Also addstable-cell-contract
. (6f7f2bf), closes #3818 - @clayui/css: Tables moves caption styles from _reboot.scss to _tables.scss and change default to
caption-side: top
(168abf4), closes #272833
- @clayui/css: SVG Icons adds automatic-translate.svg (03eba11)
- @clayui/css: SVG Icons adds icon for React (8e09e97)
3.20.0 (2020-11-16)
- @clayui/css: Time Picker
clay-time-edit
usedisplay: flex
and don't rely on white-space for spacing (e4ab83d), closes #3783
- @clayui/css: Absorb Bootstrap 4 mixins into Clay CSS (27032c4)
- @clayui/css: Dropdown adds
.dropdown-menu-width-full
,.dropdown-menu-width-sm
,dropdown-menu-height-auto
modifier classes for larger dropdown menus with the Clay Drop Down plugin (bab438c), closes #3790 - @clayui/css: Removes Bootstrap 4 mixins and functions imports (cba11d0)
3.19.0 (2020-10-22)
- @clayui/css:
drilldown-item-indicator-text-*
click area should be larger (bc53c65), closes #3579 - @clayui/css: Atlas fix custom radio button image, inline radio misaligned in Chrome (ef1fc95)
3.18.2 (2020-10-01)
- @clayui.com: Atlas Buttons
.btn-outline-secondary
should have color #6b6c7e, caused by #3149 (7418263), closes #6b6c7 - @clayui/css: Atlas Custom Radio don't use % for icon background-size. Chrome has trouble rendering it when whitespace is removed. (5375e63), closes #3722
- @clayui/css: Btn Group
.btn-monospaced.btn-sm
doesn't work inside.btn-group-vertical
and same for.btn-monospaced.btn-lg
(750b061) - @clayui/css: SVG Icons
display
,display-content
,product-menu-open
,product-menu-closed
, andhidden
updates anchor points, weights, and minor alignment issues (2a01b38)
3.18.1 (2020-08-28)
- @clayui/css: add font weight semibold (f85a519)
- @clayui/css: Table Responsive re-add
margin-bottom
that was removed in #3149 (cef6b0f)
3.18.0 (2020-08-26)
- @clayui/toolbar: Add clayui/form to deps, Add low-level components to Toolbar (719b71f)
3.17.1 (2020-08-21)
- @clayui/css: Table List use
border-collapse
andborder-width
instead ofbox-shadow
hack for rounded corners (82ecbda)
3.17.0 (2020-08-11)
- @clayui/css:
variables/_globals.scss
andcomponents/_reboot.scss
rename$c-button
Sass map, added in #3575, to$c-button-base
. This namespace references a base element, in this case,<button>
. This is to free up the variable namespace$c-button
to refer to.button
if we ever need it in the future. (45c088a) - @clayui/css: Alerts text in
alert-autofit-row
break to new line prematurely (8b13ce3) - @clayui/css: Atlas Custom Checkbox use
check-small
instead of (4e059fe) - @clayui/css: Atlas Drilldown header button is off by 1px (4224a60)
- @clayui/css: C Kbd each key in a keyboard shortcut should be wrapped in its own
kbd
element (36ec62e), closes #3283 - @clayui/css: Dropdown
.dropdown-item
should usecursor: pointer
so<a class="dropdown-item" role="button">
will still behave like a clickable element (1311053) - @clayui/css: Mixins
clay-css
adds-moz-appearance
and-webkit-appearance
to the list of properties so we can pass them in independently when needed (946bd9c) - @clayui/css: Mixins
clay-dropdown-item-variant
active-class
should useactive
values unless it's overridden using theactive-class
map (c521848) - @clayui/css: Reboot adds
cursor: pointer
tobutton
CSS reset (4eca62f) - @clayui/css: Reboot go back to Bootstrap 4's styling
a
tag directly but omit styling placeholder anchors. Placeholders are styled the same as links now which makes it easier to use markup like<a class="btn btn-primary" role="button" tabindex="0">
without having to add styles. (170adfb) - @clayui/css: SVG Icons update
check
path (d24abf0) - @clayui/css: SVG Icons update
times-small
(0970c0f) - @clayui/css: SVG Icons update
times
path (31020e9) - @clayui/css: Table
.table
should have 1px borders (ca0a17c) - @clayui/css: Update global functions (d43ac9b)
- @clayui/css: Clay Color
.clay-color-map
and.clay-color-range
shouldn't highlight text and scroll viewport on touch devices when dragging (0f670c4) - @clayui/css: SVG Icons add
check-small
(b88dbdb) - @clayui/css: SVG Icons add
theme
(93f6efe) - @clayui/drop-down: create DropDownWithDrilldown high-level component (6b92a80)
- @clayui/css: Atlas Alerts change
.alert .close
font-size to 12px (862609a)
3.16.0 (2020-07-28)
- @clayui.css: Mixins
clay-range-input-variant
hides.clay-range-thumb
and styles thumb pseudo elements so we can offer a non JS based input[type="range"] (6b5fa34) - @clayui/css: Atlas Alerts adjust spacing to match Lexicon specs (13905b7)
- @clayui/css: Atlas Alerts change
.alert .close
font-size to 12px (486603a) - @clayui/css: Attribute
hidden
should hide elements (a9e1e56) - @clayui/css: Clay Color adds highlight for
.active
state (1e2c2ad) - @clayui/css: Clay Color changes swatch size to 20px from 18px for small version (acd3b89)
- @clayui/css: Clay Range adds
.clay-range-progress-none
modifier to hide progress indicator for non JS input range and update focus shadows due to focus artifact in Safari (45b946b) - @clayui/css: Form Validation raise specificity of
.has-{danger|warning|success} .input-group-inset-item
by a class. It is now.has-{danger|warning|success} .input-group .input-group-inset-item
. (9e906bd) - @clayui/css: Sorts (alphabetically) imports that are delimited by two new lines (4548dad), closes #3529
- @clayui/css: SVG Icons update
check-circle-full
path normalize thickness and size to other check icons (6435f04) - @clayui/css: SVG Icons update
check-circle
path normalize thickness and size to other check icons (0e7d50d) - @clayui/css: SVG Icons update
check-square
path normalize thickness and size to other check icons (3da4644) - @clayui/css: SVG Icons update
check
path normalize thickness and size to other check icons (fba13b6) - @clayui/css: Update global functions (146bd4f)
- @clayui/css: Add new spacers (c6deb4e)
- @clayui/css: Clay Color should support
.input-group-sm
and.form-group-sm
. (309a6c9) - @clayui/css: Drilldown should work with Dropdown Menu, have dual click areas inside
dropdown-item
, and havemin-height
(b7686a0) - @clayui/css: Dropdowns adds
.dropdown-item-indicator-start
,.dropdown-item-indicator-text-start
,.dropdown-item-indicator-end
,.dropdown-item-indicator-text-end
to allow for separate actions inside adropdown-item
(e76aa8e) - @clayui/css: Input Groups
.input-group-sm
and.form-group-sm
should change the size of.clay-color
(6e5b4d1) - @clayui/css: SVG Icons add
closed-book
(c461d19)
3.15.0 (2020-07-14)
- @clayui/css: Adds leading whitespace for License texts (5566010)
- @clayui/css: Cards change
.card-page-item-asset
min-width: 193px
so 4 cards can fit insheet-lg
at maximum size (95dca1c) - @clayui/css: Copy licenses from root directory into clay-css/LICENSES (0d1ef58)
- @clayui/css: Input Group fix border radius issues due to reducing Bootstrap's selector specificity (7e399ea)
- @clayui/css: Modal max-width sizes should be declared before
.modal-full-screen
and add backflex-grow: 1
to.modal-body
(b2722ea) - @clayui/css: Reboot makes
use[href]
inherit parent styles (2504c62) - @clayui/css: Reboot removes focus outline on negative
tabindex
elements. Chrome adds outline on focus to any element with atabindex
attribute. (a5deefd) - @clayui/css: SVG Icons updates
picture
, reduce the anchors of the sun and the compound path can be placed tighten to viewbox (5b83c6e) - @clayui/css: Update svg4everybody to 2.1.9 (c4eb007)
- clay-css: copy LICENSES to lib before publish (e1122b3)
- clay-css: run 'gulp version' before commit (6b7e181)
- @clayui/css: SVG Icons adds
copy-rtl
(bcc3f95) - @clayui/css: SVG Icons adds
home-full
and simplifieshome
design (d3b948e) - @clayui/css: SVG Icons adds
low-vision
(df440f7) - @clayui/css: SVG Icons adds
paste-plaintext-rtl
(ced1018), closes #3450 - @clayui/css: SVG Icons adds
paste-plaintext
(5bf397c) - @clayui/css: SVG Icons adds
paste-word-rtl.svg
(8d92075), closes #3448
3.14.0 (2020-07-07)
- @clayui/css: Badges Variables forgot to remove some commented code (8c7c71f)
- @clayui/css: Completed absorbtion of Bootstrap 4 components, moves all imports from _bs4.scss to _components.scss (9c21b33)
- @clayui/css: Import
components/_reboot.scss
in_bs4.scss
until we absorb all Bootstrap 4 components due to specificity issues (58055cc) - @clayui/css: Mixins
clay-form-control-variant
andclay-select-variant
should respect old keysbg
,bg-clip
,bg-image
,bg-position
,bg-repeat
,bg-size
(3a1f230) - @clayui/css: Reboot combine
body
anda
styles from Type (c5c84c7) - @clayui/css: Reboot don't need
display: block
forarticle
,aside
,figcaption
,figure
,footer
,header
,hgroup
,nav
,section
(ecb2718) - @clayui/css: Reboot we don't need to set
font-family
,line-height
on thehtml
element already set onbody
(bc95fb3) - @clayui/css: Remove unused import
[@import](https://github.com/import) 'bootstrap/breadcrumb'
(39fc48f) - @clayui/css: Remove unused import
[@import](https://github.com/import) 'bootstrap/nav'
(37e2fd2) - @clayui/css: SVG Icons
link
andchain-broken
reduce anchor points (d80adab) - @clayui/css: SVG Icons adds license to
button
,container
,slideshow
,tabs
,tap-ahead
,text-l
(34a7e30) - @clayui/css: SVG Icons fix xmlns declaration for
bold
,cards2
,decimal
. Icons aren't visible when converted to data uri and used inbackground-image
(e79e68d) - @clayui/css: SVG Icons swap
indent-less
andindent-more
. The arrows are pointing the wrong way (6b4f1cf) - @clayui/css: SVG Icons update
expand
reduce anchor points (55a0561) - @clayui/css: SVG Icons update
flag-empty
andflag-full
reduce anchor points (d3d6c3c) - @clayui/css: SVG Icons updates
align-image-center
,align-image-left
, andalign-image-right
with rounded borders (b55c8d1) - @clayui/css: SVG Icons updates
bold
,italic
, andunderline
to be smaller (5db734f) - @clayui/css: SVG Icons updates
subscript
andsuperscript
icons (36604f5) - @clayui/css: SVG Icons updates
table2
adjust anchor points (6afe9c9)
- @clayui/css: Absorb Bootstrap 4 _buttons.scss into Clay CSS _buttons.scss (d2731ba)
- @clayui/css: Absorb Bootstrap 4 _code.scss (505938d)
- @clayui/css: Absorb Bootstrap 4 _custom-forms.scss into Clay CSS _custom-forms.scss (52cd5f8)
- @clayui/css: Absorb Bootstrap 4 _dropdown.scss into Clay CSS _dropdown-menu.scss (a486bc8)
- @clayui/css: Absorb Bootstrap 4 _forms.scss into Clay CSS _forms.scss and _form-validation.scss (e7e854f)
- @clayui/css: Absorb Bootstrap 4 _grid.scss into Clay CSS (48143b2)
- @clayui/css: Absorb Bootstrap 4 _images.scss (6e6ea9f)
- @clayui/css: Absorb Bootstrap 4 _input-group.scss into Clay CSS _input-groups.scss (acba14c)
- @clayui/css: Absorb Bootstrap 4 _media.scss into Clay CSS _media.scss (a685d6b)
- @clayui/css: Absorb Bootstrap 4 _nav.scss into Clay CSS _nav.scss (e123acb)
- @clayui/css: Absorb Bootstrap 4 _reboot.scss into Clay CSS (89e5adb)
- @clayui/css: Absorb Bootstrap 4 _transitions.scss (469659b)
- @clayui/css: Absorb Bootstrap 4 _type.scss into Clay CSS (e6e4012)
- @clayui/css: Absorb Bootstrap 4 Tables (22e1f92)
- @clayui/css: Absorb Bootstrap 4's _root.scss into Clay CSS (dd82ded)
- @clayui/css: Absorb Bootstrap's _alert.scss into Clay CSS _alerts.scss (0869797)
- @clayui/css: Absorb Bootstrap's _badge.scss into Clay CSS _badges.scss (cfe46c7)
- @clayui/css: Absorb Bootstrap's _breadcrumb.scss into Clay CSS _breadcrumbs.scss (9d30cab)
- @clayui/css: Absorb Bootstrap's _btn-group.scss into Clay CSS _btn-group.scss (e802d1f)
- @clayui/css: Absorb Bootstrap's _card.scss into Clay CSS _cards.scss (35620d3)
- @clayui/css: Absorb Bootstrap's _carousel.scss into Clay CSS _carousel.scss (9e468b5)
- @clayui/css: Absorb Bootstrap's _close.scss into Clay CSS _utilities.scss (c3026d5)
- @clayui/css: Absorb Bootstrap's _jumbotron.scss into Clay CSS (dd38b93)
- @clayui/css: Absorb Bootstrap's _list-group.scss into Clay CSS _list-group.scss (9f4a8b6)
- @clayui/css: Absorb Bootstrap's _modal.scss into Clay CSS _modals.scss (c2a4de8)
- @clayui/css: Absorb Bootstrap's _navbar.scss into Clay CSS _navbar.scss (5b1fb4d)
- @clayui/css: Absorb Bootstrap's _pagination.scss into Clay CSS _pagination.scss (e6eb67c)
- @clayui/css: Absorb Bootstrap's _popover.scss into Clay CSS _popovers.scss (8d43344)
- @clayui/css: Absorb Bootstrap's _print.scss into Clay CSS _print.scss (5eb2f76)
- @clayui/css: Absorb Bootstrap's _progress.scss into Clay CSS _progress-bars.scss (cad6f69)
- @clayui/css: Absorb Bootstrap's _spinners.scss into Clay CSS _spinners.scss (a00ec52)
- @clayui/css: Absorb Bootstrap's _toasts.scss into Clay CSS _toasts.scss (e484351)
- @clayui/css: Absorb Bootstrap's _tooltip.scss into Clay CSS _tooltip.scss (48696cd)
- @clayui/css: Absorb Bootstrap's _utilities.scss into Clay CSS _utilities-functional-important.scss (b1b7adb)
- @clayui/css: Button adds placeholders
%clay-btn-monospaced-lg
,%clay-btn-monospaced-sm
so we can extend with Sass[@extend](https://github.com/extend)
without unnecessary selectors (b704e7f) - @clayui/css: Global Functions adds
clay-enable-gradients
,clay-enable-rounded
,clay-enable-shadows
,clay-enable-transitions
so we can support these Bootstrap settings in variables (ac66e1f) - @clayui/css: Global Variables undeprecate
$clay-unset
and add alias$c-unset
for unsetting values so they don't get output in the final css file (e0e8b98) - @clayui/css: Mixins
clay-button-variant
reduce selector specificity of:not([disabled]):not(.disabled):active
to:active
(f16970f) - @clayui/css: Mixins
clay-close
removes Bootstrap 4.1.2 selector overwrites. We don't need them since we are removing Bootstrap 4 dependency. (8318d9f) - @clayui/css: Mixins
clay-css
check for keywordclay-unset
and outputnull
value if it is passed in (fb5427f) - @clayui/css: Mixins
clay-link
disabled
should setoutline: 0
andbox-shadow: none
by default so disabled anchors don't receive focus outline (8b53b60) - @clayui/css: SVG Icons adds
align-image-full-width
(26db99e) - @clayui/css: SVG Icons adds
background-color
(7ae3634) - @clayui/css: SVG Icons adds
button
,tabs
,slideshow
,tap-ahead
(5fc3af6) - @clayui/css: SVG Icons adds
container
(49517bc), closes #3343 - @clayui/css: SVG Icons adds
emoji
(8345faf) - @clayui/css: SVG Icons adds
flag-empty-rtl
andflag-full-rtl
(f5fa452) - @clayui/css: SVG Icons adds
list-ol-rtl
and updateslist-ol
(007d5c8) - @clayui/css: SVG Icons adds
list-ul-rtl
and updateslist-ul
reduces anchor points (654cbc3) - @clayui/css: SVG Icons adds
paste-word
(9033e36) - @clayui/css: SVG Icons adds
select-all
(1db4f98) - @clayui/css: SVG Icons adds
special-character
(18d5172) - @clayui/css: SVG Icons adds
text-color
(0191409) - @clayui/css: SVG Icons changes
paste
to something more relevant and moves originalpaste
tocopy
(cdd96ab) - @clayui/css: SVG Icons rename
text.svg
totext-l.svg
, maketext.svg
icon larger (31a1ad4) - @clayui/css: SVG Icons updates
code
(745911b), closes #3344
- @clayui/css: Mixins
clay-link
disabled
should setoutline: 0
andbox-shadow: none
by default so disabled anchors don't receive focus outline (1c3ace2)
3.13.0 (2020-06-18)
- @clayui/css: Move components
type
,icons
,aspect-ratio
, andbuttons
earlier in the import chain so they are easier to overwrite (6f69b82), closes #3191
3.12.0 (2020-06-04)
- clay-css: re-add file that was accidentally deleted (ebc4d75)
- @clayui/css: Update search icon (7e5bd9a)
- @clayui/css: Update search icon - trim the icon code (b74e028), closes #3293
3.11.0 (2020-05-21)
- @clayui/card: check for values before rendering container elements (a732a8e)
- @clayui/css:
_global-functions
should be accessible to Portal's_clay_variables.scss
without having to import it manually (e76d56a), closes #3193 - @clayui/css: Buttons unset Bootstrap's
pointer-events: none;
ona.btn.disabled
and set it on.btn.disabled:active
(63cfa7d), closes #3096 - @clayui/css: Cards
card-interactive-primary
Chrome 81/83 hover transition artifact. Use anytransition-timing-function
other thanease-in
orease-in-out
(d7aa102), closes #3233 - @clayui/css: Forms
input[type="range"].form-control
shadow in Chrome 81 caused by liferay#1179 and Chrome update (101d566), closes #3249 - @clayui/css: Links
link-outline
andcomponent-action
.disabled
should havecursor: not-allowed
and.disabled:active
should havepointer-events: none;
(0f132a5), closes #3096 - @clayui/css: Mixin
clay-autofit-float
undeprecate.autofit-col-end
(9da6aa8), closes #3230 - @clayui/css: Mixin
clay-close
deprecated keys should win to preserve backward compatibility (3e3407e), closes #3164 - @clayui/css: Mixin
clay-sticker-variant
deprecated keys should win to preserve backward compatibility (281696a), closes #3075 - @clayui/css: Mixins
clay-css
should output thecontent
CSS property without having to double quote (dbc5260), closes #3233 - @clayui/css: Prettier should format
_global-functions.scss
but ignore autogenerated svgs (a796cf4), closes #3250 - @clayui/css: SVG Icons
thumbs-up
andthumbs-down
reduce anchor points (a03bfef), closes #3203 - @clayui/css: SVG Icons deprecate
desktop
and adddisplay-content
(66c5ef7), closes #3200 - @clayui/css: Utilities
.close
should havecursor: not-allowed
and.disabled:active
should havepointer-events: none
(92100aa), closes #3096
- @clayui/css: Create file
_bs4.scss
that imports Bootstrap 4 files separately so we can remove imports as we absorb BS4 components into Clay CSS (f59c90c), closes #3192 - @clayui/css: Mixin
clay-sticker-variant
should useclay-css
mixin to generate properties (ae2648d), closes #3075 - @clayui/css: SVG Icons adds
angle-down-small
,angle-up-small
,angle-left-small
, andangle-right-small
(4e55feb), closes #3156 - @clayui/css: SVG Icons adds
thumbs-up-full
andthumbs-down-full
(55086ae), closes #3208 - @clayui/css: SVG Icons adds icon
display
(2d0dac9), closes #3200
3.10.0 (2020-04-24)
- @clayui/css: Button Group Vertical
.btn-monospaced
shouldn't shrink insideautofit-col
(5fcc7b5), closes #3063 - @clayui/css: Forms
.form-control-sm
and.form-control-lg
should have correct left and right padding (21688d6), closes #3110 - @clayui/css: Forms small form elements should have 4px border-radius (686c662), closes #3105
- @clayui/css: Mixin
clay-autofit-row
deprecated keys should win to preserve backward compatibility (9e4d297), closes #3075 - @clayui/css: Mixin
clay-button-variant
deprecated keys should win to preserve backward compatibility (411901c), closes #3164 - @clayui/css: Mixin
clay-modal-variant
deprecated keys should win to preserve backward compatibility (f38eeaa), closes #3075 - @clayui/css: Mixin
clay-panel-variant
deprecated keys should win to preserve backward compatibility (63ae6ee), closes #3075 - @clayui/css: Mixin
clay-tbar-variant
deprecated keys should win to preserve backward compatibility (cfc3727), closes #3075 - @clayui/css: Mixins
clay-after-highlight-variant
deprecated keys should win to preserve backward compatibility (7b519b7), closes #3164 - @clayui/css: Mixins
clay-container
deprecated keys should win to preserve backward compatibility (4b07121), closes #3164 - @clayui/css: Mixins
clay-dropdown-item-variant
andclay-dropdown-menu-variant
deprecated keys should win to preserve backward compatibility (815354a), closes #3075 - @clayui/css: Mixins
clay-input-group-stacked
andclay-input-group-text-variant
deprecated keys should win to preserve backward compatibility (6da73e1), closes #3164 - @clayui/css: Mixins
clay-link
andclay-text-typography
deprecated keys should win to preserve backward compatibility (5c9a20b), closes #3164 - @clayui/css: SVG Icons update cog.svg to new style for better contrast (adc6580), closes #3085
- @clayui/css: SVG Icons updates
angle-down
,angle-left
,angle-right
, andangle-up
by reducing anchor points in the SVG (b040734), closes #3131
- @clayui/css: Mixin
clay-after-highlight-variant
useclay-css
mixin to generate properties (480b85b), closes #3075 - @clayui/css: Mixin
clay-autofit-row
should useclay-css
mixin to generate properties (1c12aac), closes #3075 - @clayui/css: Mixin
clay-close
should matchclay-link
to preserve compatibility between the two (f44e459), closes #3075 - @clayui/css: Mixin
clay-dropdown-item-variant
useclay-css
mixin to generate properties (9f63d87), closes #3075 - @clayui/css: Mixin
clay-dropdown-menu-variant
useclay-css
mixin to generate properties (2e66512), closes #3075 - @clayui/css: Mixin
clay-input-group-text-variant
useclay-css
mixin to generate properties (08c0dd8), closes #3075 - @clayui/css: Mixin
clay-modal-variant
should useclay-css
mixin to generate properties (15c4f3f), closes #3075 - @clayui/css: Mixin
clay-panel-variant
should useclay-css
mixin to generate properties (98fedd5), closes #3075 - @clayui/css: Mixins
clay-button-variant
useclay-css
mixin to generate properties (3fcabd5), closes #3075 - @clayui/css: Mixins
clay-close
useclay-css
mixin to generate properties (83ea47a), closes #3075 - @clayui/css: Mixins
clay-container
useclay-css
mixin to generate properties (31b82d8), closes #3075 - @clayui/css: Mixins
clay-link
useclay-css
mixin to generate properties (32b2299), closes #3075 - @clayui/css: Mixins
clay-row
should useclay-css
mixin because it provides more options (b15a98a), closes #3075 - @clayui/css: Mixins
clay-text-typography
useclay-css
mixin to generate properties (cdd429c), closes #3075 - @clayui/css: Mixins adds
clay-table-drag-variant
with optionscell
,c-drag
,c-dragging-before
,c-dragging-after
,c-droppable-before
,c-droppable-after
(81622df), closes #2934 - @clayui/css: Mixins map deprecated
clay-button-size
toclay-button-variant
(a98b49b), closes #3075 - @clayui/css: SVG Icons adds disk (dbd2c5d), closes #3080
- @clayui/css: SVG Icons adds search-plus (5859d71), closes #3091
- @clayui/css: SVG Icons update
disk
. we will change the corners to straight so that it matches the rest of the icons (11e614d), closes #3080 - @clayui/css: Tables adds
.table-drag
,.table-dragging
,.table-clone
base styles for drag and drop table columns (fff748a), closes #2934 - clayui.com: source md/mdx files from package directories (fc6e798)
3.9.0 (2020-03-26)
- @clayui/css: Atlas Custom Checkbox and Radio should be 16px x 16px (7a16efa), closes #3026
- @clayui/css: Forms
input[type="range"]
focus border artifact in Chrome and remove padding (37c86d9), closes #1179 - @clayui/css: Mixins
clay-css
only loop through properties that are passed via Sass map instead of listing everything (b2f5496), closes #2990 - @clayui/css: override specific styles for rtl support (dce5d81)
- @clayui/css: override specific styles for rtl support (5125a62)
3.8.0 (2020-03-12)
- @clayui/css: SVG Icons update the flag of Slovakia (91d5cd0), closes #2996
- clay-css: Aspect Ratio
.aspect-ratio-item
should be aligned to the left when parent container hastext-align: center
(bf2f992), closes #833 - clay-css: Clay Base Form Select Element icon should display. Bootstrap changed the way they handle svg's as background-images at https://github.com/twbs/bootstrap/commit/c26e68427c06477cacdc4a75d92e5bd22476b4bb (27241af), closes #2896
- clay-css: Mixins
clay-button-variant
deprecatehover-z-index
,focus-z-index
,disabled-z-index
,active-z-index
and use the Sass maps instead (96b650b), closes #2903 - clay-css: Mixins
clay-css
background-attachment should accept keybg-attachment
orbackground-attachment
(b07e570), closes #2896 - clay-css: Mixins
clay-css
background-color should accept keybg
orbackground-color
(b55e7bc), closes #2896 - clay-css: Removes Bootstrap 4's gnarly
select.form-control:not([multiple]):not([size])
selector overwrite. This selector was removed in Bootstrap 4.1.3. See https://github.com/twbs/bootstrap/commit/f426a67394010b5cc0235c845b744e2711f81e59 (a209ac6), closes #2896 - clay-css: SVG Icons modify
tablet-landscape
andtablet-portrait
they were off by a couple pixels (9c3e266), closes #2970
- @clayui/css: Labels adds
label-inverse-*
to invert label colors (340ce27), closes #2975 - @clayui/css: Mixins
clay-label-variant
useclay-css
mixin in each selector instead of individually declaring properties (d456db6), closes #2975 - clay-css: Adds Clay Dual Listbox (Old Input Move Boxes) component (18b3905), closes #2896
- clay-css: Adds Clay Reorder component. A
select[multiple]
element with buttons that rearrangeoption
s insideselect[multiple]
(7ba7584), closes #2896 - clay-css: Adds Empty State component (a159135), closes #833
- clay-css: Adds images for Empty State in
src/images/images
(df33ac1), closes #833 - clay-css: Form Select Element use
clay-select-variant
mixin to generate styles and consolidate repeated selectors (4a381a0), closes #2896 - clay-css: Global Variables add
$component-focus-inset-box-shadow
for reusable focus inset box-shadows across components (5008674), closes #2954 - clay-css: Mixins
clay-button-variant
useclay-css
mixin for applyinghover
,focus
,disabled
,active
,active-class-after
,active-focus
. (22a6be1), closes #2903 - clay-css: Mixins
clay-css
adds option to pass inscrollbar-width
for future proofing this property. It's available in Firefox 64+ (4fbe1df), closes #2896 - clay-css: Mixins
clay-form-control-variant
useclay-css
mixin in each selector instead of individually declaring properties (f4ce3e1), closes #2896 - clay-css: Mixins
clay-select-variant
useclay-css
mixin in each selector instead of individually declaring properties (485afb4), closes #2896 - clay-css: Mixins
clay-sidebar-variant
add option to configure.sidebar
,.sidebar-panel
,.sidebar-header
,.sidebar-body
,.sidebar-footer
,.nav-nested
,.sidebar-list-group .list-group-item
,.sidebar-list-group .sticker
,.sidebar-list-group .sticker-secondary
via Sass maps andclay-css
mixin (994c7bd), closes #2903 - clay-css: Mixins
clay-tbar-variant
useclay-css
mixin for applying basetbar
,strong
,.tbar-item
,.tbar-section
styles (a25959b), closes #2903 - clay-css: Mixins adds
clay-slideout-variant
with options to configurec-slideout-shown
,c-slideout-tbar-shown
,c-slideout-tbar-shown-sidebar
,sidebar
,sidebar-c-slideout-show
,sidebar-c-slideout-transition
,tbar-stacked
,tbar-stacked-c-slideout-show
,tbar-stacked-c-slideout-transition
(95ae58e), closes #2903 - clay-css: Sidebar adds
.sidebar-dark
variant and Sass map$sidebar-dark
which usesclay-sidebar-variant
mixin (df14c79), closes #2903 - clay-css: Slideout adds new component
.c-slideout
,.c-slideout-transition-in
,.c-slideout-transition-out
,.c-slideout-fixed
,.c-slideout-absolute
,.c-slideout-start
,.c-slideout-end
(50491e2), closes #2903 - clay-css: Tbar adds
.tbar-stacked
for Lexicon's Vertical Bar Pattern and variants.tbar-light
,.tbar-dark-l2
, .tbar-dark-d1` (7bd2ac6), closes #2903 - clay-css: Utilities adds
.c-focus-inset
for inner focus styles (33ca179), closes #2954
- clay css: Adds
clay-time
component (Time Picker) (74b2326), closes #1424 - clay css: Forms add
.disabled
to.form-control
to style elements that usediv
(5d36450) - clay css: Management Bar
.navbar-text
should break to new line when there is not enough space (40ba156), closes #2085 - clay css: Mixin
clay-form-control-variant
addalign-items
,flex-wrap
,justify-content
,max-width
,min-height
,text-transform
(0b5cb01) - clay-css: Add border-spacing, border-collapse not working in IE (9d12922)
- clay-css: Adds
!optional
flag to[@extend](https://github.com/extend)
for components that are extending selectors/placeholders outside of their respective component file (403a0c2), closes #2881 - clay-css: Atlas Custom Control disabled label color should be the same as
$input-label-disabled-color
(a160132), closes #2811 - clay-css: Atlas Dropdown change
.dropdown-header
and.dropdown-subheader
color to #272833), closes #2812 - clay-css: Atlas Form Validation
.form-feedback-item
and.form-text
should be semi-bold (798be68), closes #2328 - clay-css: Atlas Globals tweak
$success
,$success-d1
,$success-l1
,$danger-d
hex values to match Lexicon exactly (5b50860), closes #2820 - clay-css: Atlas Nav Tabs and Nav Underline should use
$font-weight-semi-bold
. Nav Underline should be 32px tall and underline color should be$primary-l1
(6cdffef), closes #2388 - clay-css: Badges
.badge > .c-inner
only set margins and overwrite inherited max-width property (52ee10f), closes #2763 - clay-css: Button
.btn-unstyled
should reset sizes for.btn-sm
and.btn-lg
(896c21a), closes #2475 - clay-css: Buttons use
math-sign
function for calculating negative margins on.btn .c-inner
to prevent invalid CSS output likemargin: - -;
(1ca34e4), closes #2763 - clay-css: Custom Control add Sass maps
$custom-control-label
,$custom-control-label-disabled
,$custom-control-label-text
and map deprecated$custom-control-description-*
to them so our namespace matches Bootstrap's. It was renamed toward end of Bootstrap beta in 6a54b4a (e41dcf5), closes #2813 - clay-css: Deprecate
.sheet-lg
and$sheet-lg-max-width
in favor of.container .sheet
pattern (2e1e82c), closes #2655 - clay-css: Dropdown Item
.disabled
should havecursor: not-allowed
and movepointer-events: none
to.disabled:active
(28cb857), closes #2811 - clay-css: Form Validation Feedback space between icon and text should be 4px (e1d0e09), closes #2075
- clay-css: Globals added
_globals-z-index.scss
to list z-index variables used in Bootstrap/ClayCSS (e12ee48), closes #2339 - clay-css: List Group double borders in
list-group-item-flex
caused by Bootstrap 4.4.1 22f6b37 (1221279), closes #2785 - clay-css: Mixin
clay-input-group-stacked
should use child combinator styles only apply direct descendants (0f3d82e), closes #2384 - clay-css: Mixins
clay-button-size
,clay-button-variant
,clay-close
,clay-label-size
,clay-link
,clay-menubar-vertical-expand
,clay-navbar-size
,clay-panel-variant
,clay-tbar-variant
should only set margins forc-inner
(61ac029), closes #2763 - clay-css: Mixins
clay-dropdown-item-variant
only set margins and overwrite inherited width property forc-inner
(be5d06c), closes #2763 - clay-css: Modal Footer use
justify-content: flex-start
instead of Bootstrap'sflex-end
to work around IE11 rendering issues withmodal-item
's (2be40c2), closes #2873 - clay-css: Modals Atlas change widths of
.modal-sm
,modal
, andmodal-lg
to320px
,600px
,896px
respectively (3c0c7c9), closes #2367 - clay-css: Nav
.nav-justified
should work withbutton
(fd5e3d0), closes #2237 - clay-css: Navigation Bar and Management Bar focus styles should match across each component (5d0ecf9), closes #2900
- clay-css: New SVG Icon reset (4c85071), closes #2146
- clay-css: SVG Icons add deprecation note to
announcement
,sticky
,urgent
(3eaec3a) - broken markdown lists (d1adc7e)
- clay-css: SVG Icons deprecate
import-export
andembed
in favor oforder-arrow
andcode
respectively (956d668), closes #2419 - clay-css: SVG Icons reduce the size by remove inessential attributes and comments (e3d7120), closes #2309
- clay-css: SVG Icons renamed
announcement
,sticky
, andurgent
tomegaphone-full
,pin-full
, andbell-full
respectively (e89b1f0), closes #2119 - clay-css: Table Header (th) should be aligned left by default in Safari (6a6c9a4), closes #2219
- clay-css: Use
selector-unify
to combine parent selectors with nested element selectors in mixins and components (cb8e0a2), closes #2392 - css: allow newline characters to display properly for tooltips (2265d10)
- @clayui/css: add new SVG icons
arrow-end
,arrow-join
,arrow-split
,arrow-start
,arrow-xor
,circle
,diamond
andsquare
(3e69b1e) - clay-css: add new change-list-disabled SVG icon (a02d20c)
- clay-css: Add usable mixins from bourbon under
_vendor-prefixes.scss
(91feecb) - clay-css: Alert adds
.alert-btn
,.alert-autofit-row
,.alert-footer
, and.alert .btn-group-item
(5212f50), closes #2765 - clay-css: Aspect Ratio adds
.aspect-ratio-item-top-left
(6981a23), closes #2843 - clay-css: Atlas change
$indigo
to #7785), closes #2960 - clay-css: Atlas Form Validation add styles for readonly input success, error, and warning states (faf5748), closes #2715
- clay-css: Atlas Forms input readonly should have white background and no focus box shadow (db77870), closes #2425
- clay-css: Atlas Global Variables make
h1
-h6
font sizes the same as 2.x (0e0f9a0), closes #2864 - clay-css: Atlas Globals adds
$enable-lexicon-flat-colors
to change base colors to match Lexicon Flat Color palette, set tofalse
to revert back to old colors (69fcdb2), closes #E83E8 #2726 - clay-css: Badge adds
.c-inner
pattern for.badge
,.badge-item
, and.badge .close
(01b7aee), closes #2763 - clay-css: Buttons adds
.c-inner
pattern for.btn
,.btn-unstyled
,.btn-monospaced
,.btn-sm
,.btn-lg
(d810b02), closes #2763 - clay-css: Card add support for
.c-inner
(5303bdf), closes #2763 - clay-css: Card adds
.card-type-asset.product-card
(c6be980), closes #2843 - clay-css: Card adds support for
.card
.aspect-ratio-item-top-left
,.aspect-ratio-item-top-center
,.aspect-ratio-item-top-right
,.aspect-ratio-item-right-middle
,.aspect-ratio-item-bottom-right
,.aspect-ratio-item-bottom-center
,.aspect-ratio-item-bottom-left
(930ee92), closes #2843 - clay-css: Clay Range add
clay-range-thumb
slider head overlay to make it easier to grab via js and position tooltip inside of it (d3dbcbd) - clay-css: Clay Time added focus styles for
.clay-time .form-control-inset
(5c0c447), closes #2299 - clay-css: Custom Control added
.custom-control-primary
to help increase visual hierarchy of acustom-control
(cc0275d), closes #2813 - clay-css: Custom Control adds
$custom-control-description-font-weight
and sets font-weight to normal in Atlas (3d2af5c), closes #2813 - clay-css: Custom Forms
.custom-control
should havetext-align: left
so text is next to input if parent container hastext-align: center
(4615041), closes #2843 - clay-css: Dropdown add
.c-inner
pattern for.dropdown-item
,.dropdown-menu-indicator-start
, and.dropdown-menu-indicator-end
(d9c40e6), closes #2763 - clay-css: Dropdown add styles for
.dropdown-item .c-kbd
(8668050), closes #2906 - clay-css: Dropdown Section add specific styles for nested
custom-control
s (573a860), closes #2811 - clay-css: enable-c-inner: true by default (81ea040)
- clay-css: Forms Clay Multiselect
.form-control-tag-group
should have Clear All button and be aligned in the middle (3df613c), closes #2335 - clay-css: Forms support
label
element withoutfor
attribute.label
needs the class.form-control-label
and text must be wrapped in an element with class.form-control-label-text
(d0fff7f), closes #2242 - clay-css: Global Functions added
clay-max
to return the maximum between two values and also accepts null values (0852a9e) - clay-css: Global Functions added
map-deep-merge()
that merges keys and values from deeply nested Sass maps (1f21cac), closes #2403 - clay-css: Icons add support for
.c-inner
in.collapse-icon
(679fcea), closes #2763 - clay-css: Input Group adds support for
.c-inner
to.input-group-inset-item .btn
(60fc69b), closes #2763 - clay-css: Label adds
.c-inner
pattern for.label
,.label-lg
, and.label-item
(bbde2ec), closes #2763 - clay-css: Links
component-action
add support for.c-inner
, declare properties from%link-monospaced
in Sass map$component-action
and remove[@extend](https://github.com/extend) %link-monospaced
(2f84f48), closes #2763 - clay-css: Links
link-monospaced
should useclay-link
mixin, add Sass map$link-monospaced
, add support for.c-inner
(c9b3da3), closes #2763 - clay-css: Links
link-outline
should useclay-link
mixin, add Sass map$link-outline
, add support for.c-inner
(37e6598), closes #2763 - clay-css: List Group
.list-group-item-action
should support.c-inner
(6add193), closes #2763 - clay-css: List Group add
.list-group-sm
modifier to make.list-group-item
shorter (edd8c40), closes #2423 - clay-css: Menubar added
.menubar-vertical-expand-md.menubar-decorated
and.menubar-vertical-expand-lg.menubar-decorated
(e46b52c), closes #2822 - clay-css: Mixin
clay-navbar-size
add.c-inner
support for.navbar-toggler
,.navbar-toggler-link
,.navbar-brand
,.nav-btn
,.nav-btn-monospaced
,.nav-link
,.nav-link-monospaced
(95c8e1c), closes #2763 - clay-css: Mixins
clay-button-size
,clay-button-variant
add support for.c-inner
and.lexicon-icon
(f37f31d), closes #2763 - clay-css: Mixins
clay-button-size
,clay-button-variant
,clay-close
,clay-dropdown-item-variant
,clay-label-size
,clay-link
adds option to pass$c-inner
through Sass map (66d3827), closes #2763 - clay-css: Mixins
clay-button-variant
adds configsz-index
,hover-z-index
,focus-z-index
,disabled-z-index
andactive-z-index
(9f729d5), closes #2763 - clay-css: Mixins
clay-close
add.c-inner
pattern (8d355c8), closes #2763 - clay-css: Mixins
clay-dropdown-item-variant
adds options to configureautofit-row
,c-kbd-inline
,hover-c-kbd-inline
,focus-c-kbd-inline
,active-c-kbd-inline
,active-class-c-kbd-inline
,disabled-c-kbd-inline
(b2e743d), closes #2906 - clay-css: Mixins
clay-form-control-variant
add options to configure$selection-bg
,$selection-color
, and should also output.focus
styles (ec5663c), closes #2299 - clay-css: Mixins
clay-link
.c-inner
should use parent'smax-width
(0fe271d), closes #2763 - clay-css: Mixins
clay-link
add.c-inner
pattern (09c5628), closes #2763 - clay-css: Mixins
clay-link
added position, padding, and disabled-active-pointer-events (4d78c67), closes #2540 - clay-css: Mixins
clay-link
adds configmargin
,max-height
,min-height
,min-width
(516c9e8), closes #2763 - clay-css: Mixins
clay-menubar-vertical-expand
adds support for.menubar-toggler .c-inner
through Sass maptoggler-c-inner
(cd81488), closes #2763 - clay-css: Mixins added
clay-autofit-row
for custom.autofit-row
and.autofit-col
spacing (cf3bafa), closes #2765 - clay-css: Mixins added
clay-line-clamp
for truncating text based on number of lines (525f3d1), closes #2058 - clay-css: Mixins added
clay-range-input-variant
for creating.clay-range-input
variants (55e59eb) - clay-css: Mixins added
mixins/_globals.scss
file and mixinclay-css
for outputting any css property (af0da9f), closes #2822 - clay-css: Mixins clay-container adds option to configure cursor (6f6fb78)
- clay-css: Modals add
.modal-item-group
,.modal-item-group-first
,.modal-item-group-last
,.modal-item-group-only
,.modal-item-shrink
, and modify.modal-item
to accommodate more use cases like truncating long text (72d9083), closes #2844 - clay-css: Modals added fixed height modals
.modal-height-sm
,.modal-height-md
,.modal-height-lg
,.modal-height-xl
that sets heights250px
,450px
,650px
,800px
respectively (de5d10d), closes #2395 - clay-css: Multi Step Nav add
.c-inner
support for.multi-step-icon
(81c4924), closes #2763 - clay-css: Nav add
.c-inner
support for.nav-btn
,.nav-btn-monospaced
, and.nav-link-monospaced
(e2ca2ea), closes #2763 - clay-css: Nav add support for
.c-inner
in.nav-link
(f3d19f0), closes #2763 - clay-css: Nav add support for
.nav-link.btn-unstyled
(3dcbf47), closes #2540 - clay-css: Navbar add support for
.nav-item .dropdown
so.dropdown-toggle
is sized and positioned properly (124ee8b), closes #2900 - clay-css: new SVG Icon test (acb9f57)
- clay-css: Pagination add
.c-inner
support for.pagination-sm
and.pagination-lg
(7464fe3), closes #2763 - clay-css: Panel add
.c-inner
support for.panel-header
,.panel-header.collapse-icon
,.panel-group-flush .panel-header
,.panel-group-flush .collapse-icon
(507dfee), closes #2763 - clay-css: Range added
clay-range
component (142700f), closes #2157 - clay-css: Range added tooltip and fix styles in IE11 (a9e6137)
- clay-css: Sheet add
.c-inner
support for.sheet-subtitle
,.sheet-subtitle.collapse-icon
(9aafb11), closes #2763 - clay-css: SVG Icon added
device-check
(80396b4), closes #2757 - clay-css: SVG Icon source format
change-list-disabled
(dd8f2f2) - clay-css: SVG Icons add
books.svg
(5fb502d), closes #2905 - clay-css: SVG Icons add
social-instagram
andsocial-vimeo
(a879b3d), closes #2695 - clay-css: SVG Icons add briefcase (0216f1c)
- clay-css: SVG Icons add Google (4a34678), closes #2581
- clay-css: SVG Icons add hdd.svg (5052c5f), closes #2582
- clay-css: SVG Icons add sign-in (1c31dbb), closes #2580
- clay-css: SVG Icons added
credit-card
andcatalog
(0d8e359), closes #2739 - clay-css: SVG Icons added
heart-full
(38edecf), closes #2690 - clay-css: SVG Icons added
import
andimport-list
(4cf09f1), closes #2683 - clay-css: SVG Icons added
liferay-ac
(6c76834), closes #2727 - clay-css: SVG Icons added
order-arrow-left
andorder-arrow-right
(4a86eac), closes #2688 - clay-css: SVG Icons added
times-circle-full
andtimes-small
(9be9456), closes #2691 - clay-css: SVG Icons added
truck
(76b19e0), closes #2689 - clay-css: SVG Icons added cloud (001e644), closes #2742
- clay-css: SVG Icons adds
document-pending
(24067d8), closes #2724 - clay-css: SVG Icons deprecate
twitter
and addsocial-twitter
(eb5e2c0), closes #2697 - clay-css: SVG Icons update
times
to be thicker (4632b83) - clay-css: Tbar add
.c-inner
support for.tbar-link
,.tbar-link-monospaced
,.tbar-btn
,.tbar-btn-monospaced
(9560bef), closes #2763 - clay-css: Type adds
.c-kbd
to stylekbd
element with light/dark theme and sizes sm/lg (26db8b6), closes #2906 - clay-css: Update Bootstrap CSS to 4.4.1, Bootstrap JS 4.4.0, Popper.js 1.16.0 (491620d), closes #2785
- clay-css: Use
map-deep-merge
to merge Sass maps in Clay CSS (d69858d), closes #2403 - clay-css: Utilities
.c-inner
should inherit sizing styles from parent (7dd8f58), closes #2763 - clay-css: Utilities add duplicate of Bootstrap's spacing utilities prefixed with
c-
and without the!important
flag (e12e7b4), closes #2725 - clay-css: Utilities adds
.c-inner
wrapper for use inside interactive elements to have better control over focus styles on click (9616e49), closes #2763
3.6.0 (2020-02-13)
- clay-css: Navigation Bar and Management Bar focus styles should match across each component (5d0ecf9), closes #2900
- clay-css: Aspect Ratio adds
.aspect-ratio-item-top-left
(6981a23), closes #2843 - clay-css: Card adds
.card-type-asset.product-card
(c6be980), closes #2843 - clay-css: Card adds support for
.card
.aspect-ratio-item-top-left
,.aspect-ratio-item-top-center
,.aspect-ratio-item-top-right
,.aspect-ratio-item-right-middle
,.aspect-ratio-item-bottom-right
,.aspect-ratio-item-bottom-center
,.aspect-ratio-item-bottom-left
(930ee92), closes #2843 - clay-css: Custom Forms
.custom-control
should havetext-align: left
so text is next to input if parent container hastext-align: center
(4615041), closes #2843 - clay-css: Modals add
.modal-item-group
,.modal-item-group-first
,.modal-item-group-last
,.modal-item-group-only
,.modal-item-shrink
, and modify.modal-item
to accommodate more use cases like truncating long text (72d9083), closes #2844 - clay-css: Navbar add support for
.nav-item .dropdown
so.dropdown-toggle
is sized and positioned properly (124ee8b), closes #2900 - clay-css: SVG Icons add
books.svg
(5fb502d), closes #2905
3.5.0 (2020-01-31)
- clay-css: Adds
!optional
flag to[@extend](https://github.com/extend)
for components that are extending selectors/placeholders outside of their respective component file (403a0c2), closes #2881 - clay-css: Atlas Custom Control disabled label color should be the same as
$input-label-disabled-color
(a160132), closes #2811 - clay-css: Atlas Dropdown change
.dropdown-header
and.dropdown-subheader
color to #272833), closes #2812 - clay-css: Atlas Globals tweak
$success
,$success-d1
,$success-l1
,$danger-d
hex values to match Lexicon exactly (5b50860), closes #2820 - clay-css: Custom Control add Sass maps
$custom-control-label
,$custom-control-label-disabled
,$custom-control-label-text
and map deprecated$custom-control-description-*
to them so our namespace matches Bootstrap's. It was renamed toward end of Bootstrap beta in 6a54b4a (e41dcf5), closes #2813 - clay-css: Deprecate
.sheet-lg
and$sheet-lg-max-width
in favor of.container .sheet
pattern (2e1e82c), closes #2655 - clay-css: Dropdown Item
.disabled
should havecursor: not-allowed
and movepointer-events: none
to.disabled:active
(28cb857), closes #2811 - clay-css: List Group double borders in
list-group-item-flex
caused by Bootstrap 4.4.1 22f6b37 (1221279), closes #2785 - clay-css: Modal Footer use
justify-content: flex-start
instead of Bootstrap'sflex-end
to work around IE11 rendering issues withmodal-item
's (2be40c2), closes #2873 - css: allow newline characters to display properly for tooltips (2265d10)
- clay-css: Alert adds
.alert-btn
,.alert-autofit-row
,.alert-footer
, and.alert .btn-group-item
(5212f50), closes #2765 - clay-css: Atlas Form Validation add styles for readonly input success, error, and warning states (faf5748), closes #2715
- clay-css: Atlas Global Variables make
h1
-h6
font sizes the same as 2.x (0e0f9a0), closes #2864 - clay-css: Atlas Globals adds
$enable-lexicon-flat-colors
to change base colors to match Lexicon Flat Color palette, set tofalse
to revert back to old colors (69fcdb2), closes #E83E8 #2726 - clay-css: Custom Control added
.custom-control-primary
to help increase visual hierarchy of acustom-control
(cc0275d), closes #2813 - clay-css: Custom Control adds
$custom-control-description-font-weight
and sets font-weight to normal in Atlas (3d2af5c), closes #2813 - clay-css: Dropdown Section add specific styles for nested
custom-control
s (573a860), closes #2811 - clay-css: Forms support
label
element withoutfor
attribute.label
needs the class.form-control-label
and text must be wrapped in an element with class.form-control-label-text
(d0fff7f), closes #2242 - clay-css: Menubar added
.menubar-vertical-expand-md.menubar-decorated
and.menubar-vertical-expand-lg.menubar-decorated
(e46b52c), closes #2822 - clay-css: Mixins added
clay-autofit-row
for custom.autofit-row
and.autofit-col
spacing (cf3bafa), closes #2765 - clay-css: Mixins added
mixins/_globals.scss
file and mixinclay-css
for outputting any css property (af0da9f), closes #2822 - clay-css: Mixins clay-container adds option to configure cursor (6f6fb78)
- clay-css: SVG Icon added
device-check
(80396b4), closes #2757 - clay-css: SVG Icons added
credit-card
andcatalog
(0d8e359), closes #2739 - clay-css: SVG Icons added
liferay-ac
(6c76834), closes #2727 - clay-css: SVG Icons added cloud (001e644), closes #2742
- clay-css: SVG Icons adds
document-pending
(24067d8), closes #2724 - clay-css: Update Bootstrap CSS to 4.4.1, Bootstrap JS 4.4.0, Popper.js 1.16.0 (491620d), closes #2785
- clay-css: Utilities add duplicate of Bootstrap's spacing utilities prefixed with
c-
and without the!important
flag (e12e7b4), closes #2725
3.4.0 (2020-01-20)
- clay-css: Atlas Custom Control disabled label color should be the same as
$input-label-disabled-color
(a160132), closes #2811 - clay-css: Atlas Dropdown change
.dropdown-header
and.dropdown-subheader
color to #272833), closes #2812 - clay-css: Atlas Globals tweak
$success
,$success-d1
,$success-l1
,$danger-d
hex values to match Lexicon exactly (5b50860), closes #2820 - clay-css: Custom Control add Sass maps
$custom-control-label
,$custom-control-label-disabled
,$custom-control-label-text
and map deprecated$custom-control-description-*
to them so our namespace matches Bootstrap's. It was renamed toward end of Bootstrap beta in 6a54b4a (e41dcf5), closes #2813 - clay-css: Deprecate
.sheet-lg
and$sheet-lg-max-width
in favor of.container .sheet
pattern (2e1e82c), closes #2655 - clay-css: Dropdown Item
.disabled
should havecursor: not-allowed
and movepointer-events: none
to.disabled:active
(28cb857), closes #2811 - clay-css: List Group double borders in
list-group-item-flex
caused by Bootstrap 4.4.1 22f6b37 (1221279), closes #2785 - css: allow newline characters to display properly for tooltips (2265d10)
- clay-css: Alert adds
.alert-btn
,.alert-autofit-row
,.alert-footer
, and.alert .btn-group-item
(5212f50), closes #2765 - clay-css: Atlas Form Validation add styles for readonly input success, error, and warning states (faf5748), closes #2715
- clay-css: Atlas Global Variables make
h1
-h6
font sizes the same as 2.x (0e0f9a0), closes #2864 - clay-css: Atlas Globals adds
$enable-lexicon-flat-colors
to change base colors to match Lexicon Flat Color palette, set tofalse
to revert back to old colors (69fcdb2), closes #E83E8 #2726 - clay-css: Custom Control added
.custom-control-primary
to help increase visual hierarchy of acustom-control
(cc0275d), closes #2813 - clay-css: Custom Control adds
$custom-control-description-font-weight
and sets font-weight to normal in Atlas (3d2af5c), closes #2813 - clay-css: Dropdown Section add specific styles for nested
custom-control
s (573a860), closes #2811 - clay-css: Forms support
label
element withoutfor
attribute.label
needs the class.form-control-label
and text must be wrapped in an element with class.form-control-label-text
(d0fff7f), closes #2242 - clay-css: Menubar added
.menubar-vertical-expand-md.menubar-decorated
and.menubar-vertical-expand-lg.menubar-decorated
(e46b52c), closes #2822 - clay-css: Mixins added
clay-autofit-row
for custom.autofit-row
and.autofit-col
spacing (cf3bafa), closes #2765 - clay-css: Mixins added
mixins/_globals.scss
file and mixinclay-css
for outputting any css property (af0da9f), closes #2822 - clay-css: Mixins clay-container adds option to configure cursor (6f6fb78)
- clay-css: SVG Icon added
device-check
(80396b4), closes #2757 - clay-css: SVG Icons added
credit-card
andcatalog
(0d8e359), closes #2739 - clay-css: SVG Icons added
liferay-ac
(6c76834), closes #2727 - clay-css: SVG Icons added cloud (001e644), closes #2742
- clay-css: SVG Icons adds
document-pending
(24067d8), closes #2724 - clay-css: Update Bootstrap CSS to 4.4.1, Bootstrap JS 4.4.0, Popper.js 1.16.0 (491620d), closes #2785
- clay-css: Utilities add duplicate of Bootstrap's spacing utilities prefixed with
c-
and without the!important
flag (e12e7b4), closes #2725
3.3.0 (2019-12-05)
- clay-css: Deprecate
.sheet-lg
and$sheet-lg-max-width
in favor of.container .sheet
pattern (2e1e82c), closes #2655
- clay-css: Atlas Form Validation add styles for readonly input success, error, and warning states (faf5748), closes #2715
- clay-css: Atlas Globals adds
$enable-lexicon-flat-colors
to change base colors to match Lexicon Flat Color palette, set tofalse
to revert back to old colors (69fcdb2), closes #E83E8 #2726 - clay-css: SVG Icon added
device-check
(80396b4), closes #2757 - clay-css: SVG Icons added
credit-card
andcatalog
(0d8e359), closes #2739 - clay-css: SVG Icons added
liferay-ac
(6c76834), closes #2727 - clay-css: SVG Icons added cloud (001e644), closes #2742
- clay-css: SVG Icons adds
document-pending
(24067d8), closes #2724 - clay-css: Utilities add duplicate of Bootstrap's spacing utilities prefixed with
c-
and without the!important
flag (e12e7b4), closes #2725
3.2.0 (2019-11-07)
- clay-css: SVG Icons add
social-instagram
andsocial-vimeo
(a879b3d), closes #2695 - clay-css: SVG Icons added
heart-full
(38edecf), closes #2690 - clay-css: SVG Icons added
import
andimport-list
(4cf09f1), closes #2683 - clay-css: SVG Icons added
order-arrow-left
andorder-arrow-right
(4a86eac), closes #2688 - clay-css: SVG Icons added
times-circle-full
andtimes-small
(9be9456), closes #2691 - clay-css: SVG Icons added
truck
(76b19e0), closes #2689 - clay-css: SVG Icons deprecate
twitter
and addsocial-twitter
(eb5e2c0), closes #2697 - clay-css: SVG Icons update
times
to be thicker (4632b83)
3.1.0 (2019-10-28)
- broken markdown lists (d1adc7e)