@clayui/css 3.46.0 → 3.49.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 (54) hide show
  1. package/lib/css/atlas.css +192 -84
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +141 -66
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +137 -64
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/icons.svg +1 -1
  9. package/package.json +2 -2
  10. package/src/scss/_cadmin-variables.scss +2 -0
  11. package/src/scss/atlas/variables/_cards.scss +12 -0
  12. package/src/scss/atlas/variables/_forms.scss +9 -8
  13. package/src/scss/atlas/variables/_list-group.scss +28 -12
  14. package/src/scss/atlas-variables.scss +2 -0
  15. package/src/scss/atlas.scss +2 -0
  16. package/src/scss/base-variables.scss +2 -0
  17. package/src/scss/base.scss +2 -0
  18. package/src/scss/cadmin/components/_cards.scss +10 -120
  19. package/src/scss/cadmin/components/_empty-state.scss +36 -0
  20. package/src/scss/cadmin/components/_links.scss +0 -8
  21. package/src/scss/cadmin/components/_treeview.scss +58 -1
  22. package/src/scss/cadmin/variables/_cards.scss +164 -1
  23. package/src/scss/cadmin/variables/_empty-state.scss +23 -0
  24. package/src/scss/cadmin/variables/_forms.scss +9 -8
  25. package/src/scss/cadmin/variables/_links.scss +14 -0
  26. package/src/scss/cadmin/variables/_list-group.scss +32 -16
  27. package/src/scss/cadmin/variables/_sidebar.scss +1 -1
  28. package/src/scss/cadmin/variables/_treeview.scss +17 -1
  29. package/src/scss/cadmin.scss +2 -0
  30. package/src/scss/components/_cards.scss +28 -122
  31. package/src/scss/components/_custom-forms.scss +2 -2
  32. package/src/scss/components/_dropdowns.scss +0 -28
  33. package/src/scss/components/_empty-state.scss +30 -0
  34. package/src/scss/components/_links.scss +1 -9
  35. package/src/scss/components/_multi-step-nav.scss +11 -5
  36. package/src/scss/components/_tables.scss +0 -8
  37. package/src/scss/components/_treeview.scss +58 -1
  38. package/src/scss/mixins/_alerts.scss +180 -113
  39. package/src/scss/mixins/_cards.scss +59 -25
  40. package/src/scss/mixins/_dropdown-menu.scss +17 -0
  41. package/src/scss/mixins/_links.scss +22 -2
  42. package/src/scss/variables/_cards.scss +158 -4
  43. package/src/scss/variables/_custom-forms.scss +19 -4
  44. package/src/scss/variables/_dropdowns.scss +45 -0
  45. package/src/scss/variables/_empty-state.scss +23 -0
  46. package/src/scss/variables/_links.scss +21 -3
  47. package/src/scss/variables/_list-group.scss +22 -12
  48. package/src/scss/variables/_multi-step-nav.scss +6 -0
  49. package/src/scss/variables/_range.scss +4 -2
  50. package/src/scss/variables/_sidebar.scss +3 -3
  51. package/src/scss/variables/_stickers.scss +3 -3
  52. package/src/scss/variables/_tables.scss +14 -0
  53. package/src/scss/variables/_toggle-switch.scss +14 -2
  54. package/src/scss/variables/_treeview.scss +21 -1
package/src/scss/variables/_sidebar.scss CHANGED
@@ -3,21 +3,21 @@ $sidebar-padding-left: 1rem !default; // 16px
3
3
  $sidebar-padding-right: 1rem !default; // 16px
4
4
  $sidebar-padding-top: 1rem !default; // 16px
5
5
 
6
- // Sidebar Header Title
6
+ // .sidebar-header .component-title
7
7
 
8
8
  $sidebar-header-component-title: () !default;
9
9
  $sidebar-header-component-title: map-deep-merge(
10
10
  (
11
11
  font-size: 1.5rem,
12
12
  font-weight: $font-weight-semi-bold,
13
- clay-link: (
13
+ href: (
14
14
  color: $gray-900,
15
15
  ),
16
16
  ),
17
17
  $sidebar-header-component-title
18
18
  );
19
19
 
20
- // Sidebar Header Subtitle
20
+ // .sidebar-header .component-subtitle
21
21
 
22
22
  $sidebar-header-component-subtitle: () !default;
23
23
  $sidebar-header-component-subtitle: map-deep-merge(
package/src/scss/variables/_stickers.scss CHANGED
@@ -79,7 +79,7 @@ $sticker-sm: map-deep-merge(
79
79
  bottom: -0.75rem,
80
80
  top: auto,
81
81
  ),
82
- sticker-bottomr-right: (
82
+ sticker-bottom-right: (
83
83
  bottom: -0.75rem,
84
84
  left: auto,
85
85
  right: -0.75rem,
@@ -110,7 +110,7 @@ $sticker-lg: map-deep-merge(
110
110
  bottom: -1.25rem,
111
111
  top: auto,
112
112
  ),
113
- sticker-bottomr-right: (
113
+ sticker-bottom-right: (
114
114
  bottom: -1.25rem,
115
115
  left: auto,
116
116
  right: -1.25rem,
@@ -141,7 +141,7 @@ $sticker-xl: map-deep-merge(
141
141
  bottom: -1.5rem,
142
142
  top: auto,
143
143
  ),
144
- sticker-bottomr-right: (
144
+ sticker-bottom-right: (
145
145
  bottom: -1.5rem,
146
146
  left: auto,
147
147
  right: -1.5rem,
package/src/scss/variables/_tables.scss CHANGED
@@ -177,6 +177,13 @@ $table-title-link: map-deep-merge(
177
177
  $table-title-link
178
178
  );
179
179
 
180
+ $table-title: map-deep-merge(
181
+ $table-title,
182
+ (
183
+ href: $table-title-link,
184
+ )
185
+ );
186
+
180
187
  // Table Link
181
188
 
182
189
  $table-link: () !default;
@@ -386,6 +393,13 @@ $table-list-title-link: map-deep-merge(
386
393
  $table-list-title-link
387
394
  );
388
395
 
396
+ $table-list-title: map-deep-merge(
397
+ $table-list-title,
398
+ (
399
+ href: $table-list-title-link,
400
+ )
401
+ );
402
+
389
403
  // Table List Link
390
404
 
391
405
  $table-list-link: () !default;
package/src/scss/variables/_toggle-switch.scss CHANGED
@@ -34,6 +34,12 @@ $toggle-switch-button-font-size: $toggle-switch-bar-font-size !default;
34
34
  $toggle-switch-button-font-size-mobile: $toggle-switch-button-font-size !default; // null
35
35
  $toggle-switch-button-icon-color: $input-color !default;
36
36
 
37
+ // See https://issues.liferay.com/browse/LPS-147457.
38
+
39
+ $toggle-switch-handle-after-content: unquote(
40
+ "'\\FEFF' attr(data-label-off)"
41
+ ) !default;
42
+
37
43
  // Toggle Switch On
38
44
 
39
45
  $toggle-switch-bar-on-bg: $component-active-bg !default;
@@ -45,6 +51,12 @@ $toggle-switch-button-on-border-color: $toggle-switch-bar-on-bg !default;
45
51
  $toggle-switch-button-on-border-radius: 0 3px 3px 0 !default;
46
52
  $toggle-switch-button-on-icon-color: $toggle-switch-bar-on-bg !default;
47
53
 
54
+ // See https://issues.liferay.com/browse/LPS-147457.
55
+
56
+ $toggle-switch-handle-on-after-content: unquote(
57
+ "'\\FEFF' attr(data-label-on)"
58
+ ) !default;
59
+
48
60
  // Toggle Switch Disabled
49
61
 
50
62
  $toggle-switch-disabled-cursor: $disabled-cursor !default;
@@ -179,7 +191,7 @@ $toggle-switch-check: map-deep-merge(
179
191
  clay-enable-transitions($toggle-switch-transition),
180
192
  ),
181
193
  after: (
182
- content: attr(data-label-off),
194
+ content: $toggle-switch-handle-after-content,
183
195
  margin-left:
184
196
  clay-data-label-text-position(
185
197
  $toggle-switch-bar-width,
@@ -253,7 +265,7 @@ $toggle-switch-check: map-deep-merge(
253
265
  ),
254
266
  toggle-switch-handle: (
255
267
  after: (
256
- content: attr(data-label-on),
268
+ content: $toggle-switch-handle-on-after-content,
257
269
  ),
258
270
  ),
259
271
  toggle-switch-icon: (
package/src/scss/variables/_treeview.scss CHANGED
@@ -52,6 +52,7 @@ $treeview: map-merge(
52
52
  ),
53
53
  ),
54
54
  treeview-link: (
55
+ background-color: transparent,
55
56
  cursor: pointer,
56
57
  display: block,
57
58
  border-color: transparent,
@@ -62,6 +63,7 @@ $treeview: map-merge(
62
63
  min-width: 100%,
63
64
  padding: 0,
64
65
  position: relative,
66
+ text-align: left,
65
67
  user-select: none,
66
68
  treeview-dropping-bottom: (
67
69
  box-shadow: 0 2px 0 0 $primary-l1,
@@ -80,6 +82,9 @@ $treeview: map-merge(
80
82
  box-shadow: $component-focus-inset-box-shadow,
81
83
  outline: 0,
82
84
  ),
85
+ disabled: (
86
+ cursor: $disabled-cursor,
87
+ ),
83
88
  ),
84
89
  component-action: (
85
90
  display: none,
@@ -160,6 +165,10 @@ $treeview-light: map-deep-merge(
160
165
  hover: (
161
166
  color: $primary,
162
167
  ),
168
+ disabled: (
169
+ color: $secondary,
170
+ opacity: 0.5,
171
+ ),
163
172
  btn-secondary: (
164
173
  background-color: $white,
165
174
  ),
@@ -178,6 +187,10 @@ $treeview-light: map-deep-merge(
178
187
  background-color: $gray-200,
179
188
  color: $gray-900,
180
189
  ),
190
+ disabled: (
191
+ background-color: transparent,
192
+ color: rgba($gray-600, 0.5),
193
+ ),
181
194
  show: (
182
195
  background-color: null,
183
196
  color: null,
@@ -195,6 +208,10 @@ $treeview-dark: map-deep-merge(
195
208
  hover: (
196
209
  color: $primary-l1,
197
210
  ),
211
+ disabled: (
212
+ color: $secondary-l1,
213
+ opacity: 0.5,
214
+ ),
198
215
  ),
199
216
  treeview-link: (
200
217
  color: $secondary-l1,
@@ -207,7 +224,7 @@ $treeview-dark: map-deep-merge(
207
224
  ),
208
225
  disabled: (
209
226
  background-color: transparent,
210
- color: rgba($secondary-l1, 0.04),
227
+ color: rgba($secondary-l1, 0.5),
211
228
  ),
212
229
  show: (
213
230
  background-color: null,
@@ -216,6 +233,9 @@ $treeview-dark: map-deep-merge(
216
233
  ),
217
234
  component-action: (
218
235
  color: $secondary-l1,
236
+ disabled: (
237
+ color: $secondary-l1,
238
+ ),
219
239
  ),
220
240
  ),
221
241
  $treeview-dark