@clayui/css 3.75.0 → 3.78.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 (66) hide show
  1. package/lib/css/atlas.css +1115 -889
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1147 -878
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +247 -1235
  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/_application-bar.scss +1 -1
  11. package/src/scss/atlas/variables/_buttons.scss +2 -3
  12. package/src/scss/atlas/variables/_dropdowns.scss +6 -2
  13. package/src/scss/atlas/variables/_globals.scss +6 -0
  14. package/src/scss/atlas/variables/_labels.scss +1 -1
  15. package/src/scss/atlas/variables/_links.scss +3 -13
  16. package/src/scss/atlas/variables/_management-bar.scss +1 -1
  17. package/src/scss/atlas/variables/_navigation-bar.scss +5 -5
  18. package/src/scss/atlas/variables/_quick-action.scss +1 -1
  19. package/src/scss/atlas/variables/_tables.scss +2 -2
  20. package/src/scss/cadmin/components/_custom-forms.scss +1 -1
  21. package/src/scss/cadmin/variables/_badges.scss +1 -1
  22. package/src/scss/cadmin/variables/_buttons.scss +2 -4
  23. package/src/scss/cadmin/variables/_cards.scss +1 -1
  24. package/src/scss/cadmin/variables/_date-picker.scss +4 -4
  25. package/src/scss/cadmin/variables/_globals.scss +6 -0
  26. package/src/scss/cadmin/variables/_labels.scss +2 -2
  27. package/src/scss/cadmin/variables/_links.scss +13 -22
  28. package/src/scss/cadmin/variables/_management-bar.scss +530 -1
  29. package/src/scss/cadmin/variables/_multi-step-nav.scss +1 -1
  30. package/src/scss/cadmin/variables/_navigation-bar.scss +251 -7
  31. package/src/scss/cadmin/variables/_quick-action.scss +1 -1
  32. package/src/scss/cadmin/variables/_tables.scss +2 -2
  33. package/src/scss/cadmin/variables/_utilities.scss +4 -4
  34. package/src/scss/components/_custom-forms.scss +1 -1
  35. package/src/scss/components/_links.scss +1 -1
  36. package/src/scss/functions/_global-functions.scss +2 -8
  37. package/src/scss/mixins/_forms.scss +361 -322
  38. package/src/scss/mixins/_grid.scss +74 -67
  39. package/src/scss/mixins/_highlight.scss +91 -69
  40. package/src/scss/mixins/_list-group.scss +216 -192
  41. package/src/scss/mixins/_loaders.scss +142 -134
  42. package/src/scss/mixins/_menubar.scss +300 -296
  43. package/src/scss/mixins/_modals.scss +101 -92
  44. package/src/scss/mixins/_navbar.scss +846 -764
  45. package/src/scss/mixins/_slideout.scss +34 -30
  46. package/src/scss/mixins/_stickers.scss +30 -28
  47. package/src/scss/mixins/_tables.scss +44 -40
  48. package/src/scss/mixins/_tbar.scss +467 -425
  49. package/src/scss/mixins/_utilities.scss +41 -39
  50. package/src/scss/variables/_alerts.scss +30 -7
  51. package/src/scss/variables/_badges.scss +1 -1
  52. package/src/scss/variables/_buttons.scss +2 -3
  53. package/src/scss/variables/_cards.scss +1 -1
  54. package/src/scss/variables/_clay-color.scss +2 -2
  55. package/src/scss/variables/_date-picker.scss +4 -4
  56. package/src/scss/variables/_dropdowns.scss +6 -2
  57. package/src/scss/variables/_forms.scss +232 -44
  58. package/src/scss/variables/_globals.scss +6 -0
  59. package/src/scss/variables/_labels.scss +1 -1
  60. package/src/scss/variables/_links.scss +52 -20
  61. package/src/scss/variables/_multi-step-nav.scss +1 -1
  62. package/src/scss/variables/_navbar.scss +1 -1
  63. package/src/scss/variables/_navs.scss +25 -4
  64. package/src/scss/variables/_tables.scss +6 -1
  65. package/src/scss/variables/_tbar.scss +2 -2
  66. package/src/scss/variables/_time.scss +6 -1
package/src/scss/mixins/_slideout.scss CHANGED
@@ -17,45 +17,49 @@
17
17
  /// tbar-stacked-c-slideout-transition: {Map | Null}, // Pass parameters to `clay-css` mixin
18
18
 
19
19
  @mixin clay-slideout-variant($map) {
20
- @if (setter(map-get($map, enabled), true)) {
21
- @include clay-css($map);
20
+ @if (type-of($map) == 'map') {
21
+ $enabled: setter(map-get($map, enabled), true);
22
22
 
23
- &.c-slideout-shown {
24
- @include clay-css(map-get($map, c-slideout-shown));
25
- }
23
+ @if ($enabled) {
24
+ @include clay-css($map);
26
25
 
27
- &.c-slideout-tbar-shown {
28
- @include clay-css(map-get($map, c-slideout-tbar-shown));
29
- }
26
+ &.c-slideout-shown {
27
+ @include clay-css(map-get($map, c-slideout-shown));
28
+ }
30
29
 
31
- &.c-slideout-tbar-shown .sidebar {
32
- @include clay-css(map-get($map, c-slideout-tbar-shown-sidebar));
33
- }
30
+ &.c-slideout-tbar-shown {
31
+ @include clay-css(map-get($map, c-slideout-tbar-shown));
32
+ }
34
33
 
35
- .sidebar {
36
- @include clay-css(map-get($map, sidebar));
37
- }
34
+ &.c-slideout-tbar-shown .sidebar {
35
+ @include clay-css(map-get($map, c-slideout-tbar-shown-sidebar));
36
+ }
38
37
 
39
- .sidebar.c-slideout-show {
40
- @include clay-css(map-get($map, sidebar-c-slideout-show));
41
- }
38
+ .sidebar {
39
+ @include clay-css(map-get($map, sidebar));
40
+ }
42
41
 
43
- .sidebar.c-slideout-transition {
44
- @include clay-css(map-get($map, sidebar-c-slideout-transition));
45
- }
42
+ .sidebar.c-slideout-show {
43
+ @include clay-css(map-get($map, sidebar-c-slideout-show));
44
+ }
46
45
 
47
- .tbar-stacked {
48
- @include clay-css(map-get($map, tbar-stacked));
49
- }
46
+ .sidebar.c-slideout-transition {
47
+ @include clay-css(map-get($map, sidebar-c-slideout-transition));
48
+ }
50
49
 
51
- .tbar-stacked.c-slideout-show {
52
- @include clay-css(map-get($map, tbar-stacked-c-slideout-show));
53
- }
50
+ .tbar-stacked {
51
+ @include clay-css(map-get($map, tbar-stacked));
52
+ }
53
+
54
+ .tbar-stacked.c-slideout-show {
55
+ @include clay-css(map-get($map, tbar-stacked-c-slideout-show));
56
+ }
54
57
 
55
- .tbar-stacked.c-slideout-transition {
56
- @include clay-css(
57
- map-get($map, tbar-stacked-c-slideout-transition)
58
- );
58
+ .tbar-stacked.c-slideout-transition {
59
+ @include clay-css(
60
+ map-get($map, tbar-stacked-c-slideout-transition)
61
+ );
62
+ }
59
63
  }
60
64
  }
61
65
  }
package/src/scss/mixins/_stickers.scss CHANGED
@@ -15,41 +15,43 @@
15
15
  /// - Add @link to documentation
16
16
 
17
17
  @mixin clay-sticker-size($map) {
18
- $font-size: map-get($map, font-size);
19
- $inline-item-font-size: map-get($map, inline-item-font-size);
20
- $outside-offset: setter(
21
- map-get($map, outside-offset),
22
- math-sign(map-get($map, size) * 0.5)
23
- );
24
- $size: map-get($map, size);
18
+ @if (type-of($map) == 'map') {
19
+ $font-size: map-get($map, font-size);
20
+ $inline-item-font-size: map-get($map, inline-item-font-size);
21
+ $outside-offset: setter(
22
+ map-get($map, outside-offset),
23
+ math-sign(map-get($map, size) * 0.5)
24
+ );
25
+ $size: map-get($map, size);
25
26
 
26
- font-size: $font-size;
27
+ font-size: $font-size;
27
28
 
28
- @include clay-monospace($size);
29
+ @include clay-monospace($size);
29
30
 
30
- > .inline-item {
31
- font-size: $inline-item-font-size;
32
- }
31
+ > .inline-item {
32
+ font-size: $inline-item-font-size;
33
+ }
33
34
 
34
- &.sticker-outside {
35
- left: $outside-offset;
36
- top: $outside-offset;
35
+ &.sticker-outside {
36
+ left: $outside-offset;
37
+ top: $outside-offset;
37
38
 
38
- &.sticker-bottom-left {
39
- bottom: $outside-offset;
40
- top: auto;
41
- }
39
+ &.sticker-bottom-left {
40
+ bottom: $outside-offset;
41
+ top: auto;
42
+ }
42
43
 
43
- &.sticker-bottom-right {
44
- bottom: $outside-offset;
45
- left: auto;
46
- right: $outside-offset;
47
- top: auto;
48
- }
44
+ &.sticker-bottom-right {
45
+ bottom: $outside-offset;
46
+ left: auto;
47
+ right: $outside-offset;
48
+ top: auto;
49
+ }
49
50
 
50
- &.sticker-top-right {
51
- left: auto;
52
- right: $outside-offset;
51
+ &.sticker-top-right {
52
+ left: auto;
53
+ right: $outside-offset;
54
+ }
53
55
  }
54
56
  }
55
57
  }
package/src/scss/mixins/_tables.scss CHANGED
@@ -390,46 +390,48 @@
390
390
  /// c-droppable-after: {Map | Null}, // See Mixin `clay-css` for available keys. This is an extra pseudo element if you need.
391
391
 
392
392
  @mixin clay-table-drag-variant($map) {
393
- $cell: setter(map-get($map, cell), ());
394
-
395
- $c-drag: setter(map-get($map, c-drag), ());
396
-
397
- $c-dragging-before: setter(map-get($map, c-dragging-before), ());
393
+ @if (type-of($map) == 'map') {
394
+ $cell: setter(map-get($map, cell), ());
398
395
 
399
- $c-dragging-after: setter(map-get($map, c-dragging-after), ());
396
+ $c-drag: setter(map-get($map, c-drag), ());
400
397
 
401
- $c-droppable-before: setter(map-get($map, c-droppable-before), ());
398
+ $c-dragging-before: setter(map-get($map, c-dragging-before), ());
402
399
 
403
- $c-droppable-after: setter(map-get($map, c-droppable-after), ());
400
+ $c-dragging-after: setter(map-get($map, c-dragging-after), ());
404
401
 
405
- @include clay-css($map);
402
+ $c-droppable-before: setter(map-get($map, c-droppable-before), ());
406
403
 
407
- th,
408
- td {
409
- @include clay-css($cell);
410
- }
404
+ $c-droppable-after: setter(map-get($map, c-droppable-after), ());
411
405
 
412
- .c-drag {
413
- @include clay-css($c-drag);
414
- }
406
+ @include clay-css($map);
415
407
 
416
- .c-dragging {
417
- &::before {
418
- @include clay-css($c-dragging-before);
408
+ th,
409
+ td {
410
+ @include clay-css($cell);
419
411
  }
420
412
 
421
- &::after {
422
- @include clay-css($c-dragging-after);
413
+ .c-drag {
414
+ @include clay-css($c-drag);
423
415
  }
424
- }
425
416
 
426
- .c-droppable {
427
- &::before {
428
- @include clay-css($c-droppable-before);
417
+ .c-dragging {
418
+ &::before {
419
+ @include clay-css($c-dragging-before);
420
+ }
421
+
422
+ &::after {
423
+ @include clay-css($c-dragging-after);
424
+ }
429
425
  }
430
426
 
431
- &::after {
432
- @include clay-css($c-droppable-after);
427
+ .c-droppable {
428
+ &::before {
429
+ @include clay-css($c-droppable-before);
430
+ }
431
+
432
+ &::after {
433
+ @include clay-css($c-droppable-after);
434
+ }
433
435
  }
434
436
  }
435
437
  }
@@ -443,24 +445,26 @@
443
445
  /// cell: {Map | Null}, // See Mixin `clay-css` for available keys. This styles the table cell (th and td) in the `table-clone` variant.
444
446
 
445
447
  @mixin clay-table-clone-variant($map) {
446
- $before: setter(map-get($map, before), ());
448
+ @if (type-of($map) == 'map') {
449
+ $before: setter(map-get($map, before), ());
447
450
 
448
- $after: setter(map-get($map, after), ());
451
+ $after: setter(map-get($map, after), ());
449
452
 
450
- $cell: setter(map-get($map, cell), ());
453
+ $cell: setter(map-get($map, cell), ());
451
454
 
452
- @include clay-css($map);
455
+ @include clay-css($map);
453
456
 
454
- &::before {
455
- @include clay-css($before);
456
- }
457
+ &::before {
458
+ @include clay-css($before);
459
+ }
457
460
 
458
- &::after {
459
- @include clay-css($after);
460
- }
461
+ &::after {
462
+ @include clay-css($after);
463
+ }
461
464
 
462
- thead th,
463
- tbody td {
464
- @include clay-css($cell);
465
+ thead th,
466
+ tbody td {
467
+ @include clay-css($cell);
468
+ }
465
469
  }
466
470
  }