@clayui/css 3.161.0 → 3.163.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/lib/css/atlas.css +136 -6
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +134 -5
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +74 -7
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/arrow-key-down.svg +9 -0
  8. package/lib/images/icons/arrow-key-left.svg +9 -0
  9. package/lib/images/icons/arrow-key-right.svg +9 -0
  10. package/lib/images/icons/arrow-key-up.svg +9 -0
  11. package/lib/images/icons/icons.svg +1 -1
  12. package/package.json +1 -1
  13. package/src/images/icons/arrow-key-down.svg +9 -0
  14. package/src/images/icons/arrow-key-left.svg +9 -0
  15. package/src/images/icons/arrow-key-right.svg +9 -0
  16. package/src/images/icons/arrow-key-up.svg +9 -0
  17. package/src/images/icons/icons.svg +1 -1
  18. package/src/scss/_components.scss +2 -0
  19. package/src/scss/_license-text.scss +1 -1
  20. package/src/scss/atlas/variables/_forms.scss +3 -1
  21. package/src/scss/atlas/variables/_reorder.scss +1 -1
  22. package/src/scss/atlas-custom-properties/_variables.scss +0 -2
  23. package/src/scss/atlas-custom-properties/variables/_alerts.scss +928 -935
  24. package/src/scss/atlas-custom-properties/variables/_application-bar.scss +54 -56
  25. package/src/scss/atlas-custom-properties/variables/_aspect-ratio.scss +25 -27
  26. package/src/scss/atlas-custom-properties/variables/_badges.scss +298 -309
  27. package/src/scss/atlas-custom-properties/variables/_breadcrumbs.scss +175 -187
  28. package/src/scss/atlas-custom-properties/variables/_buttons.scss +1164 -1220
  29. package/src/scss/atlas-custom-properties/variables/_c-root.scss +343 -353
  30. package/src/scss/atlas-custom-properties/variables/_cards.scss +1009 -1014
  31. package/src/scss/atlas-custom-properties/variables/_clay-color.scss +560 -590
  32. package/src/scss/atlas-custom-properties/variables/_custom-forms.scss +766 -797
  33. package/src/scss/atlas-custom-properties/variables/_date-picker.scss +532 -614
  34. package/src/scss/atlas-custom-properties/variables/_drilldown.scss +244 -252
  35. package/src/scss/atlas-custom-properties/variables/_dropdowns.scss +1052 -1073
  36. package/src/scss/atlas-custom-properties/variables/_dual-listbox.scss +65 -68
  37. package/src/scss/atlas-custom-properties/variables/_empty-state.scss +90 -92
  38. package/src/scss/atlas-custom-properties/variables/_forms.scss +1918 -1955
  39. package/src/scss/atlas-custom-properties/variables/_globals-z-index.scss +27 -29
  40. package/src/scss/atlas-custom-properties/variables/_globals.scss +799 -801
  41. package/src/scss/atlas-custom-properties/variables/_icons.scss +71 -73
  42. package/src/scss/atlas-custom-properties/variables/_images.scss +8 -13
  43. package/src/scss/atlas-custom-properties/variables/_labels.scss +1091 -1202
  44. package/src/scss/atlas-custom-properties/variables/_links.scss +394 -410
  45. package/src/scss/atlas-custom-properties/variables/_list-group.scss +455 -460
  46. package/src/scss/atlas-custom-properties/variables/_loaders.scss +187 -204
  47. package/src/scss/atlas-custom-properties/variables/_management-bar.scss +135 -137
  48. package/src/scss/atlas-custom-properties/variables/_menubar.scss +605 -663
  49. package/src/scss/atlas-custom-properties/variables/_modals.scss +582 -587
  50. package/src/scss/atlas-custom-properties/variables/_multi-step-nav.scss +342 -312
  51. package/src/scss/atlas-custom-properties/variables/_navbar.scss +170 -172
  52. package/src/scss/atlas-custom-properties/variables/_navigation-bar.scss +337 -361
  53. package/src/scss/atlas-custom-properties/variables/_navs.scss +501 -495
  54. package/src/scss/atlas-custom-properties/variables/_pagination.scss +851 -888
  55. package/src/scss/atlas-custom-properties/variables/_panels.scss +467 -480
  56. package/src/scss/atlas-custom-properties/variables/_popovers.scss +483 -515
  57. package/src/scss/atlas-custom-properties/variables/_progress-bars.scss +146 -139
  58. package/src/scss/atlas-custom-properties/variables/_quick-action.scss +24 -23
  59. package/src/scss/atlas-custom-properties/variables/_range.scss +215 -220
  60. package/src/scss/atlas-custom-properties/variables/_reorder.scss +82 -82
  61. package/src/scss/atlas-custom-properties/variables/_resizer.scss +27 -16
  62. package/src/scss/atlas-custom-properties/variables/_sheets.scss +275 -275
  63. package/src/scss/atlas-custom-properties/variables/_side-navigation.scss +2 -4
  64. package/src/scss/atlas-custom-properties/variables/_sidebar.scss +413 -445
  65. package/src/scss/atlas-custom-properties/variables/_slideout.scss +300 -310
  66. package/src/scss/atlas-custom-properties/variables/_stickers.scss +551 -553
  67. package/src/scss/atlas-custom-properties/variables/_tables.scss +1094 -1079
  68. package/src/scss/atlas-custom-properties/variables/_tbar.scss +491 -557
  69. package/src/scss/atlas-custom-properties/variables/_time.scss +121 -130
  70. package/src/scss/atlas-custom-properties/variables/_timelines.scss +50 -43
  71. package/src/scss/atlas-custom-properties/variables/_toggle-switch.scss +562 -566
  72. package/src/scss/atlas-custom-properties/variables/_tooltip.scss +295 -306
  73. package/src/scss/atlas-custom-properties/variables/_treeview.scss +276 -278
  74. package/src/scss/atlas-custom-properties/variables/_type.scss +186 -185
  75. package/src/scss/atlas-custom-properties/variables/_utilities.scss +705 -788
  76. package/src/scss/atlas-variables.scss +0 -2
  77. package/src/scss/atlas.scss +0 -2
  78. package/src/scss/base-variables.scss +0 -2
  79. package/src/scss/base.scss +0 -2
  80. package/src/scss/cadmin/components/_focus-ring.scss +74 -0
  81. package/src/scss/cadmin/components/_forms.scss +2 -0
  82. package/src/scss/cadmin/components/_menubar.scss +8 -0
  83. package/src/scss/cadmin/components/_resizer.scss +19 -4
  84. package/src/scss/cadmin/variables/_breadcrumbs.scss +3 -1
  85. package/src/scss/cadmin/variables/_forms.scss +3 -1
  86. package/src/scss/cadmin/variables/_reorder.scss +1 -0
  87. package/src/scss/cadmin/variables/_resizer.scss +16 -3
  88. package/src/scss/cadmin.scss +1 -0
  89. package/src/scss/components/_focus-ring.scss +64 -0
  90. package/src/scss/components/_forms.scss +2 -0
  91. package/src/scss/components/_keyboard-arrows-indicator.scss +82 -0
  92. package/src/scss/components/_menubar.scss +8 -0
  93. package/src/scss/components/_resizer.scss +15 -4
  94. package/src/scss/functions/_lx-icons-generated.scss +8 -0
  95. package/src/scss/variables/_breadcrumbs.scss +4 -2
  96. package/src/scss/variables/_forms.scss +2 -0
  97. package/src/scss/variables/_resizer.scss +16 -3
package/lib/images/icons/arrow-key-down.svg ADDED
@@ -0,0 +1,9 @@
1
+ <!--
2
+ * SPDX-FileCopyrightText: © 2026 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-FileCopyrightText: © 2026 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
4
+ *
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ -->
7
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
8
+ <path class="lexicon-icon-outline" clip-rule="evenodd" d="M3.33 0h9.34A3.33 3.33 0 0 1 16 3.33v9.34A3.33 3.33 0 0 1 12.67 16H3.33A3.33 3.33 0 0 1 0 12.67V3.33A3.33 3.33 0 0 1 3.33 0ZM11.83 6.49 8.41 10.47C8.18 10.73 7.82 10.73 7.59 10.47L4.17 6.49C3.81 6.06 4.07 5.33 4.58 5.33H11.42C11.93 5.34 12.19 6.06 11.83 6.49Z" fill-rule="evenodd" />
9
+ </svg>
package/lib/images/icons/arrow-key-left.svg ADDED
@@ -0,0 +1,9 @@
1
+ <!--
2
+ * SPDX-FileCopyrightText: © 2026 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-FileCopyrightText: © 2026 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
4
+ *
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ -->
7
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
8
+ <path class="lexicon-icon-outline" clip-rule="evenodd" d="M3.33 0h9.34A3.33 3.33 0 0 1 16 3.33v9.34A3.33 3.33 0 0 1 12.67 16H3.33A3.33 3.33 0 0 1 0 12.67V3.33A3.33 3.33 0 0 1 3.33 0ZM9.51 11.83 5.53 8.41C5.27 8.18 5.27 7.82 5.53 7.59L9.51 4.17C9.94 3.81 10.67 4.07 10.67 4.58V11.42C10.66 11.93 9.94 12.19 9.51 11.83Z" fill-rule="evenodd" />
9
+ </svg>
package/lib/images/icons/arrow-key-right.svg ADDED
@@ -0,0 +1,9 @@
1
+ <!--
2
+ * SPDX-FileCopyrightText: © 2026 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-FileCopyrightText: © 2026 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
4
+ *
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ -->
7
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
8
+ <path class="lexicon-icon-outline" clip-rule="evenodd" d="M3.33 0h9.34A3.33 3.33 0 0 1 16 3.33v9.34A3.33 3.33 0 0 1 12.67 16H3.33A3.33 3.33 0 0 1 0 12.67V3.33A3.33 3.33 0 0 1 3.33 0ZM6.49 4.17 10.47 7.59C10.73 7.82 10.73 8.18 10.47 8.41L6.49 11.83C6.06 12.19 5.33 11.93 5.33 11.42V4.58C5.34 4.07 6.06 3.81 6.49 4.17Z" fill-rule="evenodd" />
9
+ </svg>
package/lib/images/icons/arrow-key-up.svg ADDED
@@ -0,0 +1,9 @@
1
+ <!--
2
+ * SPDX-FileCopyrightText: © 2026 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-FileCopyrightText: © 2026 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
4
+ *
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ -->
7
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
8
+ <path class="lexicon-icon-outline" clip-rule="evenodd" d="M3.33 0h9.34A3.33 3.33 0 0 1 16 3.33v9.34A3.33 3.33 0 0 1 12.67 16H3.33A3.33 3.33 0 0 1 0 12.67V3.33A3.33 3.33 0 0 1 3.33 0ZM11.83 9.51 8.41 5.53C8.18 5.27 7.82 5.27 7.59 5.53L4.17 9.51C3.81 9.94 4.07 10.67 4.58 10.67H11.42C11.93 10.66 12.19 9.94 11.83 9.51Z" fill-rule="evenodd" />
9
+ </svg>
package/lib/images/icons/icons.svg CHANGED
@@ -1 +1 @@
1
- <?xml version="1.0"?>
1
+ <?xml version="1.0"?>
package/package.json CHANGED
@@ -56,5 +56,5 @@
56
56
  "link": "npm link",
57
57
  "prepublish": "yarn compile"
58
58
  },
59
- "version": "3.161.0"
59
+ "version": "3.163.0"
60
60
  }
package/src/images/icons/arrow-key-down.svg ADDED
@@ -0,0 +1,9 @@
1
+ <!--
2
+ * SPDX-FileCopyrightText: © 2026 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-FileCopyrightText: © 2026 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
4
+ *
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ -->
7
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
8
+ <path class="lexicon-icon-outline" clip-rule="evenodd" d="M3.33 0h9.34A3.33 3.33 0 0 1 16 3.33v9.34A3.33 3.33 0 0 1 12.67 16H3.33A3.33 3.33 0 0 1 0 12.67V3.33A3.33 3.33 0 0 1 3.33 0ZM11.83 6.49 8.41 10.47C8.18 10.73 7.82 10.73 7.59 10.47L4.17 6.49C3.81 6.06 4.07 5.33 4.58 5.33H11.42C11.93 5.34 12.19 6.06 11.83 6.49Z" fill-rule="evenodd" />
9
+ </svg>
package/src/images/icons/arrow-key-left.svg ADDED
@@ -0,0 +1,9 @@
1
+ <!--
2
+ * SPDX-FileCopyrightText: © 2026 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-FileCopyrightText: © 2026 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
4
+ *
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ -->
7
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
8
+ <path class="lexicon-icon-outline" clip-rule="evenodd" d="M3.33 0h9.34A3.33 3.33 0 0 1 16 3.33v9.34A3.33 3.33 0 0 1 12.67 16H3.33A3.33 3.33 0 0 1 0 12.67V3.33A3.33 3.33 0 0 1 3.33 0ZM9.51 11.83 5.53 8.41C5.27 8.18 5.27 7.82 5.53 7.59L9.51 4.17C9.94 3.81 10.67 4.07 10.67 4.58V11.42C10.66 11.93 9.94 12.19 9.51 11.83Z" fill-rule="evenodd" />
9
+ </svg>
package/src/images/icons/arrow-key-right.svg ADDED
@@ -0,0 +1,9 @@
1
+ <!--
2
+ * SPDX-FileCopyrightText: © 2026 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-FileCopyrightText: © 2026 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
4
+ *
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ -->
7
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
8
+ <path class="lexicon-icon-outline" clip-rule="evenodd" d="M3.33 0h9.34A3.33 3.33 0 0 1 16 3.33v9.34A3.33 3.33 0 0 1 12.67 16H3.33A3.33 3.33 0 0 1 0 12.67V3.33A3.33 3.33 0 0 1 3.33 0ZM6.49 4.17 10.47 7.59C10.73 7.82 10.73 8.18 10.47 8.41L6.49 11.83C6.06 12.19 5.33 11.93 5.33 11.42V4.58C5.34 4.07 6.06 3.81 6.49 4.17Z" fill-rule="evenodd" />
9
+ </svg>
package/src/images/icons/arrow-key-up.svg ADDED
@@ -0,0 +1,9 @@
1
+ <!--
2
+ * SPDX-FileCopyrightText: © 2026 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-FileCopyrightText: © 2026 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
4
+ *
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ -->
7
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
8
+ <path class="lexicon-icon-outline" clip-rule="evenodd" d="M3.33 0h9.34A3.33 3.33 0 0 1 16 3.33v9.34A3.33 3.33 0 0 1 12.67 16H3.33A3.33 3.33 0 0 1 0 12.67V3.33A3.33 3.33 0 0 1 3.33 0ZM11.83 9.51 8.41 5.53C8.18 5.27 7.82 5.27 7.59 5.53L4.17 9.51C3.81 9.94 4.07 10.67 4.58 10.67H11.42C11.93 10.66 12.19 9.94 11.83 9.51Z" fill-rule="evenodd" />
9
+ </svg>
package/src/images/icons/icons.svg CHANGED
@@ -1 +1 @@
1
- <?xml version="1.0"?>
1
+ <?xml version="1.0"?>
package/src/scss/_components.scss CHANGED
@@ -51,6 +51,7 @@
51
51
  @import 'components/_dual-listbox';
52
52
  @import 'components/_form-validation';
53
53
  @import 'components/_input-groups';
54
+ @import 'components/_keyboard-arrows-indicator';
54
55
  @import 'components/_list-group';
55
56
  @import 'components/_modals';
56
57
  @import 'components/_multi-step-nav';
@@ -84,5 +85,6 @@
84
85
  @import 'components/_utilities-functional-important';
85
86
 
86
87
  @import 'components/_loaders';
88
+ @import 'components/_focus-ring';
87
89
 
88
90
  @import 'components/_print';
package/src/scss/_license-text.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Clay 3.161.0
2
+ * Clay 3.163.0
3
3
  *
4
4
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
5
5
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
package/src/scss/atlas/variables/_forms.scss CHANGED
@@ -110,7 +110,9 @@ $input-padding-y-sm: 0.25rem !default;
110
110
  $form-group-margin-bottom: 1.5rem !default; // 24px
111
111
  $form-group-margin-bottom-mobile: 1rem !default; // 16px
112
112
 
113
- $form-group-sm-input-label-margin-bottom: 0.1875rem !default; // 3px
113
+ $form-group-sm-input-label-font-size: 0.75rem !default; // 12px
114
+ $form-group-sm-input-label-line-height: 1.5 !default; // 150%
115
+ $form-group-sm-input-label-margin-bottom: 0.125rem !default; // 2px
114
116
  $form-group-sm-item-label-spacer: 1.5625rem !default; // 25px
115
117
 
116
118
  // Input Label (<label>)
package/src/scss/atlas/variables/_reorder.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  $clay-reorder-underlay-focus: () !default;
2
2
  $clay-reorder-underlay-focus: map-deep-merge(
3
3
  (
4
- box-shadow: null,
4
+ box-shadow: $input-focus-box-shadow,
5
5
  ),
6
6
  $clay-reorder-underlay-focus
7
7
  );
package/src/scss/atlas-custom-properties/_variables.scss CHANGED
@@ -1,5 +1,3 @@
1
- $enable-atlas-custom-properties: false !default;
2
-
3
1
  @import 'variables/_globals';
4
2
  @import 'variables/_globals-z-index';
5
3