@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/components/_panels.scss CHANGED
@@ -68,8 +68,16 @@
68
68
  }
69
69
 
70
70
  .collapse-icon {
71
- padding-left: $collapse-icon-padding-left;
72
- padding-right: $collapse-icon-padding-right;
71
+ padding-left: if(
72
+ variable-exists(collapse-icon-padding-left),
73
+ $collapse-icon-padding-left,
74
+ null
75
+ );
76
+ padding-right: if(
77
+ variable-exists(collapse-icon-padding-right),
78
+ $collapse-icon-padding-right,
79
+ 2.28125rem
80
+ );
73
81
  }
74
82
  }
75
83
 
@@ -201,27 +209,63 @@
201
209
  > .panel-group-fluid,
202
210
  > .panel-group-fluid-first,
203
211
  > .panel-group-fluid-last {
204
- margin-left: math-sign($card-spacer-x);
205
- margin-right: math-sign($card-spacer-x);
212
+ margin-left: math-sign(
213
+ if(variable-exists(card-spacer-x), $card-spacer-x, 1.25rem)
214
+ );
215
+ margin-right: math-sign(
216
+ if(variable-exists(card-spacer-x), $card-spacer-x, 1.25rem)
217
+ );
206
218
  }
207
219
  }
208
220
 
209
221
  .sheet {
210
222
  > .panel-group-fluid {
211
- margin-left: math-sign($sheet-padding-left);
212
- margin-right: math-sign($sheet-padding-right);
223
+ margin-left: math-sign(
224
+ if(variable-exists(sheet-padding-left), $sheet-padding-left, 1.5rem)
225
+ );
226
+ margin-right: math-sign(
227
+ if(
228
+ variable-exists(sheet-padding-right),
229
+ $sheet-padding-right,
230
+ 1.5rem
231
+ )
232
+ );
213
233
  }
214
234
 
215
235
  > .panel-group-fluid-first {
216
- margin-left: math-sign($sheet-padding-left);
217
- margin-right: math-sign($sheet-padding-right);
218
- margin-top: math-sign($sheet-padding-top);
236
+ margin-left: math-sign(
237
+ if(variable-exists(sheet-padding-left), $sheet-padding-left, 1.5rem)
238
+ );
239
+ margin-right: math-sign(
240
+ if(
241
+ variable-exists(sheet-padding-right),
242
+ $sheet-padding-right,
243
+ 1.5rem
244
+ )
245
+ );
246
+ margin-top: math-sign(
247
+ if(variable-exists(sheet-padding-top), $sheet-padding-top, 1.5rem)
248
+ );
219
249
  }
220
250
 
221
251
  > .panel-group-fluid-last {
222
- margin-bottom: math-sign($sheet-padding-bottom);
223
- margin-left: math-sign($sheet-padding-left);
224
- margin-right: math-sign($sheet-padding-right);
252
+ margin-bottom: math-sign(
253
+ if(
254
+ variable-exists(sheet-padding-bottom),
255
+ $sheet-padding-bottom,
256
+ 0.0625rem
257
+ )
258
+ );
259
+ margin-left: math-sign(
260
+ if(variable-exists(sheet-padding-left), $sheet-padding-left, 1.5rem)
261
+ );
262
+ margin-right: math-sign(
263
+ if(
264
+ variable-exists(sheet-padding-right),
265
+ $sheet-padding-right,
266
+ 1.5rem
267
+ )
268
+ );
225
269
  }
226
270
  }
227
271
 
package/src/scss/components/_range.scss CHANGED
@@ -2,15 +2,15 @@
2
2
  padding-bottom: 0.1px;
3
3
 
4
4
  .input-group {
5
- @include clay-container($clay-range-input-group);
5
+ @include clay-css($clay-range-input-group);
6
6
  }
7
7
 
8
8
  .input-group-item {
9
- @include clay-container($clay-range-input-group-item);
9
+ @include clay-css($clay-range-input-group-item);
10
10
  }
11
11
 
12
12
  .input-group-text {
13
- @include clay-container($clay-range-input-group-text);
13
+ @include clay-css($clay-range-input-group-text);
14
14
  }
15
15
 
16
16
  &.disabled {
package/src/scss/components/_sheets.scss CHANGED
@@ -95,7 +95,9 @@
95
95
 
96
96
  > .card-page:last-child,
97
97
  .card-page-last {
98
- margin-bottom: math-sign($card-margin-bottom);
98
+ margin-bottom: math-sign(
99
+ if(variable-exists(card-margin-bottom), $card-margin-bottom, 1.5rem)
100
+ );
99
101
  }
100
102
 
101
103
  &::after {
package/src/scss/components/_time.scss CHANGED
@@ -16,7 +16,7 @@
16
16
  }
17
17
 
18
18
  .input-group-text {
19
- @include clay-container($clay-time-input-group-text);
19
+ @include clay-css($clay-time-input-group-text);
20
20
  }
21
21
 
22
22
  .clay-time-ampm {
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  .clay-time-edit {
33
- @include clay-container($clay-time-edit);
33
+ @include clay-css($clay-time-edit);
34
34
 
35
35
  &:first-child {
36
36
  margin-left: math-sign(map-get($clay-time-edit, padding-left));
@@ -57,7 +57,7 @@
57
57
  }
58
58
 
59
59
  .clay-time-inner-spin {
60
- @include clay-container($clay-time-inner-spin);
60
+ @include clay-css($clay-time-inner-spin);
61
61
 
62
62
  .btn {
63
63
  @include clay-button-variant($clay-time-inner-spin-btn);
package/src/scss/components/_timelines.scss CHANGED
@@ -69,7 +69,13 @@
69
69
 
70
70
  .panel {
71
71
  .timeline-increment {
72
- margin-left: math-sign($panel-border-left-width);
72
+ margin-left: math-sign(
73
+ if(
74
+ variable-exists(panel-border-left-width),
75
+ $panel-border-left-width,
76
+ 1px
77
+ )
78
+ );
73
79
  }
74
80
  }
75
81
  }