@clayui/css 3.76.0 → 3.81.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 (70) hide show
  1. package/lib/css/atlas.css +164 -495
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +141 -454
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +129 -1395
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/icons.svg +1 -1
  8. package/package.json +2 -2
  9. package/src/scss/_license-text.scss +1 -1
  10. package/src/scss/atlas/variables/_alerts.scss +1 -1
  11. package/src/scss/atlas/variables/_custom-forms.scss +16 -4
  12. package/src/scss/atlas/variables/_date-picker.scss +7 -2
  13. package/src/scss/atlas/variables/_links.scss +19 -2
  14. package/src/scss/atlas/variables/_navigation-bar.scss +0 -1
  15. package/src/scss/atlas/variables/_range.scss +1 -1
  16. package/src/scss/atlas/variables/_time.scss +1 -1
  17. package/src/scss/atlas/variables/_toggle-switch.scss +1 -1
  18. package/src/scss/cadmin/components/_alerts.scss +1 -1
  19. package/src/scss/cadmin/components/_clay-color.scss +15 -20
  20. package/src/scss/cadmin/components/_custom-forms.scss +32 -4
  21. package/src/scss/cadmin/components/_date-picker.scss +4 -4
  22. package/src/scss/cadmin/components/_forms.scss +5 -7
  23. package/src/scss/cadmin/components/_list-group.scss +2 -2
  24. package/src/scss/cadmin/components/_modals.scss +2 -4
  25. package/src/scss/cadmin/components/_range.scss +3 -3
  26. package/src/scss/cadmin/components/_time.scss +3 -3
  27. package/src/scss/cadmin/variables/_alerts.scss +1 -1
  28. package/src/scss/cadmin/variables/_clay-color.scss +24 -13
  29. package/src/scss/cadmin/variables/_custom-forms.scss +2 -2
  30. package/src/scss/cadmin/variables/_date-picker.scss +4 -4
  31. package/src/scss/cadmin/variables/_forms.scss +5 -5
  32. package/src/scss/cadmin/variables/_list-group.scss +2 -2
  33. package/src/scss/cadmin/variables/_management-bar.scss +529 -0
  34. package/src/scss/cadmin/variables/_navigation-bar.scss +246 -2
  35. package/src/scss/cadmin/variables/_range.scss +8 -4
  36. package/src/scss/cadmin/variables/_time.scss +5 -4
  37. package/src/scss/components/_alerts.scss +6 -2
  38. package/src/scss/components/_buttons.scss +5 -1
  39. package/src/scss/components/_clay-color.scss +15 -20
  40. package/src/scss/components/_custom-forms.scss +62 -10
  41. package/src/scss/components/_date-picker.scss +4 -4
  42. package/src/scss/components/_dropdowns.scss +5 -1
  43. package/src/scss/components/_forms.scss +5 -5
  44. package/src/scss/components/_list-group.scss +2 -2
  45. package/src/scss/components/_modals.scss +2 -2
  46. package/src/scss/components/_panels.scss +56 -12
  47. package/src/scss/components/_range.scss +3 -3
  48. package/src/scss/components/_sheets.scss +3 -1
  49. package/src/scss/components/_time.scss +3 -3
  50. package/src/scss/components/_timelines.scss +7 -1
  51. package/src/scss/mixins/_navbar.scss +256 -247
  52. package/src/scss/variables/_alerts.scss +1 -1
  53. package/src/scss/variables/_application-bar.scss +32 -6
  54. package/src/scss/variables/_clay-color.scss +41 -16
  55. package/src/scss/variables/_custom-forms.scss +225 -48
  56. package/src/scss/variables/_date-picker.scss +6 -6
  57. package/src/scss/variables/_drilldown.scss +5 -1
  58. package/src/scss/variables/_forms.scss +5 -5
  59. package/src/scss/variables/_links.scss +10 -2
  60. package/src/scss/variables/_list-group.scss +2 -2
  61. package/src/scss/variables/_management-bar.scss +56 -10
  62. package/src/scss/variables/_multi-step-nav.scss +5 -1
  63. package/src/scss/variables/_navigation-bar.scss +56 -9
  64. package/src/scss/variables/_range.scss +6 -5
  65. package/src/scss/variables/_reorder.scss +18 -5
  66. package/src/scss/variables/_sidebar.scss +25 -5
  67. package/src/scss/variables/_stickers.scss +1 -1
  68. package/src/scss/variables/_tbar.scss +6 -1
  69. package/src/scss/variables/_time.scss +5 -4
  70. package/src/scss/variables/_toggle-switch.scss +22 -10
package/src/scss/cadmin/components/_time.scss CHANGED
@@ -18,7 +18,7 @@
18
18
  }
19
19
 
20
20
  .input-group-text {
21
- @include clay-container($cadmin-clay-time-input-group-text);
21
+ @include clay-css($cadmin-clay-time-input-group-text);
22
22
  }
23
23
 
24
24
  .clay-time-ampm {
@@ -32,7 +32,7 @@
32
32
  }
33
33
 
34
34
  .clay-time-edit {
35
- @include clay-container($cadmin-clay-time-edit);
35
+ @include clay-css($cadmin-clay-time-edit);
36
36
 
37
37
  &:first-child {
38
38
  margin-left: math-sign(map-get($cadmin-clay-time-edit, padding-left));
@@ -59,7 +59,7 @@
59
59
  }
60
60
 
61
61
  .clay-time-inner-spin {
62
- @include clay-container($cadmin-clay-time-inner-spin);
62
+ @include clay-css($cadmin-clay-time-inner-spin);
63
63
 
64
64
  .btn {
65
65
  @include clay-button-variant($cadmin-clay-time-inner-spin-btn);
package/src/scss/cadmin/variables/_alerts.scss CHANGED
@@ -207,7 +207,7 @@ $cadmin-alert-indicator: map-deep-merge(
207
207
  // .alert-footer
208
208
 
209
209
  $cadmin-alert-footer: () !default;
210
- $cadmin-alert-footer: map-deep-merge(
210
+ $cadmin-alert-footer: map-merge(
211
211
  (
212
212
  margin-top: 16px,
213
213
  ),
package/src/scss/cadmin/variables/_clay-color.scss CHANGED
@@ -1,9 +1,13 @@
1
1
  // Clay Color Input Group Text (.clay-color > .input-group-item > .input-group-text)
2
2
 
3
3
  $cadmin-clay-color-input-group-text: () !default;
4
- $cadmin-clay-color-input-group-text: map-deep-merge(
4
+ $cadmin-clay-color-input-group-text: map-merge(
5
5
  (
6
- bg: $cadmin-white,
6
+ background-color:
7
+ setter(
8
+ map-get($cadmin-clay-color-input-group-text, bg),
9
+ $cadmin-white
10
+ ),
7
11
  border-color: $cadmin-input-border-color,
8
12
  padding-left: 0,
9
13
  padding-right: 0,
@@ -18,7 +22,7 @@ $cadmin-clay-color-input-group-input: () !default;
18
22
  // Clay Color Input Group Inset Item Before (.clay-color > .input-group-item > .input-group-inset-item-before)
19
23
 
20
24
  $cadmin-clay-color-input-group-inset-item-before: () !default;
21
- $cadmin-clay-color-input-group-inset-item-before: map-deep-merge(
25
+ $cadmin-clay-color-input-group-inset-item-before: map-merge(
22
26
  (
23
27
  color: $cadmin-gray-600,
24
28
  font-size: inherit,
@@ -47,7 +51,7 @@ $cadmin-clay-color-dropdown-menu: map-deep-merge(
47
51
  // Dropdown Menu Form Group
48
52
 
49
53
  $cadmin-clay-color-dropdown-menu-form-group: () !default;
50
- $cadmin-clay-color-dropdown-menu-form-group: map-deep-merge(
54
+ $cadmin-clay-color-dropdown-menu-form-group: map-merge(
51
55
  (
52
56
  margin-bottom: 16px,
53
57
  ),
@@ -72,7 +76,7 @@ $cadmin-clay-color-dropdown-menu-input: map-deep-merge(
72
76
  // Dropdown Menu Input Group Inset Item Before
73
77
 
74
78
  $cadmin-clay-color-dropdown-menu-input-group-inset-item-before: () !default;
75
- $cadmin-clay-color-dropdown-menu-input-group-inset-item-before: map-deep-merge(
79
+ $cadmin-clay-color-dropdown-menu-input-group-inset-item-before: map-merge(
76
80
  (
77
81
  color: $cadmin-gray-600,
78
82
  font-size: 14px,
@@ -105,7 +109,7 @@ $cadmin-clay-color-dropdown-menu-component-action: () !default;
105
109
  // Clay Color Swatch
106
110
 
107
111
  $cadmin-clay-color-swatch: () !default;
108
- $cadmin-clay-color-swatch: map-deep-merge(
112
+ $cadmin-clay-color-swatch: map-merge(
109
113
  (
110
114
  display: flex,
111
115
  flex-wrap: wrap,
@@ -117,7 +121,7 @@ $cadmin-clay-color-swatch: map-deep-merge(
117
121
  );
118
122
 
119
123
  $cadmin-clay-color-swatch-item: () !default;
120
- $cadmin-clay-color-swatch-item: map-deep-merge(
124
+ $cadmin-clay-color-swatch-item: map-merge(
121
125
  (
122
126
  display: flex,
123
127
  flex-wrap: wrap,
@@ -182,7 +186,7 @@ $cadmin-clay-color-pointer: map-deep-merge(
182
186
  // Clay Color Header
183
187
 
184
188
  $cadmin-clay-color-header: () !default;
185
- $cadmin-clay-color-header: map-deep-merge(
189
+ $cadmin-clay-color-header: map-merge(
186
190
  (
187
191
  display: flex,
188
192
  justify-content: space-between,
@@ -209,7 +213,7 @@ $cadmin-clay-color-header-component-title: map-deep-merge(
209
213
  // Clay Color Footer
210
214
 
211
215
  $cadmin-clay-color-footer: () !default;
212
- $cadmin-clay-color-footer: map-deep-merge(
216
+ $cadmin-clay-color-footer: map-merge(
213
217
  (
214
218
  margin-bottom: 16px,
215
219
  ),
@@ -219,7 +223,7 @@ $cadmin-clay-color-footer: map-deep-merge(
219
223
  // Clay Color Map
220
224
 
221
225
  $cadmin-clay-color-map-group: () !default;
222
- $cadmin-clay-color-map-group: map-deep-merge(
226
+ $cadmin-clay-color-map-group: map-merge(
223
227
  (
224
228
  display: flex,
225
229
  margin-top: 8px,
@@ -228,7 +232,7 @@ $cadmin-clay-color-map-group: map-deep-merge(
228
232
  );
229
233
 
230
234
  $cadmin-clay-color-map: () !default;
231
- $cadmin-clay-color-map: map-deep-merge(
235
+ $cadmin-clay-color-map: map-merge(
232
236
  (
233
237
  flex-shrink: 0,
234
238
  height: 128px,
@@ -243,6 +247,13 @@ $cadmin-clay-color-map: map-deep-merge(
243
247
  );
244
248
 
245
249
  $cadmin-clay-color-map-hsb: () !default;
250
+ $cadmin-clay-color-map-hsb: map-merge(
251
+ (
252
+ background-image: #{linear-gradient(to top, #000, rgba(0, 0, 0, 0)),
253
+ linear-gradient(to right, #fff, rgba(255, 255, 255, 0))},
254
+ ),
255
+ $cadmin-clay-color-map-hsb
256
+ );
246
257
 
247
258
  // Clay Color Map Pointer
248
259
 
@@ -251,7 +262,7 @@ $cadmin-clay-color-map-pointer: () !default;
251
262
  // Clay Color Map Values
252
263
 
253
264
  $cadmin-clay-color-map-values: () !default;
254
- $cadmin-clay-color-map-values: map-deep-merge(
265
+ $cadmin-clay-color-map-values: map-merge(
255
266
  (
256
267
  flex-grow: 1,
257
268
  flex-shrink: 1,
@@ -290,7 +301,7 @@ $cadmin-clay-color-map-values-input-group-inset-item-before: map-deep-merge(
290
301
  // Clay Color Range
291
302
 
292
303
  $cadmin-clay-color-range: () !default;
293
- $cadmin-clay-color-range: map-deep-merge(
304
+ $cadmin-clay-color-range: map-merge(
294
305
  (
295
306
  border-radius: 100px,
296
307
  height: 8px,
package/src/scss/cadmin/variables/_custom-forms.scss CHANGED
@@ -192,7 +192,7 @@ $cadmin-custom-control-label-text: map-deep-merge(
192
192
  // .custom-control-label-text small, .custom-control-label-text .small
193
193
 
194
194
  $cadmin-custom-control-label-text-small: () !default;
195
- $cadmin-custom-control-label-text-small: map-deep-merge(
195
+ $cadmin-custom-control-label-text-small: map-merge(
196
196
  (
197
197
  font-size: $cadmin-custom-control-description-small-font-size,
198
198
  ),
@@ -319,7 +319,7 @@ $cadmin-custom-control-input: map-deep-merge(
319
319
  // Custom Control Primary
320
320
 
321
321
  $cadmin-custom-control-primary-label-text: () !default;
322
- $cadmin-custom-control-primary-label-text: map-deep-merge(
322
+ $cadmin-custom-control-primary-label-text: map-merge(
323
323
  (
324
324
  font-weight: $cadmin-font-weight-semi-bold,
325
325
  ),
package/src/scss/cadmin/variables/_date-picker.scss CHANGED
@@ -150,7 +150,7 @@ $cadmin-date-picker-day: map-deep-merge(
150
150
  // Date Picker Calendar
151
151
 
152
152
  $cadmin-date-picker-calendar-container: () !default;
153
- $cadmin-date-picker-calendar-container: map-deep-merge(
153
+ $cadmin-date-picker-calendar-container: map-merge(
154
154
  (
155
155
  float: left,
156
156
  min-width: 100%,
@@ -159,7 +159,7 @@ $cadmin-date-picker-calendar-container: map-deep-merge(
159
159
  );
160
160
 
161
161
  $cadmin-date-picker-calendar-header-container: () !default;
162
- $cadmin-date-picker-calendar-header-container: map-deep-merge(
162
+ $cadmin-date-picker-calendar-header-container: map-merge(
163
163
  (
164
164
  padding-bottom: 16px,
165
165
  padding-left: 16px,
@@ -170,7 +170,7 @@ $cadmin-date-picker-calendar-header-container: map-deep-merge(
170
170
  );
171
171
 
172
172
  $cadmin-date-picker-calendar-body-container: () !default;
173
- $cadmin-date-picker-calendar-body-container: map-deep-merge(
173
+ $cadmin-date-picker-calendar-body-container: map-merge(
174
174
  (
175
175
  padding-left: 16px,
176
176
  padding-right: 16px,
@@ -180,7 +180,7 @@ $cadmin-date-picker-calendar-body-container: map-deep-merge(
180
180
  );
181
181
 
182
182
  $cadmin-date-picker-calendar-footer-container: () !default;
183
- $cadmin-date-picker-calendar-footer-container: map-deep-merge(
183
+ $cadmin-date-picker-calendar-footer-container: map-merge(
184
184
  (
185
185
  border-color: $cadmin-gray-400,
186
186
  border-style: solid,
package/src/scss/cadmin/variables/_forms.scss CHANGED
@@ -388,7 +388,7 @@ $cadmin-form-control-inset: map-deep-merge(
388
388
  );
389
389
 
390
390
  $cadmin-form-control-tag-group: () !default;
391
- $cadmin-form-control-tag-group: map-deep-merge(
391
+ $cadmin-form-control-tag-group: map-merge(
392
392
  (
393
393
  align-items: center,
394
394
  color: $cadmin-secondary,
@@ -404,7 +404,7 @@ $cadmin-form-control-tag-group: map-deep-merge(
404
404
  );
405
405
 
406
406
  $cadmin-form-control-tag-group-autofit-row: () !default;
407
- $cadmin-form-control-tag-group-autofit-row: map-deep-merge(
407
+ $cadmin-form-control-tag-group-autofit-row: map-merge(
408
408
  (
409
409
  align-items: center,
410
410
  flex-grow: 1,
@@ -416,7 +416,7 @@ $cadmin-form-control-tag-group-autofit-row: map-deep-merge(
416
416
  );
417
417
 
418
418
  $cadmin-form-control-tag-group-autofit-col: () !default;
419
- $cadmin-form-control-tag-group-autofit-col: map-deep-merge(
419
+ $cadmin-form-control-tag-group-autofit-col: map-merge(
420
420
  (
421
421
  padding-left: 8px,
422
422
  padding-right: 8px,
@@ -425,7 +425,7 @@ $cadmin-form-control-tag-group-autofit-col: map-deep-merge(
425
425
  );
426
426
 
427
427
  $cadmin-form-control-tag-group-input-group-item: () !default;
428
- $cadmin-form-control-tag-group-input-group-item: map-deep-merge(
428
+ $cadmin-form-control-tag-group-input-group-item: map-merge(
429
429
  (
430
430
  align-items: center,
431
431
  ),
@@ -433,7 +433,7 @@ $cadmin-form-control-tag-group-input-group-item: map-deep-merge(
433
433
  );
434
434
 
435
435
  $cadmin-form-control-tag-group-inline-item: () !default;
436
- $cadmin-form-control-tag-group-inline-item: map-deep-merge(
436
+ $cadmin-form-control-tag-group-inline-item: map-merge(
437
437
  (
438
438
  height: $cadmin-form-control-inset-min-height,
439
439
  margin-bottom: $cadmin-form-control-inset-margin-y,
package/src/scss/cadmin/variables/_list-group.scss CHANGED
@@ -243,7 +243,7 @@ $cadmin-list-group-notification-item-primary: map-deep-merge(
243
243
  // List Group Sm
244
244
 
245
245
  $cadmin-list-group-sm-item: () !default;
246
- $cadmin-list-group-sm-item: map-deep-merge(
246
+ $cadmin-list-group-sm-item: map-merge(
247
247
  (
248
248
  padding-bottom: 6.5px,
249
249
  padding-top: 6.5px,
@@ -252,7 +252,7 @@ $cadmin-list-group-sm-item: map-deep-merge(
252
252
  );
253
253
 
254
254
  $cadmin-list-group-sm-quick-action-menu: () !default;
255
- $cadmin-list-group-sm-quick-action-menu: map-deep-merge(
255
+ $cadmin-list-group-sm-quick-action-menu: map-merge(
256
256
  (
257
257
  margin-bottom: -6.5px,
258
258
  margin-top: -6.5px,