@clayui/css 3.41.0 → 3.42.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 (51) hide show
  1. package/lib/css/atlas.css +713 -992
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +625 -904
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +634 -807
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/filter.svg +1 -1
  9. package/lib/images/icons/icons.svg +1 -1
  10. package/package.json +2 -2
  11. package/src/images/icons/filter.svg +1 -1
  12. package/src/scss/_mixins.scss +2 -0
  13. package/src/scss/atlas/variables/_application-bar.scss +32 -12
  14. package/src/scss/atlas/variables/_management-bar.scss +53 -21
  15. package/src/scss/atlas/variables/_navigation-bar.scss +104 -18
  16. package/src/scss/atlas/variables/_pagination.scss +2 -0
  17. package/src/scss/atlas/variables/_sidebar.scss +1 -1
  18. package/src/scss/cadmin/components/_pagination.scss +20 -236
  19. package/src/scss/cadmin/components/_popovers.scss +31 -252
  20. package/src/scss/cadmin/components/_tooltip.scss +29 -167
  21. package/src/scss/cadmin/variables/_management-bar.scss +70 -30
  22. package/src/scss/cadmin/variables/_navigation-bar.scss +118 -22
  23. package/src/scss/cadmin/variables/_pagination.scss +274 -68
  24. package/src/scss/cadmin/variables/_popovers.scss +410 -0
  25. package/src/scss/cadmin/variables/_sidebar.scss +17 -5
  26. package/src/scss/cadmin/variables/_tooltip.scss +299 -0
  27. package/src/scss/components/_button-groups.scss +6 -6
  28. package/src/scss/components/_multi-step-nav.scss +12 -8
  29. package/src/scss/components/_pagination.scss +18 -234
  30. package/src/scss/components/_popovers.scss +30 -237
  31. package/src/scss/components/_toggle-switch.scss +2 -2
  32. package/src/scss/components/_tooltip.scss +29 -164
  33. package/src/scss/functions/_lx-icons-generated.scss +1 -1
  34. package/src/scss/mixins/_buttons.scss +674 -472
  35. package/src/scss/mixins/_close.scss +0 -1
  36. package/src/scss/mixins/_custom-forms.scss +46 -34
  37. package/src/scss/mixins/_dropdown-menu.scss +54 -49
  38. package/src/scss/mixins/_forms.scss +267 -248
  39. package/src/scss/mixins/_links.scss +522 -476
  40. package/src/scss/mixins/_navbar.scss +759 -140
  41. package/src/scss/mixins/_pagination.scss +422 -0
  42. package/src/scss/mixins/_popovers.scss +90 -0
  43. package/src/scss/mixins/_toggle-switch.scss +64 -0
  44. package/src/scss/mixins/_tooltip.scss +70 -0
  45. package/src/scss/variables/_application-bar.scss +18 -6
  46. package/src/scss/variables/_management-bar.scss +45 -12
  47. package/src/scss/variables/_navigation-bar.scss +95 -14
  48. package/src/scss/variables/_pagination.scss +261 -61
  49. package/src/scss/variables/_popovers.scss +392 -0
  50. package/src/scss/variables/_sidebar.scss +17 -5
  51. package/src/scss/variables/_tooltip.scss +299 -0
package/src/scss/mixins/_close.scss CHANGED
@@ -344,7 +344,6 @@
344
344
  @include clay-css($active);
345
345
  }
346
346
 
347
- .show > &,
348
347
  &.active {
349
348
  @include clay-css($active-class);
350
349
  }
package/src/scss/mixins/_custom-forms.scss CHANGED
@@ -616,53 +616,65 @@
616
616
  /// );
617
617
 
618
618
  @mixin clay-custom-control-variant($map) {
619
- $enabled: setter(map-get($map, enabled), true);
620
-
621
- @include clay-css(setter($map, ()));
619
+ @if (type-of($map) == 'map') {
620
+ $enabled: setter(map-get($map, enabled), true);
622
621
 
623
- @if ($enabled) {
624
- label {
625
- @include clay-css(setter(map-deep-get($map, label), ()));
626
- }
622
+ @include clay-css(setter($map, ()));
627
623
 
628
- .custom-control-label {
629
- @include clay-css(
630
- setter(map-deep-get($map, custom-control-label), ())
631
- );
624
+ @if ($enabled) {
625
+ label {
626
+ @include clay-css(setter(map-deep-get($map, label), ()));
627
+ }
632
628
 
633
- &::before {
629
+ .custom-control-label {
634
630
  @include clay-css(
635
- setter(map-deep-get($map, custom-control-label, before), ())
631
+ setter(map-deep-get($map, custom-control-label), ())
636
632
  );
633
+
634
+ &::before {
635
+ @include clay-css(
636
+ setter(
637
+ map-deep-get($map, custom-control-label, before),
638
+ ()
639
+ )
640
+ );
641
+ }
642
+
643
+ &::after {
644
+ @include clay-css(
645
+ setter(
646
+ map-deep-get($map, custom-control-label, after),
647
+ ()
648
+ )
649
+ );
650
+ }
637
651
  }
638
652
 
639
- &::after {
653
+ .custom-control-label-text {
640
654
  @include clay-css(
641
- setter(map-deep-get($map, custom-control-label, after), ())
655
+ setter(map-deep-get($map, custom-control-label-text), ())
642
656
  );
643
- }
644
- }
645
657
 
646
- .custom-control-label-text {
647
- @include clay-css(
648
- setter(map-deep-get($map, custom-control-label-text), ())
649
- );
658
+ small,
659
+ .small {
660
+ @include clay-css(
661
+ setter(
662
+ map-deep-get(
663
+ $map,
664
+ custom-control-label-text,
665
+ small
666
+ ),
667
+ ()
668
+ )
669
+ );
670
+ }
671
+ }
650
672
 
651
- small,
652
- .small {
653
- @include clay-css(
654
- setter(
655
- map-deep-get($map, custom-control-label-text, small),
656
- ()
657
- )
673
+ .custom-control-input {
674
+ @include clay-custom-control-input-variant(
675
+ setter(map-deep-get($map, custom-control-input), ())
658
676
  );
659
677
  }
660
678
  }
661
-
662
- .custom-control-input {
663
- @include clay-custom-control-input-variant(
664
- setter(map-deep-get($map, custom-control-input), ())
665
- );
666
- }
667
679
  }
668
680
  }
package/src/scss/mixins/_dropdown-menu.scss CHANGED
@@ -29,61 +29,66 @@
29
29
  /// max-width-mobile: {Number | String | Null}, // deprecated after 3.9.0
30
30
 
31
31
  @mixin clay-dropdown-menu-variant($map) {
32
- $enabled: setter(map-get($map, enabled), true);
33
-
34
- $breakpoint-down: map-get($map, breakpoint-down);
35
-
36
- $base: map-merge(
37
- $map,
38
- (
39
- background-color:
40
- setter(map-get($map, bg), map-get($map, background-color)),
41
- background-clip:
42
- setter(map-get($map, bg-clip), map-get($map, background-clip)),
43
- )
44
- );
45
-
46
- $mobile: setter(map-get($map, mobile), ());
47
- $mobile: map-merge(
48
- $mobile,
49
- (
50
- font-size:
51
- setter(
52
- map-get($map, font-size-mobile),
53
- map-get($mobile, font-size)
54
- ),
55
- max-height:
56
- setter(
57
- map-get($map, max-height-mobile),
58
- map-get($mobile, max-height)
59
- ),
60
- max-width:
61
- setter(
62
- map-get($map, max-width-mobile),
63
- map-get($mobile, max-width)
64
- ),
65
- )
66
- );
32
+ @if (type-of($map) == 'map') {
33
+ $enabled: setter(map-get($map, enabled), true);
34
+
35
+ $breakpoint-down: map-get($map, breakpoint-down);
36
+
37
+ $base: map-merge(
38
+ $map,
39
+ (
40
+ background-color:
41
+ setter(map-get($map, bg), map-get($map, background-color)),
42
+ background-clip:
43
+ setter(
44
+ map-get($map, bg-clip),
45
+ map-get($map, background-clip)
46
+ ),
47
+ )
48
+ );
49
+
50
+ $mobile: setter(map-get($map, mobile), ());
51
+ $mobile: map-merge(
52
+ $mobile,
53
+ (
54
+ font-size:
55
+ setter(
56
+ map-get($map, font-size-mobile),
57
+ map-get($mobile, font-size)
58
+ ),
59
+ max-height:
60
+ setter(
61
+ map-get($map, max-height-mobile),
62
+ map-get($mobile, max-height)
63
+ ),
64
+ max-width:
65
+ setter(
66
+ map-get($map, max-width-mobile),
67
+ map-get($mobile, max-width)
68
+ ),
69
+ )
70
+ );
67
71
 
68
- @if ($enabled) {
69
- @include clay-css($base);
72
+ @if ($enabled) {
73
+ @include clay-css($base);
70
74
 
71
- @if ($breakpoint-down) {
72
- @include media-breakpoint-down($breakpoint-down) {
73
- @include clay-css($mobile);
75
+ @if ($breakpoint-down) {
76
+ @include media-breakpoint-down($breakpoint-down) {
77
+ @include clay-css($mobile);
78
+ }
74
79
  }
75
- }
76
80
 
77
- &::before {
78
- @include clay-css(setter(map-get($map, before), ()));
79
- }
81
+ &::before {
82
+ @include clay-css(setter(map-get($map, before), ()));
83
+ }
80
84
 
81
- &::after {
82
- @include clay-css(setter(map-get($map, after), ()));
83
- }
85
+ &::after {
86
+ @include clay-css(setter(map-get($map, after), ()));
87
+ }
84
88
 
85
- &.show {
86
- @include clay-css(setter(map-get($map, show), ()));
89
+ &.show {
90
+ @include clay-css(setter(map-get($map, show), ()));
91
+ }
87
92
  }
88
93
  }
89
94
  }