@clayui/css 3.161.0 → 3.162.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/_progress-bars.scss CHANGED
@@ -1,142 +1,149 @@
1
- @if ($enable-atlas-custom-properties) {
2
- $progress-bg: var(--progress-background-color, $gray-200);
3
- $progress-border-radius: var(--progress-border-radius, 100px);
4
- $progress-box-shadow: var(--progress-box-shadow, none);
5
- $progress-font-size: var(--progress-font-size, 9px);
6
- $progress-height: var(--progress-height, 8px);
7
- $progress-min-width: var(--progress-min-width, 100px);
8
-
9
- $progress-bar-animation-timing: var(
10
- --progress-bar-animation-timing,
11
- 1s linear infinite
12
- );
13
- $progress-bar-bg: var(--progress-bar-background-color, $primary);
14
- $progress-bar-box-shadow: var(--progress-bar-box-shadow, null);
15
- $progress-bar-color: var(--progress-bar-color, $white);
16
- $progress-bar-transition: var(--progress-bar-transition, width 0.6s ease);
17
-
18
- // Progress Sizes
19
-
20
- $progress-border-radius-lg: var(--progress-border-radius-lg, 100px);
21
- $progress-font-size-lg: var(--progress-font-size-lg, $font-size-lg);
22
- $progress-height-lg: var(
23
- --progress-height-lg,
24
- calc(#{$progress-height} * 2)
25
- );
26
-
27
- // Progress Group
28
-
29
- $progress-group-subtitle: ();
30
- $progress-group-subtitle: map-deep-merge(
31
- (
32
- font-size: var(--progress-group-subtitle-font-size, 12px),
33
- font-weight:
34
- var(--progress-group-subtitle-font-weight, $font-weight-normal),
1
+ $progress-bg: var(--progress-background-color, $gray-200) !default;
2
+ $progress-border-radius: var(--progress-border-radius, 100px) !default;
3
+ $progress-box-shadow: var(--progress-box-shadow, none) !default;
4
+ $progress-font-size: var(--progress-font-size, 9px) !default;
5
+ $progress-height: var(--progress-height, 8px) !default;
6
+ $progress-min-width: var(--progress-min-width, 100px) !default;
7
+
8
+ $progress-bar-animation-timing: var(
9
+ --progress-bar-animation-timing,
10
+ 1s linear infinite
11
+ ) !default;
12
+ $progress-bar-bg: var(--progress-bar-background-color, $primary) !default;
13
+ $progress-bar-box-shadow: var(--progress-bar-box-shadow, null) !default;
14
+ $progress-bar-color: var(--progress-bar-color, $white) !default;
15
+ $progress-bar-transition: var(
16
+ --progress-bar-transition,
17
+ width 0.6s ease
18
+ ) !default;
19
+
20
+ // Progress Sizes
21
+
22
+ $progress-border-radius-lg: var(--progress-border-radius-lg, 100px) !default;
23
+ $progress-font-size-lg: var(--progress-font-size-lg, $font-size-lg) !default;
24
+ $progress-height-lg: var(
25
+ --progress-height-lg,
26
+ calc(#{$progress-height} * 2)
27
+ ) !default;
28
+
29
+ // Progress Group
30
+
31
+ $progress-group-subtitle: () !default;
32
+ $progress-group-subtitle: map-deep-merge(
33
+ (
34
+ font-size: var(--progress-group-subtitle-font-size, 12px),
35
+ font-weight:
36
+ var(--progress-group-subtitle-font-weight, $font-weight-normal),
37
+ ),
38
+ $progress-group-subtitle
39
+ );
40
+
41
+ $progress-group-addon-font-size: var(
42
+ --progress-group-addon-font-size,
43
+ 14px
44
+ ) !default;
45
+ $progress-group-addon-font-weight: var(
46
+ --progress-group-addon-font-weight,
47
+ $font-weight-semi-bold
48
+ ) !default;
49
+ $progress-group-addon-spacer-x: var(
50
+ --progress-group-addon-spacer-x,
51
+ 16px
52
+ ) !default;
53
+
54
+ $progress-group-addon: () !default;
55
+ $progress-group-addon: map-deep-merge(
56
+ (
57
+ font-size: $progress-group-addon-font-size,
58
+ font-weight: $progress-group-addon-font-weight,
59
+ margin-right: $progress-group-addon-spacer-x,
60
+ min-width: var(--progress-group-addon-min-width, 32px),
61
+ text-align: var(--progress-group-addon-text-align, center),
62
+ first-child: (
63
+ padding-left: 0,
35
64
  ),
36
- $progress-group-subtitle
37
- );
38
-
39
- $progress-group-addon-font-size: var(
40
- --progress-group-addon-font-size,
41
- 14px
42
- );
43
- $progress-group-addon-font-weight: var(
44
- --progress-group-addon-font-weight,
45
- $font-weight-semi-bold
46
- );
47
- $progress-group-addon-spacer-x: var(--progress-group-addon-spacer-x, 16px);
48
-
49
- $progress-group-addon: ();
50
- $progress-group-addon: map-deep-merge(
51
- (
52
- font-size: $progress-group-addon-font-size,
53
- font-weight: $progress-group-addon-font-weight,
54
- margin-right: $progress-group-addon-spacer-x,
55
- min-width: var(--progress-group-addon-min-width, 32px),
56
- text-align: var(--progress-group-addon-text-align, center),
57
- first-child: (
58
- padding-left: 0,
59
- ),
60
-
61
- last-child: (
62
- padding-right: 0,
63
- ),
65
+
66
+ last-child: (
67
+ padding-right: 0,
68
+ ),
69
+ ),
70
+ $progress-group-addon
71
+ );
72
+
73
+ $progress-group-stacked-progress-margin-bottom: var(
74
+ --progress-group-stacked-progress-margin-bottom,
75
+ 4px
76
+ ) !default;
77
+ $progress-group-stacked-progress-margin-top: var(
78
+ --progress-group-stacked-progress-margin-top,
79
+ 4px
80
+ ) !default;
81
+
82
+ // Progress Variants
83
+
84
+ $progress-group-feedback-color: var(
85
+ --progress-group-feedback-color,
86
+ $primary
87
+ ) !default;
88
+
89
+ $progress-bar-danger-bg: var(
90
+ --progress-bar-danger-background-color,
91
+ $danger
92
+ ) !default;
93
+ $progress-group-feedback-danger-color: var(
94
+ --progress-group-feedback-danger-color,
95
+ $progress-bar-danger-bg
96
+ ) !default;
97
+
98
+ $progress-bar-info-bg: var(
99
+ --progress-bar-info-background-color,
100
+ $info
101
+ ) !default;
102
+ $progress-group-feedback-info-color: var(
103
+ --progress-group-feedback-info-color,
104
+ $progress-bar-info-bg
105
+ ) !default;
106
+
107
+ $progress-bar-success-bg: var(
108
+ --progress-bar-success-background-color,
109
+ $success
110
+ ) !default;
111
+ $progress-group-feedback-success-color: var(
112
+ --progress-group-feedback-success-color,
113
+ $progress-bar-success-bg
114
+ ) !default;
115
+
116
+ $progress-bar-warning-bg: var(
117
+ --progress-bar-warning-background-color,
118
+ $warning
119
+ ) !default;
120
+ $progress-group-feedback-warning-color: var(
121
+ --progress-group-feedback-warning-color,
122
+ $progress-bar-warning-bg
123
+ ) !default;
124
+
125
+ $progress-palette: () !default;
126
+ $progress-palette: map-deep-merge(
127
+ (
128
+ success: (
129
+ bar-bg: $progress-bar-success-bg,
130
+ group-feedback-color: $progress-group-feedback-success-color,
131
+ ),
132
+
133
+ info: (
134
+ bar-bg: $progress-bar-info-bg,
135
+ group-feedback-color: $progress-group-feedback-info-color,
64
136
  ),
65
- $progress-group-addon
66
- );
67
-
68
- $progress-group-stacked-progress-margin-bottom: var(
69
- --progress-group-stacked-progress-margin-bottom,
70
- 4px
71
- );
72
- $progress-group-stacked-progress-margin-top: var(
73
- --progress-group-stacked-progress-margin-top,
74
- 4px
75
- );
76
-
77
- // Progress Variants
78
-
79
- $progress-group-feedback-color: var(
80
- --progress-group-feedback-color,
81
- $primary
82
- );
83
-
84
- $progress-bar-danger-bg: var(
85
- --progress-bar-danger-background-color,
86
- $danger
87
- );
88
- $progress-group-feedback-danger-color: var(
89
- --progress-group-feedback-danger-color,
90
- $progress-bar-danger-bg
91
- );
92
-
93
- $progress-bar-info-bg: var(--progress-bar-info-background-color, $info);
94
- $progress-group-feedback-info-color: var(
95
- --progress-group-feedback-info-color,
96
- $progress-bar-info-bg
97
- );
98
-
99
- $progress-bar-success-bg: var(
100
- --progress-bar-success-background-color,
101
- $success
102
- );
103
- $progress-group-feedback-success-color: var(
104
- --progress-group-feedback-success-color,
105
- $progress-bar-success-bg
106
- );
107
-
108
- $progress-bar-warning-bg: var(
109
- --progress-bar-warning-background-color,
110
- $warning
111
- );
112
- $progress-group-feedback-warning-color: var(
113
- --progress-group-feedback-warning-color,
114
- $progress-bar-warning-bg
115
- );
116
-
117
- $progress-palette: ();
118
- $progress-palette: map-deep-merge(
119
- (
120
- success: (
121
- bar-bg: $progress-bar-success-bg,
122
- group-feedback-color: $progress-group-feedback-success-color,
123
- ),
124
-
125
- info: (
126
- bar-bg: $progress-bar-info-bg,
127
- group-feedback-color: $progress-group-feedback-info-color,
128
- ),
129
-
130
- warning: (
131
- bar-bg: $progress-bar-warning-bg,
132
- group-feedback-color: $progress-group-feedback-warning-color,
133
- ),
134
-
135
- danger: (
136
- bar-bg: $progress-bar-danger-bg,
137
- group-feedback-color: $progress-group-feedback-danger-color,
138
- ),
137
+
138
+ warning: (
139
+ bar-bg: $progress-bar-warning-bg,
140
+ group-feedback-color: $progress-group-feedback-warning-color,
141
+ ),
142
+
143
+ danger: (
144
+ bar-bg: $progress-bar-danger-bg,
145
+ group-feedback-color: $progress-group-feedback-danger-color,
139
146
  ),
140
- $progress-palette
141
- );
142
- }
147
+ ),
148
+ $progress-palette
149
+ );
package/src/scss/atlas-custom-properties/variables/_quick-action.scss CHANGED
@@ -1,27 +1,28 @@
1
- @if ($enable-atlas-custom-properties) {
2
- $quick-action-font-size: var(--quick-action-font-size, 16px);
3
- $quick-action-padding-x: var(--quick-action-padding-x, 0px);
4
- $quick-action-padding-y: var(--quick-action-padding-y, 0px);
1
+ $quick-action-font-size: var(--quick-action-font-size, 16px) !default;
2
+ $quick-action-padding-x: var(--quick-action-padding-x, 0px) !default;
3
+ $quick-action-padding-y: var(--quick-action-padding-y, 0px) !default;
5
4
 
6
- $quick-action-item-margin-x: var(--quick-action-item-margin-x, 8px);
7
- $quick-action-item-margin-y: var(--quick-action-item-margin-y, 0px);
8
- $quick-action-item-padding-x: var(--quick-action-item-padding-x, 0px);
9
- $quick-action-item-padding-y: var(--quick-action-item-padding-y, 0px);
5
+ $quick-action-item-margin-x: var(--quick-action-item-margin-x, 8px) !default;
6
+ $quick-action-item-margin-y: var(--quick-action-item-margin-y, 0px) !default;
7
+ $quick-action-item-padding-x: var(--quick-action-item-padding-x, 0px) !default;
8
+ $quick-action-item-padding-y: var(--quick-action-item-padding-y, 0px) !default;
10
9
 
11
- $quick-action-item-min-height: var(--quick-action-item-min-height, 32px);
12
- $quick-action-item-min-width: var(--quick-action-item-min-width, 32px);
10
+ $quick-action-item-min-height: var(
11
+ --quick-action-item-min-height,
12
+ 32px
13
+ ) !default;
14
+ $quick-action-item-min-width: var(--quick-action-item-min-width, 32px) !default;
13
15
 
14
- $quick-action-item-border-radius: var(
15
- --quick-action-item-border-radius,
16
- $border-radius
17
- );
16
+ $quick-action-item-border-radius: var(
17
+ --quick-action-item-border-radius,
18
+ $border-radius
19
+ ) !default;
18
20
 
19
- $quick-action-item-disabled-cursor: var(
20
- --quick-action-item-disabled-cursor,
21
- $disabled-cursor
22
- );
23
- $quick-action-item-disabled-opacity: var(
24
- --quick-action-item-disabled-opacity,
25
- $component-disabled-opacity
26
- );
27
- }
21
+ $quick-action-item-disabled-cursor: var(
22
+ --quick-action-item-disabled-cursor,
23
+ $disabled-cursor
24
+ ) !default;
25
+ $quick-action-item-disabled-opacity: var(
26
+ --quick-action-item-disabled-opacity,
27
+ $component-disabled-opacity
28
+ ) !default;