@clayui/css 3.161.0 → 3.163.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 (97) hide show
  1. package/lib/css/atlas.css +136 -6
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +134 -5
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +74 -7
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/arrow-key-down.svg +9 -0
  8. package/lib/images/icons/arrow-key-left.svg +9 -0
  9. package/lib/images/icons/arrow-key-right.svg +9 -0
  10. package/lib/images/icons/arrow-key-up.svg +9 -0
  11. package/lib/images/icons/icons.svg +1 -1
  12. package/package.json +1 -1
  13. package/src/images/icons/arrow-key-down.svg +9 -0
  14. package/src/images/icons/arrow-key-left.svg +9 -0
  15. package/src/images/icons/arrow-key-right.svg +9 -0
  16. package/src/images/icons/arrow-key-up.svg +9 -0
  17. package/src/images/icons/icons.svg +1 -1
  18. package/src/scss/_components.scss +2 -0
  19. package/src/scss/_license-text.scss +1 -1
  20. package/src/scss/atlas/variables/_forms.scss +3 -1
  21. package/src/scss/atlas/variables/_reorder.scss +1 -1
  22. package/src/scss/atlas-custom-properties/_variables.scss +0 -2
  23. package/src/scss/atlas-custom-properties/variables/_alerts.scss +928 -935
  24. package/src/scss/atlas-custom-properties/variables/_application-bar.scss +54 -56
  25. package/src/scss/atlas-custom-properties/variables/_aspect-ratio.scss +25 -27
  26. package/src/scss/atlas-custom-properties/variables/_badges.scss +298 -309
  27. package/src/scss/atlas-custom-properties/variables/_breadcrumbs.scss +175 -187
  28. package/src/scss/atlas-custom-properties/variables/_buttons.scss +1164 -1220
  29. package/src/scss/atlas-custom-properties/variables/_c-root.scss +343 -353
  30. package/src/scss/atlas-custom-properties/variables/_cards.scss +1009 -1014
  31. package/src/scss/atlas-custom-properties/variables/_clay-color.scss +560 -590
  32. package/src/scss/atlas-custom-properties/variables/_custom-forms.scss +766 -797
  33. package/src/scss/atlas-custom-properties/variables/_date-picker.scss +532 -614
  34. package/src/scss/atlas-custom-properties/variables/_drilldown.scss +244 -252
  35. package/src/scss/atlas-custom-properties/variables/_dropdowns.scss +1052 -1073
  36. package/src/scss/atlas-custom-properties/variables/_dual-listbox.scss +65 -68
  37. package/src/scss/atlas-custom-properties/variables/_empty-state.scss +90 -92
  38. package/src/scss/atlas-custom-properties/variables/_forms.scss +1918 -1955
  39. package/src/scss/atlas-custom-properties/variables/_globals-z-index.scss +27 -29
  40. package/src/scss/atlas-custom-properties/variables/_globals.scss +799 -801
  41. package/src/scss/atlas-custom-properties/variables/_icons.scss +71 -73
  42. package/src/scss/atlas-custom-properties/variables/_images.scss +8 -13
  43. package/src/scss/atlas-custom-properties/variables/_labels.scss +1091 -1202
  44. package/src/scss/atlas-custom-properties/variables/_links.scss +394 -410
  45. package/src/scss/atlas-custom-properties/variables/_list-group.scss +455 -460
  46. package/src/scss/atlas-custom-properties/variables/_loaders.scss +187 -204
  47. package/src/scss/atlas-custom-properties/variables/_management-bar.scss +135 -137
  48. package/src/scss/atlas-custom-properties/variables/_menubar.scss +605 -663
  49. package/src/scss/atlas-custom-properties/variables/_modals.scss +582 -587
  50. package/src/scss/atlas-custom-properties/variables/_multi-step-nav.scss +342 -312
  51. package/src/scss/atlas-custom-properties/variables/_navbar.scss +170 -172
  52. package/src/scss/atlas-custom-properties/variables/_navigation-bar.scss +337 -361
  53. package/src/scss/atlas-custom-properties/variables/_navs.scss +501 -495
  54. package/src/scss/atlas-custom-properties/variables/_pagination.scss +851 -888
  55. package/src/scss/atlas-custom-properties/variables/_panels.scss +467 -480
  56. package/src/scss/atlas-custom-properties/variables/_popovers.scss +483 -515
  57. package/src/scss/atlas-custom-properties/variables/_progress-bars.scss +146 -139
  58. package/src/scss/atlas-custom-properties/variables/_quick-action.scss +24 -23
  59. package/src/scss/atlas-custom-properties/variables/_range.scss +215 -220
  60. package/src/scss/atlas-custom-properties/variables/_reorder.scss +82 -82
  61. package/src/scss/atlas-custom-properties/variables/_resizer.scss +27 -16
  62. package/src/scss/atlas-custom-properties/variables/_sheets.scss +275 -275
  63. package/src/scss/atlas-custom-properties/variables/_side-navigation.scss +2 -4
  64. package/src/scss/atlas-custom-properties/variables/_sidebar.scss +413 -445
  65. package/src/scss/atlas-custom-properties/variables/_slideout.scss +300 -310
  66. package/src/scss/atlas-custom-properties/variables/_stickers.scss +551 -553
  67. package/src/scss/atlas-custom-properties/variables/_tables.scss +1094 -1079
  68. package/src/scss/atlas-custom-properties/variables/_tbar.scss +491 -557
  69. package/src/scss/atlas-custom-properties/variables/_time.scss +121 -130
  70. package/src/scss/atlas-custom-properties/variables/_timelines.scss +50 -43
  71. package/src/scss/atlas-custom-properties/variables/_toggle-switch.scss +562 -566
  72. package/src/scss/atlas-custom-properties/variables/_tooltip.scss +295 -306
  73. package/src/scss/atlas-custom-properties/variables/_treeview.scss +276 -278
  74. package/src/scss/atlas-custom-properties/variables/_type.scss +186 -185
  75. package/src/scss/atlas-custom-properties/variables/_utilities.scss +705 -788
  76. package/src/scss/atlas-variables.scss +0 -2
  77. package/src/scss/atlas.scss +0 -2
  78. package/src/scss/base-variables.scss +0 -2
  79. package/src/scss/base.scss +0 -2
  80. package/src/scss/cadmin/components/_focus-ring.scss +74 -0
  81. package/src/scss/cadmin/components/_forms.scss +2 -0
  82. package/src/scss/cadmin/components/_menubar.scss +8 -0
  83. package/src/scss/cadmin/components/_resizer.scss +19 -4
  84. package/src/scss/cadmin/variables/_breadcrumbs.scss +3 -1
  85. package/src/scss/cadmin/variables/_forms.scss +3 -1
  86. package/src/scss/cadmin/variables/_reorder.scss +1 -0
  87. package/src/scss/cadmin/variables/_resizer.scss +16 -3
  88. package/src/scss/cadmin.scss +1 -0
  89. package/src/scss/components/_focus-ring.scss +64 -0
  90. package/src/scss/components/_forms.scss +2 -0
  91. package/src/scss/components/_keyboard-arrows-indicator.scss +82 -0
  92. package/src/scss/components/_menubar.scss +8 -0
  93. package/src/scss/components/_resizer.scss +15 -4
  94. package/src/scss/functions/_lx-icons-generated.scss +8 -0
  95. package/src/scss/variables/_breadcrumbs.scss +4 -2
  96. package/src/scss/variables/_forms.scss +2 -0
  97. package/src/scss/variables/_resizer.scss +16 -3
package/src/scss/atlas-custom-properties/variables/_icons.scss CHANGED
@@ -1,73 +1,71 @@
1
- @if ($enable-atlas-custom-properties) {
2
- // .lexicon-icon
3
-
4
- $lexicon-icon-size: 1em; // 16px
5
-
6
- $lexicon-icon: ();
7
- $lexicon-icon: map-merge(
8
- (
9
- display: inline-block,
10
- fill: currentColor,
11
- height: $lexicon-icon-size,
12
- margin-top: -3px,
13
- vertical-align: middle,
14
- width: $lexicon-icon-size,
15
- ),
16
- $lexicon-icon
17
- );
18
-
19
- // .lexicon-icon-sm
20
-
21
- $lexicon-icon-sm-font-size: 0.5rem; // 8px
22
-
23
- $lexicon-icon-sm: ();
24
- $lexicon-icon-sm: map-merge(
25
- (
26
- font-size: $lexicon-icon-sm-font-size,
27
- ),
28
- $lexicon-icon-sm
29
- );
30
-
31
- // .lexicon-icon-lg
32
-
33
- $lexicon-icon-lg-font-size: 2rem; // 32px
34
-
35
- $lexicon-icon-lg: ();
36
- $lexicon-icon-lg: map-merge(
37
- (
38
- font-size: $lexicon-icon-lg-font-size,
39
- ),
40
- $lexicon-icon-lg
41
- );
42
-
43
- // .lexicon-icon-xl
44
-
45
- $lexicon-icon-xl-font-size: 8rem; // 128px
46
-
47
- $lexicon-icon-xl: ();
48
- $lexicon-icon-xl: map-merge(
49
- (
50
- font-size: $lexicon-icon-xl-font-size,
51
- ),
52
- $lexicon-icon-xl
53
- );
54
-
55
- // .order-arrow
56
-
57
- $order-arrow-down-active-color: $gray-500;
58
- $order-arrow-up-active-color: $order-arrow-down-active-color;
59
-
60
- // .collapse-icon[href], .collapse-icon[type]
61
-
62
- $collapse-icon-padding-left: null;
63
- $collapse-icon-padding-right: 2.28125rem; // 45px
64
-
65
- $collapse-icon-position-bottom: null;
66
- $collapse-icon-position-left: null;
67
- $collapse-icon-position-right: 0.9375rem; // 15px
68
- $collapse-icon-position-top: clay-collapse-icon-align(
69
- if(variable-exists(nav-link-padding-y), $nav-link-padding-y, 0.5rem),
70
- 0.0625rem,
71
- 0.9375em
72
- );
73
- }
1
+ // .lexicon-icon
2
+
3
+ $lexicon-icon-size: 1em !default; // 16px
4
+
5
+ $lexicon-icon: () !default;
6
+ $lexicon-icon: map-merge(
7
+ (
8
+ display: inline-block,
9
+ fill: currentColor,
10
+ height: $lexicon-icon-size,
11
+ margin-top: -3px,
12
+ vertical-align: middle,
13
+ width: $lexicon-icon-size,
14
+ ),
15
+ $lexicon-icon
16
+ );
17
+
18
+ // .lexicon-icon-sm
19
+
20
+ $lexicon-icon-sm-font-size: 0.5rem !default; // 8px
21
+
22
+ $lexicon-icon-sm: () !default;
23
+ $lexicon-icon-sm: map-merge(
24
+ (
25
+ font-size: $lexicon-icon-sm-font-size,
26
+ ),
27
+ $lexicon-icon-sm
28
+ );
29
+
30
+ // .lexicon-icon-lg
31
+
32
+ $lexicon-icon-lg-font-size: 2rem !default; // 32px
33
+
34
+ $lexicon-icon-lg: () !default;
35
+ $lexicon-icon-lg: map-merge(
36
+ (
37
+ font-size: $lexicon-icon-lg-font-size,
38
+ ),
39
+ $lexicon-icon-lg
40
+ );
41
+
42
+ // .lexicon-icon-xl
43
+
44
+ $lexicon-icon-xl-font-size: 8rem !default; // 128px
45
+
46
+ $lexicon-icon-xl: () !default;
47
+ $lexicon-icon-xl: map-merge(
48
+ (
49
+ font-size: $lexicon-icon-xl-font-size,
50
+ ),
51
+ $lexicon-icon-xl
52
+ );
53
+
54
+ // .order-arrow
55
+
56
+ $order-arrow-down-active-color: $gray-500 !default;
57
+ $order-arrow-up-active-color: $order-arrow-down-active-color !default;
58
+
59
+ // .collapse-icon[href], .collapse-icon[type]
60
+
61
+ $collapse-icon-padding-left: null !default;
62
+ $collapse-icon-padding-right: 2.28125rem !default; // 45px
63
+
64
+ $collapse-icon-position-bottom: null !default;
65
+ $collapse-icon-position-left: null !default;
66
+ $collapse-icon-position-right: 0.9375rem !default; // 15px
67
+ $collapse-icon-position-top: clay-collapse-icon-align(
68
+ if(variable-exists(nav-link-padding-y), $nav-link-padding-y, 0.5rem),
69
+ 0.0625rem,
70
+ 0.9375em
71
+ ) !default;
package/src/scss/atlas-custom-properties/variables/_images.scss CHANGED
@@ -1,14 +1,9 @@
1
- @if ($enable-atlas-custom-properties) {
2
- $thumbnail-bg: $body-bg;
3
- $thumbnail-border-color: $gray-300;
4
- $thumbnail-border-radius: $border-radius;
5
- $thumbnail-border-width: $border-width;
6
- $thumbnail-box-shadow: 0
7
- 1px
8
- 2px
9
- unquote('hsl(from #{$black} h s l / 0.075)');
10
- $thumbnail-padding: 0.25rem;
1
+ $thumbnail-bg: $body-bg !default;
2
+ $thumbnail-border-color: $gray-300 !default;
3
+ $thumbnail-border-radius: $border-radius !default;
4
+ $thumbnail-border-width: $border-width !default;
5
+ $thumbnail-box-shadow: 0 1px 2px unquote('hsl(from #{$black} h s l / 0.075)') !default;
6
+ $thumbnail-padding: 0.25rem !default;
11
7
 
12
- $figure-caption-color: $gray-600;
13
- $figure-caption-font-size: 90%;
14
- }
8
+ $figure-caption-color: $gray-600 !default;
9
+ $figure-caption-font-size: 90% !default;