@clayui/css 3.162.0 → 3.164.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 (139) hide show
  1. package/lib/css/atlas.css +541 -258
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +318 -115
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +3117 -2396
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/anonymize.svg +5 -6
  8. package/lib/images/icons/arrows-all.svg +16 -0
  9. package/lib/images/icons/box-squared.svg +10 -0
  10. package/lib/images/icons/chart-area.svg +10 -0
  11. package/lib/images/icons/chart-bar-stacked.svg +9 -0
  12. package/lib/images/icons/chart-bar-x-axis.svg +9 -0
  13. package/lib/images/icons/chart-bar-y-axis.svg +9 -0
  14. package/lib/images/icons/chart-bar.svg +9 -0
  15. package/lib/images/icons/chart-donut.svg +10 -0
  16. package/lib/images/icons/chart-line-down.svg +10 -0
  17. package/lib/images/icons/chart-line-up.svg +10 -0
  18. package/lib/images/icons/chart-line.svg +10 -0
  19. package/lib/images/icons/chart-pie-fill.svg +10 -0
  20. package/lib/images/icons/chart-pie.svg +9 -0
  21. package/lib/images/icons/icons.svg +1 -1
  22. package/lib/images/icons/plant.svg +9 -0
  23. package/lib/images/icons/user-cog.svg +9 -0
  24. package/package.json +1 -1
  25. package/src/images/icons/anonymize.svg +5 -6
  26. package/src/images/icons/arrows-all.svg +16 -0
  27. package/src/images/icons/box-squared.svg +10 -0
  28. package/src/images/icons/chart-area.svg +10 -0
  29. package/src/images/icons/chart-bar-stacked.svg +9 -0
  30. package/src/images/icons/chart-bar-x-axis.svg +9 -0
  31. package/src/images/icons/chart-bar-y-axis.svg +9 -0
  32. package/src/images/icons/chart-bar.svg +9 -0
  33. package/src/images/icons/chart-donut.svg +10 -0
  34. package/src/images/icons/chart-line-down.svg +10 -0
  35. package/src/images/icons/chart-line-up.svg +10 -0
  36. package/src/images/icons/chart-line.svg +10 -0
  37. package/src/images/icons/chart-pie-fill.svg +10 -0
  38. package/src/images/icons/chart-pie.svg +9 -0
  39. package/src/images/icons/icons.svg +1 -1
  40. package/src/images/icons/plant.svg +9 -0
  41. package/src/images/icons/user-cog.svg +9 -0
  42. package/src/scss/_components.scss +0 -1
  43. package/src/scss/_license-text.scss +1 -1
  44. package/src/scss/atlas/variables/_cards.scss +123 -24
  45. package/src/scss/atlas/variables/_custom-forms.scss +0 -5
  46. package/src/scss/atlas/variables/_globals.scss +2 -1
  47. package/src/scss/atlas/variables/_labels.scss +341 -42
  48. package/src/scss/atlas/variables/_tables.scss +2 -2
  49. package/src/scss/atlas-custom-properties/_variables.scss +2 -0
  50. package/src/scss/atlas-custom-properties/variables/_alerts.scss +3 -1
  51. package/src/scss/atlas-custom-properties/variables/_application-bar.scss +6 -3
  52. package/src/scss/atlas-custom-properties/variables/_badges.scss +0 -23
  53. package/src/scss/atlas-custom-properties/variables/_breadcrumbs.scss +4 -1
  54. package/src/scss/atlas-custom-properties/variables/_buttons.scss +1 -0
  55. package/src/scss/atlas-custom-properties/variables/_c-root.scss +413 -219
  56. package/src/scss/atlas-custom-properties/variables/_cards.scss +81 -51
  57. package/src/scss/atlas-custom-properties/variables/_clay-color.scss +2 -2
  58. package/src/scss/atlas-custom-properties/variables/_custom-forms.scss +53 -23
  59. package/src/scss/atlas-custom-properties/variables/_dropdowns.scss +9 -14
  60. package/src/scss/atlas-custom-properties/variables/_forms.scss +34 -8
  61. package/src/scss/atlas-custom-properties/variables/_globals.scss +5 -2
  62. package/src/scss/atlas-custom-properties/variables/_images.scss +3 -1
  63. package/src/scss/atlas-custom-properties/variables/_labels.scss +416 -37
  64. package/src/scss/atlas-custom-properties/variables/_modals.scss +4 -3
  65. package/src/scss/atlas-custom-properties/variables/_multi-step-nav.scss +2 -5
  66. package/src/scss/atlas-custom-properties/variables/_navigation-bar.scss +2 -2
  67. package/src/scss/atlas-custom-properties/variables/_panels.scss +2 -2
  68. package/src/scss/atlas-custom-properties/variables/_popovers.scss +1 -1
  69. package/src/scss/atlas-custom-properties/variables/_range.scss +1 -1
  70. package/src/scss/atlas-custom-properties/variables/_resizer.scss +13 -2
  71. package/src/scss/atlas-custom-properties/variables/_sheets.scss +1 -2
  72. package/src/scss/atlas-custom-properties/variables/_sidebar.scss +13 -5
  73. package/src/scss/atlas-custom-properties/variables/_stickers.scss +2 -2
  74. package/src/scss/atlas-custom-properties/variables/_tables.scss +17 -19
  75. package/src/scss/atlas-custom-properties/variables/_tbar.scss +12 -5
  76. package/src/scss/atlas-custom-properties/variables/_tooltip.scss +1 -1
  77. package/src/scss/cadmin/_variables.scss +2 -0
  78. package/src/scss/cadmin/components/_cards.scss +10 -62
  79. package/src/scss/cadmin/components/_focus-ring.scss +3 -1
  80. package/src/scss/cadmin/components/_icons.scss +97 -0
  81. package/src/scss/cadmin/components/_reboot.scss +6 -2
  82. package/src/scss/cadmin/components/_resizer.scss +10 -0
  83. package/src/scss/cadmin/components/_root.scss +41 -0
  84. package/src/scss/cadmin/variables/_alerts.scss +26 -24
  85. package/src/scss/cadmin/variables/_badges.scss +20 -10
  86. package/src/scss/cadmin/variables/_breadcrumbs.scss +3 -3
  87. package/src/scss/cadmin/variables/_buttons.scss +162 -129
  88. package/src/scss/cadmin/variables/_c-root.scss +426 -0
  89. package/src/scss/cadmin/variables/_cards.scss +153 -30
  90. package/src/scss/cadmin/variables/_clay-color.scss +18 -26
  91. package/src/scss/cadmin/variables/_custom-forms.scss +46 -25
  92. package/src/scss/cadmin/variables/_dropdowns.scss +14 -18
  93. package/src/scss/cadmin/variables/_forms.scss +31 -27
  94. package/src/scss/cadmin/variables/_globals.scss +200 -252
  95. package/src/scss/cadmin/variables/_images.scss +3 -1
  96. package/src/scss/cadmin/variables/_labels.scss +194 -32
  97. package/src/scss/cadmin/variables/_links.scss +21 -13
  98. package/src/scss/cadmin/variables/_list-group.scss +8 -6
  99. package/src/scss/cadmin/variables/_loaders.scss +2 -4
  100. package/src/scss/cadmin/variables/_management-bar.scss +12 -6
  101. package/src/scss/cadmin/variables/_menubar.scss +44 -27
  102. package/src/scss/cadmin/variables/_modals.scss +10 -4
  103. package/src/scss/cadmin/variables/_multi-step-nav.scss +7 -7
  104. package/src/scss/cadmin/variables/_navbar.scss +8 -5
  105. package/src/scss/cadmin/variables/_navigation-bar.scss +2 -2
  106. package/src/scss/cadmin/variables/_pagination.scss +6 -2
  107. package/src/scss/cadmin/variables/_popovers.scss +4 -2
  108. package/src/scss/cadmin/variables/_range.scss +2 -1
  109. package/src/scss/cadmin/variables/_resizer.scss +13 -2
  110. package/src/scss/cadmin/variables/_sidebar.scss +14 -6
  111. package/src/scss/cadmin/variables/_stickers.scss +1 -1
  112. package/src/scss/cadmin/variables/_tables.scss +22 -19
  113. package/src/scss/cadmin/variables/_tbar.scss +28 -14
  114. package/src/scss/cadmin/variables/_tooltip.scss +3 -1
  115. package/src/scss/cadmin/variables/_treeview.scss +2 -2
  116. package/src/scss/cadmin/variables/_utilities.scss +132 -196
  117. package/src/scss/cadmin.scss +2 -0
  118. package/src/scss/components/_focus-ring.scss +3 -1
  119. package/src/scss/components/_icons.scss +117 -6
  120. package/src/scss/components/_resizer.scss +8 -0
  121. package/src/scss/components/_root.scss +36 -3
  122. package/src/scss/functions/_lx-icons-generated.scss +31 -9
  123. package/src/scss/mixins/_cards.scss +19 -1
  124. package/src/scss/mixins/_labels.scss +9 -2
  125. package/src/scss/variables/_cards.scss +22 -1
  126. package/src/scss/variables/_custom-forms.scss +22 -11
  127. package/src/scss/variables/_dropdowns.scss +2 -0
  128. package/src/scss/variables/_globals.scss +1 -0
  129. package/src/scss/variables/_labels.scss +296 -8
  130. package/src/scss/variables/_resizer.scss +13 -2
  131. package/lib/images/icons/arrow-key-down.svg +0 -9
  132. package/lib/images/icons/arrow-key-left.svg +0 -9
  133. package/lib/images/icons/arrow-key-right.svg +0 -9
  134. package/lib/images/icons/arrow-key-up.svg +0 -9
  135. package/src/images/icons/arrow-key-down.svg +0 -9
  136. package/src/images/icons/arrow-key-left.svg +0 -9
  137. package/src/images/icons/arrow-key-right.svg +0 -9
  138. package/src/images/icons/arrow-key-up.svg +0 -9
  139. package/src/scss/components/_keyboard-arrows-indicator.scss +0 -82
package/src/scss/cadmin/variables/_badges.scss CHANGED
@@ -548,37 +548,43 @@ $cadmin-badge-palette: map-deep-merge(
548
548
  dark: $cadmin-badge-dark,
549
549
 
550
550
  '.badge-translucent.badge-primary': (
551
- background-color: rgba($cadmin-primary-d1, 0.04),
551
+ background-color:
552
+ unquote('hsl(from #{$cadmin-primary-d1} h s l / 0.04)'),
552
553
  border-color: transparent,
553
554
  color: $cadmin-primary-d1,
554
555
  ),
555
556
 
556
557
  '.badge-translucent.badge-info, .badge-beta': (
557
- background-color: rgba($cadmin-info-d1, 0.04),
558
+ background-color:
559
+ unquote('hsl(from #{$cadmin-info-d1} h s l / 0.04)'),
558
560
  border-color: transparent,
559
561
  color: $cadmin-info-d1,
560
562
  ),
561
563
 
562
564
  '.badge-translucent.badge-success': (
563
- background-color: rgba($cadmin-success-d1, 0.04),
565
+ background-color:
566
+ unquote('hsl(from #{$cadmin-success-d1} h s l / 0.04)'),
564
567
  border-color: transparent,
565
568
  color: $cadmin-success-d1,
566
569
  ),
567
570
 
568
571
  '.badge-translucent.badge-warning': (
569
- background-color: rgba($cadmin-warning-d1, 0.04),
572
+ background-color:
573
+ unquote('hsl(from #{$cadmin-warning-d1} h s l / 0.04)'),
570
574
  border-color: transparent,
571
575
  color: $cadmin-warning-d1,
572
576
  ),
573
577
 
574
578
  '.badge-translucent.badge-danger': (
575
- background-color: rgba($cadmin-danger-d1, 0.04),
579
+ background-color:
580
+ unquote('hsl(from #{$cadmin-danger-d1} h s l / 0.04)'),
576
581
  border-color: transparent,
577
582
  color: $cadmin-danger-d1,
578
583
  ),
579
584
 
580
585
  '%clay-dark-badge-translucent-primary': (
581
- background-color: rgba($cadmin-primary-l2, 0.04),
586
+ background-color:
587
+ unquote('hsl(from #{$cadmin-primary-l2} h s l / 0.04)'),
582
588
  border-color: transparent,
583
589
  color: $cadmin-primary-l1,
584
590
  ),
@@ -592,7 +598,8 @@ $cadmin-badge-palette: map-deep-merge(
592
598
  ),
593
599
 
594
600
  '%clay-dark-badge-translucent-info': (
595
- background-color: rgba($cadmin-info-l2, 0.04),
601
+ background-color:
602
+ unquote('hsl(from #{$cadmin-info-l2} h s l / 0.04)'),
596
603
  border-color: transparent,
597
604
  color: $cadmin-info-l1,
598
605
  ),
@@ -606,7 +613,8 @@ $cadmin-badge-palette: map-deep-merge(
606
613
  ),
607
614
 
608
615
  '%clay-dark-badge-translucent-success': (
609
- background-color: rgba($cadmin-success-l2, 0.04),
616
+ background-color:
617
+ unquote('hsl(from #{$cadmin-success-l2} h s l / 0.04)'),
610
618
  border-color: transparent,
611
619
  color: $cadmin-success-l1,
612
620
  ),
@@ -620,7 +628,8 @@ $cadmin-badge-palette: map-deep-merge(
620
628
  ),
621
629
 
622
630
  '%clay-dark-badge-translucent-warning': (
623
- background-color: rgba($cadmin-warning-l2, 0.04),
631
+ background-color:
632
+ unquote('hsl(from #{$cadmin-warning-l2} h s l / 0.04)'),
624
633
  border-color: transparent,
625
634
  color: $cadmin-warning-l1,
626
635
  ),
@@ -634,7 +643,8 @@ $cadmin-badge-palette: map-deep-merge(
634
643
  ),
635
644
 
636
645
  '%clay-dark-badge-translucent-danger': (
637
- background-color: rgba($cadmin-danger-l2, 0.04),
646
+ background-color:
647
+ unquote('hsl(from #{$cadmin-danger-l2} h s l / 0.04)'),
638
648
  border-color: transparent,
639
649
  color: $cadmin-danger-l1,
640
650
  ),
package/src/scss/cadmin/variables/_breadcrumbs.scss CHANGED
@@ -32,9 +32,9 @@ $cadmin-breadcrumb-divider-color: $cadmin-gray-600 !default;
32
32
  $cadmin-breadcrumb-divider-font-family: null !default;
33
33
  $cadmin-breadcrumb-divider-font-weight: null !default;
34
34
 
35
- $cadmin-breadcrumb-divider-svg-icon: clay-icon(
36
- angle-right,
37
- $cadmin-breadcrumb-divider-color
35
+ $cadmin-breadcrumb-divider-svg-icon: var(
36
+ --cadmin-breadcrumb-divider-svg-icon,
37
+ clay-icon(angle-right, #6b6c7e)
38
38
  ) !default;
39
39
  $cadmin-breadcrumb-divider-svg-icon-height: 0.6em !default;
40
40
  $cadmin-breadcrumb-divider-svg-icon-width: $cadmin-breadcrumb-divider-svg-icon-height !default;