@clayui/css 3.64.0 → 3.68.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 (79) hide show
  1. package/lib/css/atlas.css +67 -134
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +50 -115
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +109 -74
  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 -0
  11. package/src/scss/atlas/variables/_dropdowns.scss +2 -2
  12. package/src/scss/atlas/variables/_forms.scss +6 -2
  13. package/src/scss/atlas/variables/_globals.scss +1 -1
  14. package/src/scss/cadmin/components/_alerts.scss +26 -6
  15. package/src/scss/cadmin/components/_aspect-ratio.scss +29 -14
  16. package/src/scss/cadmin/components/_badges.scss +26 -6
  17. package/src/scss/cadmin/components/_buttons.scss +129 -63
  18. package/src/scss/cadmin/components/_dropdowns.scss +22 -14
  19. package/src/scss/cadmin/components/_labels.scss +52 -12
  20. package/src/scss/cadmin/components/_popovers.scss +12 -4
  21. package/src/scss/cadmin/components/_print.scss +3 -3
  22. package/src/scss/cadmin/components/_reboot.scss +3 -3
  23. package/src/scss/cadmin/components/_stickers.scss +52 -12
  24. package/src/scss/cadmin/components/_utilities-functional-important.scss +49 -62
  25. package/src/scss/cadmin/components/_utilities.scss +7 -6
  26. package/src/scss/cadmin/variables/_alerts.scss +2 -0
  27. package/src/scss/cadmin/variables/_buttons.scss +23 -0
  28. package/src/scss/cadmin/variables/_dropdowns.scss +10 -10
  29. package/src/scss/cadmin/variables/_forms.scss +7 -3
  30. package/src/scss/cadmin/variables/_globals.scss +1 -1
  31. package/src/scss/cadmin/variables/_modals.scss +3 -2
  32. package/src/scss/cadmin/variables/_popovers.scss +3 -2
  33. package/src/scss/cadmin/variables/_utilities.scss +309 -0
  34. package/src/scss/components/_alerts.scss +53 -85
  35. package/src/scss/components/_aspect-ratio.scss +29 -14
  36. package/src/scss/components/_badges.scss +25 -5
  37. package/src/scss/components/_buttons.scss +100 -72
  38. package/src/scss/components/_custom-forms.scss +4 -12
  39. package/src/scss/components/_date-picker.scss +6 -23
  40. package/src/scss/components/_dropdowns.scss +30 -35
  41. package/src/scss/components/_forms.scss +16 -53
  42. package/src/scss/components/_icons.scss +4 -4
  43. package/src/scss/components/_labels.scss +56 -20
  44. package/src/scss/components/_list-group.scss +4 -9
  45. package/src/scss/components/_modals.scss +2 -6
  46. package/src/scss/components/_popovers.scss +12 -4
  47. package/src/scss/components/_print.scss +3 -3
  48. package/src/scss/components/_progress-bars.scss +2 -6
  49. package/src/scss/components/_reboot.scss +3 -3
  50. package/src/scss/components/_sidebar.scss +3 -1
  51. package/src/scss/components/_stickers.scss +53 -25
  52. package/src/scss/components/_type.scss +3 -3
  53. package/src/scss/components/_utilities-functional-important.scss +40 -18
  54. package/src/scss/components/_utilities.scss +7 -6
  55. package/src/scss/functions/_global-functions.scss +9 -9
  56. package/src/scss/functions/_type-conversion-functions.scss +6 -6
  57. package/src/scss/mixins/_alerts.scss +10 -24
  58. package/src/scss/mixins/_aspect-ratio.scss +51 -49
  59. package/src/scss/mixins/_badges.scss +140 -140
  60. package/src/scss/mixins/_buttons.scss +2 -6
  61. package/src/scss/mixins/_cards.scss +4 -10
  62. package/src/scss/mixins/_dropdown-menu.scss +19 -31
  63. package/src/scss/mixins/_globals.scss +2 -0
  64. package/src/scss/mixins/_grid.scss +59 -51
  65. package/src/scss/mixins/_labels.scss +228 -212
  66. package/src/scss/mixins/_menubar.scss +15 -46
  67. package/src/scss/mixins/_navbar.scss +41 -43
  68. package/src/scss/mixins/_pagination.scss +35 -71
  69. package/src/scss/mixins/_sheet.scss +2 -6
  70. package/src/scss/mixins/_stickers.scss +10 -19
  71. package/src/scss/mixins/_tbar.scss +10 -30
  72. package/src/scss/mixins/_utilities.scss +7 -7
  73. package/src/scss/variables/_alerts.scss +3 -0
  74. package/src/scss/variables/_dropdowns.scss +4 -4
  75. package/src/scss/variables/_forms.scss +3 -1
  76. package/src/scss/variables/_globals.scss +1 -1
  77. package/src/scss/variables/_modals.scss +3 -2
  78. package/src/scss/variables/_popovers.scss +3 -1
  79. package/src/scss/variables/_utilities.scss +22 -0
package/src/scss/mixins/_dropdown-menu.scss CHANGED
@@ -88,15 +88,15 @@
88
88
  }
89
89
 
90
90
  &::before {
91
- @include clay-css(setter(map-get($map, before), ()));
91
+ @include clay-css(map-get($map, before));
92
92
  }
93
93
 
94
94
  &::after {
95
- @include clay-css(setter(map-get($map, after), ()));
95
+ @include clay-css(map-get($map, after));
96
96
  }
97
97
 
98
98
  &.show {
99
- @include clay-css(setter(map-get($map, show), ()));
99
+ @include clay-css(map-get($map, show));
100
100
  }
101
101
 
102
102
  .dropdown-item {
@@ -451,10 +451,6 @@
451
451
  )
452
452
  );
453
453
 
454
- $autofit-row: setter(map-get($map, autofit-row), ());
455
-
456
- $c-kbd-inline: setter(map-get($map, c-kbd-inline), ());
457
-
458
454
  $c-inner: setter(map-get($map, c-inner), ());
459
455
  $c-inner: map-merge(
460
456
  (
@@ -485,11 +481,11 @@
485
481
  @include clay-css($hover);
486
482
 
487
483
  &::before {
488
- @include clay-css(setter(map-get($hover, before), ()));
484
+ @include clay-css(map-get($hover, before));
489
485
  }
490
486
 
491
487
  &::after {
492
- @include clay-css(setter(map-get($hover, after), ()));
488
+ @include clay-css(map-get($hover, after));
493
489
  }
494
490
 
495
491
  .c-kbd-inline {
@@ -501,11 +497,11 @@
501
497
  @include clay-css($focus);
502
498
 
503
499
  &::before {
504
- @include clay-css(setter(map-get($focus, before), ()));
500
+ @include clay-css(map-get($focus, before));
505
501
  }
506
502
 
507
503
  &::after {
508
- @include clay-css(setter(map-get($focus, after), ()));
504
+ @include clay-css(map-get($focus, after));
509
505
  }
510
506
 
511
507
  .c-kbd-inline {
@@ -517,11 +513,11 @@
517
513
  @include clay-css($active);
518
514
 
519
515
  &::before {
520
- @include clay-css(setter(map-get($active, before), ()));
516
+ @include clay-css(map-get($active, before));
521
517
  }
522
518
 
523
519
  &::after {
524
- @include clay-css(setter(map-get($active, after), ()));
520
+ @include clay-css(map-get($active, after));
525
521
  }
526
522
 
527
523
  label {
@@ -546,15 +542,11 @@
546
542
  @include clay-css($active-class);
547
543
 
548
544
  &::before {
549
- @include clay-css(
550
- setter(map-get($active-class, before), ())
551
- );
545
+ @include clay-css(map-get($active-class, before));
552
546
  }
553
547
 
554
548
  &::after {
555
- @include clay-css(
556
- setter(map-get($active-class, after), ())
557
- );
549
+ @include clay-css(map-get($active-class, after));
558
550
  }
559
551
 
560
552
  label {
@@ -590,11 +582,11 @@
590
582
  @include clay-css($disabled);
591
583
 
592
584
  &::before {
593
- @include clay-css(setter(map-get($disabled, before), ()));
585
+ @include clay-css(map-get($disabled, before));
594
586
  }
595
587
 
596
588
  &::after {
597
- @include clay-css(setter(map-get($disabled, after), ()));
589
+ @include clay-css(map-get($disabled, after));
598
590
  }
599
591
 
600
592
  label,
@@ -610,25 +602,21 @@
610
602
  @include clay-css($disabled-active);
611
603
 
612
604
  &::before {
613
- @include clay-css(
614
- setter(map-get($disabled-active, before), ())
615
- );
605
+ @include clay-css(map-get($disabled-active, before));
616
606
  }
617
607
 
618
608
  &::after {
619
- @include clay-css(
620
- setter(map-get($disabled-active, after), ())
621
- );
609
+ @include clay-css(map-get($disabled-active, after));
622
610
  }
623
611
  }
624
612
  }
625
613
 
626
614
  &::before {
627
- @include clay-css(setter(map-get($map, before), ()));
615
+ @include clay-css(map-get($map, before));
628
616
  }
629
617
 
630
618
  &::after {
631
- @include clay-css(setter(map-get($map, after), ()));
619
+ @include clay-css(map-get($map, after));
632
620
  }
633
621
 
634
622
  @if (map-get($c-inner, enabled)) {
@@ -654,7 +642,7 @@
654
642
  }
655
643
 
656
644
  .autofit-row {
657
- @include clay-css($autofit-row);
645
+ @include clay-css(map-get($map, autofit-row));
658
646
 
659
647
  > .autofit-col {
660
648
  @include clay-css(
@@ -670,7 +658,7 @@
670
658
  }
671
659
 
672
660
  .c-kbd-inline {
673
- @include clay-css($c-kbd-inline);
661
+ @include clay-css(map-get($map, c-kbd-inline));
674
662
  }
675
663
 
676
664
  .form-check-label {
package/src/scss/mixins/_globals.scss CHANGED
@@ -274,6 +274,8 @@
274
274
  transition: none;
275
275
  }
276
276
  }
277
+ } @else if ($key == 'extend') {
278
+ @extend #{$value} !optional;
277
279
  } @else if ($key == 'user-select') {
278
280
  -ms-user-select: $value;
279
281
  -moz-user-select: $value;
package/src/scss/mixins/_grid.scss CHANGED
@@ -42,60 +42,68 @@
42
42
  /// - Add @link to documentation
43
43
 
44
44
  @mixin clay-container($map) {
45
- $enabled: setter(map-get($map, enabled), true);
46
- $breakpoint-up: map-get($map, breakpoint-up);
47
- $breakpoint-down: setter(clay-breakpoint-prev($breakpoint-up), null);
48
-
49
- $base: map-merge(
50
- $map,
51
- (
52
- background-color:
53
- setter(map-get($map, bg), map-get($map, background-color)),
54
- background-image:
55
- setter(map-get($map, bg-image), map-get($map, background-image)),
56
- background-position:
57
- setter(
58
- map-get($map, bg-position),
59
- map-get($map, background-position)
60
- ),
61
- background-size:
62
- setter(map-get($map, bg-size), map-get($map, background-size)),
63
- )
64
- );
45
+ @if (type-of($map) == 'map') {
46
+ $enabled: setter(map-get($map, enabled), true);
47
+ $breakpoint-up: map-get($map, breakpoint-up);
48
+ $breakpoint-down: setter(clay-breakpoint-prev($breakpoint-up), null);
49
+
50
+ $base: map-merge(
51
+ $map,
52
+ (
53
+ background-color:
54
+ setter(map-get($map, bg), map-get($map, background-color)),
55
+ background-image:
56
+ setter(
57
+ map-get($map, bg-image),
58
+ map-get($map, background-image)
59
+ ),
60
+ background-position:
61
+ setter(
62
+ map-get($map, bg-position),
63
+ map-get($map, background-position)
64
+ ),
65
+ background-size:
66
+ setter(
67
+ map-get($map, bg-size),
68
+ map-get($map, background-size)
69
+ ),
70
+ )
71
+ );
65
72
 
66
- $mobile: setter(map-get($map, mobile), ());
67
- $mobile: map-merge(
68
- $mobile,
69
- (
70
- padding-bottom:
71
- setter(
72
- map-get($map, padding-bottom-mobile),
73
- map-get($mobile, padding-bottom)
74
- ),
75
- padding-left:
76
- setter(
77
- map-get($map, padding-left-mobile),
78
- map-get($mobile, padding-left)
79
- ),
80
- padding-right:
81
- setter(
82
- map-get($map, padding-right-mobile),
83
- map-get($mobile, padding-right)
84
- ),
85
- padding-top:
86
- setter(
87
- map-get($map, padding-top-mobile),
88
- map-get($mobile, padding-top)
89
- ),
90
- )
91
- );
73
+ $mobile: setter(map-get($map, mobile), ());
74
+ $mobile: map-merge(
75
+ $mobile,
76
+ (
77
+ padding-bottom:
78
+ setter(
79
+ map-get($map, padding-bottom-mobile),
80
+ map-get($mobile, padding-bottom)
81
+ ),
82
+ padding-left:
83
+ setter(
84
+ map-get($map, padding-left-mobile),
85
+ map-get($mobile, padding-left)
86
+ ),
87
+ padding-right:
88
+ setter(
89
+ map-get($map, padding-right-mobile),
90
+ map-get($mobile, padding-right)
91
+ ),
92
+ padding-top:
93
+ setter(
94
+ map-get($map, padding-top-mobile),
95
+ map-get($mobile, padding-top)
96
+ ),
97
+ )
98
+ );
92
99
 
93
- @if ($enabled) {
94
- @include clay-css($base);
100
+ @if ($enabled) {
101
+ @include clay-css($base);
95
102
 
96
- @if ($breakpoint-down) {
97
- @include media-breakpoint-down($breakpoint-down) {
98
- @include clay-css($mobile);
103
+ @if ($breakpoint-down) {
104
+ @include media-breakpoint-down($breakpoint-down) {
105
+ @include clay-css($mobile);
106
+ }
99
107
  }
100
108
  }
101
109
  }