armtek-uikit-react 1.0.260 → 1.0.265

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 (81) hide show
  1. package/assets/Accordion.scss +123 -123
  2. package/assets/Adornment.scss +22 -22
  3. package/assets/Alert.scss +56 -56
  4. package/assets/Avatar.scss +111 -111
  5. package/assets/AvatarGroup.scss +47 -47
  6. package/assets/BackDrop.scss +39 -39
  7. package/assets/Badge.scss +96 -96
  8. package/assets/Button.scss +750 -750
  9. package/assets/ButtonGroup.scss +37 -37
  10. package/assets/ButtonIcon.scss +59 -32
  11. package/assets/Card.scss +13 -13
  12. package/assets/Checkbox.scss +313 -313
  13. package/assets/Chip.scss +327 -327
  14. package/assets/DateField.scss +2 -2
  15. package/assets/DatePicker.scss +72 -72
  16. package/assets/Dropdown.scss +42 -42
  17. package/assets/FormControls.scss +14 -14
  18. package/assets/HelperText.scss +11 -11
  19. package/assets/Icon.scss +30 -30
  20. package/assets/Interval.scss +34 -34
  21. package/assets/Link.scss +96 -96
  22. package/assets/ListItem.scss +76 -76
  23. package/assets/Loader.scss +56 -56
  24. package/assets/Logo.scss +28 -28
  25. package/assets/Modal.scss +103 -103
  26. package/assets/Pagination.scss +3 -3
  27. package/assets/Paper.scss +22 -22
  28. package/assets/Period.scss +8 -8
  29. package/assets/Popper.scss +2 -2
  30. package/assets/Rating.scss +26 -26
  31. package/assets/Select.scss +85 -85
  32. package/assets/Skeleton.scss +25 -25
  33. package/assets/Slider.scss +5 -5
  34. package/assets/Stack.scss +27 -27
  35. package/assets/Status.scss +69 -69
  36. package/assets/StepItem.scss +89 -89
  37. package/assets/StepItemIcon.scss +47 -47
  38. package/assets/Stepper.scss +30 -30
  39. package/assets/Switch.scss +67 -67
  40. package/assets/Table.scss +52 -52
  41. package/assets/TextArea.scss +17 -17
  42. package/assets/TextField.scss +197 -197
  43. package/assets/Tooltip.scss +17 -17
  44. package/assets/classes.scss +422 -422
  45. package/assets/fonts.scss +24 -24
  46. package/assets/global.scss +222 -222
  47. package/assets/styles.min.css +1 -1
  48. package/assets/styles.min.css.map +1 -1
  49. package/assets/styles.scss +46 -46
  50. package/assets/variables.scss +13 -13
  51. package/lib/helpers/helpers.d.ts +1 -1
  52. package/lib/helpers/helpers.js +1 -1
  53. package/lib/hooks/useEnhancedEffect.js +6 -6
  54. package/lib/hooks/useTimeout.js +2 -2
  55. package/package.json +1 -1
  56. package/ui/Avatar/Avatar.d.ts +10 -1
  57. package/ui/Avatar/Avatar.js +4 -2
  58. package/ui/ButtonIcon/ButtonIcon.js +5 -2
  59. package/ui/Card/Card.d.ts +1 -1
  60. package/ui/Card/Card.js +4 -2
  61. package/ui/Chip/Chip.d.ts +3 -2
  62. package/ui/Chip/Chip.js +4 -2
  63. package/ui/Form/DateField/DateField.js +2 -2
  64. package/ui/Form/DatePicker/styles.css +802 -802
  65. package/ui/Form/TextArea/TextArea.d.ts +7 -1
  66. package/ui/Form/TextArea/TextArea.js +37 -6
  67. package/ui/Icon/Mi.d.ts +17 -1
  68. package/ui/Icon/Mi.js +5 -3
  69. package/ui/Icon/Mis.d.ts +1 -1
  70. package/ui/Icon/Mis.js +4 -3
  71. package/ui/Link/Link.d.ts +3 -2
  72. package/ui/Link/Link.js +4 -2
  73. package/ui/Popper/Popper.d.ts +1 -1
  74. package/ui/Popper/Popper.js +4 -3
  75. package/ui/Popper/PopperBase.d.ts +1 -1
  76. package/ui/Popper/PopperBase.js +5 -4
  77. package/ui/Slider/style.scss +346 -346
  78. package/ui/Stack/Stack.d.ts +1 -1
  79. package/ui/Stack/Stack.js +3 -2
  80. package/ui/Status/Status.d.ts +4 -3
  81. package/ui/Status/Status.js +4 -2
package/assets/Chip.scss CHANGED
@@ -1,327 +1,327 @@
1
- @use "variables" as v;
2
-
3
- .arm-chip{
4
- background-color: var(--color-gray-200);
5
- padding: calc(var(--size-step) / 1.5) calc(var(--size-step) * 1.5);
6
- border-radius: 20px;
7
- font-size: 13px;
8
- display: inline-flex;
9
- align-items: center;
10
- }
11
-
12
- .arm-chip_square{
13
- border-radius: var(--border-radius);
14
- }
15
- .arm-chip__text{
16
- line-height: 1;
17
- }
18
-
19
- .arm-chip__inner{
20
- @include v.flex(center)
21
- }
22
-
23
- .arm-chip__icon{
24
- display: inline-block;
25
- margin-right: var(--size-step);
26
- margin-left: calc(var(--size-step) * -1);
27
- font-size: 22px;
28
- @include v.flex();
29
- overflow: hidden;
30
- }
31
- .arm-chip__close{
32
- appearance: none;
33
- background: transparent;
34
- border: none;
35
- margin-left: calc(var(--size-step) * 1);
36
- padding: 0;
37
- line-height: 1;
38
- font-size: 20px;
39
- color: var(--color-gray-500);
40
- cursor: pointer;
41
- @include v.transition();
42
-
43
- &:focus-visible{
44
- outline: 2px solid var(--color-primary);
45
- outline-offset: 2px;
46
- }
47
-
48
- &:disabled{
49
- cursor: default;
50
- opacity: 0.6;
51
- }
52
-
53
- &:hover{
54
- color: var(--color-gray-600);
55
- }
56
- }
57
-
58
- .arm-chip__close_primary,
59
- .arm-chip__close_secondary{
60
- color: #fff;
61
- &:hover{
62
- color: #fff;
63
- opacity: 0.6;
64
- }
65
- }
66
-
67
- .arm-chip_small{
68
- min-height: 24px;
69
- padding: 4px var(--size-step);
70
- }
71
- .arm-chip_medium{
72
- min-height: 32px;
73
- }
74
- .arm-chip__icon_small{
75
- font-size: 18px;
76
- margin-left: 0;
77
- }
78
- .arm-chip__close_small{
79
- font-size: 15px;
80
- margin-right: -2px;
81
- }
82
-
83
- .arm-chip_outlined{
84
- background-color: transparent;
85
- border: 1px solid var(--color-gray-400);
86
- }
87
- a.arm-chip_outlined,
88
- button.arm-chip_outlined{
89
- &:hover{
90
- background-color: rgba(var(--color-neutral-rgba), 0.1);
91
- }
92
- }
93
-
94
- .arm-chip_secondary{
95
- color: #fff;
96
- background-color: var(--color-secondary);
97
- &.arm-chip_outlined{
98
- border-color: var(--color-secondary);
99
- background-color: transparent;
100
- color: var(--color-secondary);
101
- }
102
- }
103
- a.arm-chip_secondary,
104
- button.arm-chip_secondary{
105
- &:hover{
106
- background-color: var(--color-secondary-rgba);
107
- }
108
- &.arm-chip_outlined:hover{
109
- background-color: var(--color-orange-100);
110
- }
111
- }
112
-
113
- .arm-chip_success{
114
- background-color: var(--color-success);
115
- &.arm-chip_outlined{
116
- border-color: var(--color-success);
117
- background-color: transparent;
118
- color: var(--color-success);
119
- }
120
- }
121
- a.arm-chip_success,
122
- button.arm-chip_success{
123
- &:hover{
124
- background-color: var(--color-success-dark);
125
- }
126
- &.arm-chip_outlined:hover{
127
- background-color: var(--color-green-100);
128
- }
129
- }
130
-
131
- .arm-chip_error{
132
- background-color: var(--color-error);
133
- &.arm-chip_outlined{
134
- border-color: var(--color-error);
135
- background-color: transparent;
136
- color: var(--color-error);
137
- }
138
- }
139
- a.arm-chip_error,
140
- button.arm-chip_error{
141
- &:hover{
142
- background-color: var(--color-error-dark);
143
- }
144
- &.arm-chip_outlined:hover{
145
- background-color: var(--color-red-100);
146
- }
147
- }
148
-
149
- .arm-chip_warning{
150
- background-color: var(--color-warning);
151
- &.arm-chip_outlined{
152
- border-color: var(--color-warning);
153
- background-color: transparent;
154
- color: var(--color-warning);
155
- }
156
- }
157
- a.arm-chip_warning,
158
- button.arm-chip_warning{
159
- &:hover{
160
- background-color: var(--color-warning-dark);
161
- }
162
- &.arm-chip_outlined:hover{
163
- background-color: var(--color-orange-100);
164
- }
165
- }
166
-
167
- .arm-chip_info{
168
- color: #fff;
169
- background-color: var(--color-info);
170
- &.arm-chip_outlined{
171
- border-color: var(--color-info);
172
- background-color: transparent;
173
- color: var(--color-info);
174
- }
175
- }
176
- a.arm-chip_info,
177
- button.arm-chip_info{
178
- &:hover{
179
- background-color: var(--color-info-dark);
180
- }
181
- &.arm-chip_outlined:hover{
182
- background-color: var(--color-blue-100);
183
- }
184
- }
185
-
186
- .arm-chip_black{
187
- color: #fff;
188
- background-color: var(--color-neutral);
189
- &.arm-chip_outlined{
190
- border-color: var(--color-neutral);
191
- background-color: transparent;
192
- color: var(--color-neutral);
193
- }
194
- }
195
- a.arm-chip_black,
196
- button.arm-chip_black{
197
- &:hover{
198
- background-color: var(--color-neutral-dark);
199
- }
200
- &.arm-chip_outlined:hover{
201
- background-color: var(--color-gray-100);
202
- }
203
- }
204
-
205
- .arm-chip_white{
206
- background-color: #fff;
207
- }
208
- a.arm-chip_white,
209
- button.arm-chip_white{
210
- &:hover{
211
- background-color: var(--color-gray-100);
212
- }
213
- }
214
-
215
-
216
- .arm-chip_primary{
217
- color: #fff;
218
- background-color: var(--color-primary);
219
- &.arm-chip_outlined{
220
- border-color: var(--color-primary);
221
- background-color: transparent;
222
- color: var(--color-primary);
223
- }
224
- }
225
- a.arm-chip_primary,
226
- button.arm-chip_primary{
227
- &:hover{
228
- background-color: var(--color-primary-dark);
229
- }
230
- &.arm-chip_outlined:hover{
231
- background-color: var(--color-blue-100);
232
- }
233
- }
234
-
235
- .arm-chip_disabled{
236
- pointer-events: none;
237
- opacity: 0.5;
238
- }
239
-
240
- .arm-theme-dark {
241
- .arm-chip {
242
- background-color: rgba(var(--color-gray-500-rgba), 0.3);
243
- color: var(--color-gray-200);
244
- }
245
- a.arm-chip:hover,
246
- button.arm-chip:hover {
247
- background-color: var(--color-neutral);
248
- }
249
-
250
- .arm-chip.arm-chip_primary {
251
- background-color: var(--color-blue-800);
252
- color: var(--color-secondary-contrast);
253
- }
254
- a.arm-chip.arm-chip_primary:hover,
255
- button.arm-chip.arm-chip_primary:hover {
256
- background-color: var(--color-primary);
257
- }
258
-
259
- .arm-chip.arm-chip_secondary {
260
- background-color: var(--color-secondary);
261
- color: var(--color-secondary-contrast);
262
- }
263
- a.arm-chip.arm-chip_secondary:hover,
264
- button.arm-chip.arm-chip_secondary:hover {
265
- background-color: var(--color-secondary-dark);
266
- }
267
-
268
- .arm-chip.arm-chip_error {
269
- background-color: var(--color-error);
270
- color: var(--color-error-contrast);
271
- }
272
- a.arm-chip.arm-chip_error:hover,
273
- button.arm-chip.arm-chip_error:hover {
274
- background-color: var(--color-error-dark);
275
- }
276
- .arm-chip.arm-chip_success {
277
- background-color: var(--color-success);
278
- color: var(--color-success-contrast);
279
- }
280
- a.arm-chip.arm-chip_error:hover,
281
- button.arm-chip.arm-chip_error:hover {
282
- background-color: var(--color-success-dark);
283
- }
284
- .arm-chip.arm-chip_info {
285
- background-color: var(--color-info);
286
- color: var(--color-info-contrast);
287
- }
288
- a.arm-chip.arm-chip_info:hover,
289
- button.arm-chip.arm-chip_info:hover {
290
- background-color: var(--color-info-dark);
291
- }
292
- .arm-chip.arm-chip_warning {
293
- background-color: var(--color-warning);
294
- color: var(--color-warning-contrast);
295
- }
296
- a.arm-chip.arm-chip_warning:hover,
297
- button.arm-chip.arm-chip_warning:hover {
298
- background-color: var(--color-warning-dark);
299
- }
300
-
301
- .arm-chip_outlined {
302
- &.arm-chip {
303
- background-color: transparent;
304
- color: var(--color-neutral-light);
305
- border-color: var(--color-neutral-light);
306
- }
307
- &.arm-chip.arm-chip_primary {
308
- background-color: transparent;
309
- color: var(--color-blue-600);
310
- border-color: var(--color-blue-600);
311
- }
312
- &.arm-chip.arm-chip_secondary {
313
- color: var(--color-secondary);
314
- border-color: var(--color-secondary);
315
- }
316
- }
317
-
318
- a.arm-chip_outlined.arm-chip.arm-chip_primary:hover,
319
- button.arm-chip_outlined.arm-chip.arm-chip_primary:hover {
320
- background-color: rgba(var(--color-blue-800-rgba), 0.1);
321
- }
322
- a.arm-chip_outlined.arm-chip.arm-chip_secondary:hover,
323
- button.arm-chip_outlined.arm-chip.arm-chip_secondary:hover {
324
- background-color: rgba(var(--color-secondary-rgba), 0.1);
325
- }
326
-
327
- }
1
+ @use "variables" as v;
2
+
3
+ .arm-chip{
4
+ background-color: var(--color-gray-200);
5
+ padding: calc(var(--size-step) / 1.5) calc(var(--size-step) * 1.5);
6
+ border-radius: 20px;
7
+ font-size: 13px;
8
+ display: inline-flex;
9
+ align-items: center;
10
+ }
11
+
12
+ .arm-chip_square{
13
+ border-radius: var(--border-radius);
14
+ }
15
+ .arm-chip__text{
16
+ line-height: 1;
17
+ }
18
+
19
+ .arm-chip__inner{
20
+ @include v.flex(center)
21
+ }
22
+
23
+ .arm-chip__icon{
24
+ display: inline-block;
25
+ margin-right: var(--size-step);
26
+ margin-left: calc(var(--size-step) * -1);
27
+ font-size: 22px;
28
+ @include v.flex();
29
+ overflow: hidden;
30
+ }
31
+ .arm-chip__close{
32
+ appearance: none;
33
+ background: transparent;
34
+ border: none;
35
+ margin-left: calc(var(--size-step) * 1);
36
+ padding: 0;
37
+ line-height: 1;
38
+ font-size: 20px;
39
+ color: var(--color-gray-500);
40
+ cursor: pointer;
41
+ @include v.transition();
42
+
43
+ &:focus-visible{
44
+ outline: 2px solid var(--color-primary);
45
+ outline-offset: 2px;
46
+ }
47
+
48
+ &:disabled{
49
+ cursor: default;
50
+ opacity: 0.6;
51
+ }
52
+
53
+ &:hover{
54
+ color: var(--color-gray-600);
55
+ }
56
+ }
57
+
58
+ .arm-chip__close_primary,
59
+ .arm-chip__close_secondary{
60
+ color: #fff;
61
+ &:hover{
62
+ color: #fff;
63
+ opacity: 0.6;
64
+ }
65
+ }
66
+
67
+ .arm-chip_small{
68
+ min-height: 24px;
69
+ padding: 4px var(--size-step);
70
+ }
71
+ .arm-chip_medium{
72
+ min-height: 32px;
73
+ }
74
+ .arm-chip__icon_small{
75
+ font-size: 18px;
76
+ margin-left: 0;
77
+ }
78
+ .arm-chip__close_small{
79
+ font-size: 15px;
80
+ margin-right: -2px;
81
+ }
82
+
83
+ .arm-chip_outlined{
84
+ background-color: transparent;
85
+ border: 1px solid var(--color-gray-400);
86
+ }
87
+ a.arm-chip_outlined,
88
+ button.arm-chip_outlined{
89
+ &:hover{
90
+ background-color: rgba(var(--color-neutral-rgba), 0.1);
91
+ }
92
+ }
93
+
94
+ .arm-chip_secondary{
95
+ color: #fff;
96
+ background-color: var(--color-secondary);
97
+ &.arm-chip_outlined{
98
+ border-color: var(--color-secondary);
99
+ background-color: transparent;
100
+ color: var(--color-secondary);
101
+ }
102
+ }
103
+ a.arm-chip_secondary,
104
+ button.arm-chip_secondary{
105
+ &:hover{
106
+ background-color: var(--color-secondary-rgba);
107
+ }
108
+ &.arm-chip_outlined:hover{
109
+ background-color: var(--color-orange-100);
110
+ }
111
+ }
112
+
113
+ .arm-chip_success{
114
+ background-color: var(--color-success);
115
+ &.arm-chip_outlined{
116
+ border-color: var(--color-success);
117
+ background-color: transparent;
118
+ color: var(--color-success);
119
+ }
120
+ }
121
+ a.arm-chip_success,
122
+ button.arm-chip_success{
123
+ &:hover{
124
+ background-color: var(--color-success-dark);
125
+ }
126
+ &.arm-chip_outlined:hover{
127
+ background-color: var(--color-green-100);
128
+ }
129
+ }
130
+
131
+ .arm-chip_error{
132
+ background-color: var(--color-error);
133
+ &.arm-chip_outlined{
134
+ border-color: var(--color-error);
135
+ background-color: transparent;
136
+ color: var(--color-error);
137
+ }
138
+ }
139
+ a.arm-chip_error,
140
+ button.arm-chip_error{
141
+ &:hover{
142
+ background-color: var(--color-error-dark);
143
+ }
144
+ &.arm-chip_outlined:hover{
145
+ background-color: var(--color-red-100);
146
+ }
147
+ }
148
+
149
+ .arm-chip_warning{
150
+ background-color: var(--color-warning);
151
+ &.arm-chip_outlined{
152
+ border-color: var(--color-warning);
153
+ background-color: transparent;
154
+ color: var(--color-warning);
155
+ }
156
+ }
157
+ a.arm-chip_warning,
158
+ button.arm-chip_warning{
159
+ &:hover{
160
+ background-color: var(--color-warning-dark);
161
+ }
162
+ &.arm-chip_outlined:hover{
163
+ background-color: var(--color-orange-100);
164
+ }
165
+ }
166
+
167
+ .arm-chip_info{
168
+ color: #fff;
169
+ background-color: var(--color-info);
170
+ &.arm-chip_outlined{
171
+ border-color: var(--color-info);
172
+ background-color: transparent;
173
+ color: var(--color-info);
174
+ }
175
+ }
176
+ a.arm-chip_info,
177
+ button.arm-chip_info{
178
+ &:hover{
179
+ background-color: var(--color-info-dark);
180
+ }
181
+ &.arm-chip_outlined:hover{
182
+ background-color: var(--color-blue-100);
183
+ }
184
+ }
185
+
186
+ .arm-chip_black{
187
+ color: #fff;
188
+ background-color: var(--color-neutral);
189
+ &.arm-chip_outlined{
190
+ border-color: var(--color-neutral);
191
+ background-color: transparent;
192
+ color: var(--color-neutral);
193
+ }
194
+ }
195
+ a.arm-chip_black,
196
+ button.arm-chip_black{
197
+ &:hover{
198
+ background-color: var(--color-neutral-dark);
199
+ }
200
+ &.arm-chip_outlined:hover{
201
+ background-color: var(--color-gray-100);
202
+ }
203
+ }
204
+
205
+ .arm-chip_white{
206
+ background-color: #fff;
207
+ }
208
+ a.arm-chip_white,
209
+ button.arm-chip_white{
210
+ &:hover{
211
+ background-color: var(--color-gray-100);
212
+ }
213
+ }
214
+
215
+
216
+ .arm-chip_primary{
217
+ color: #fff;
218
+ background-color: var(--color-primary);
219
+ &.arm-chip_outlined{
220
+ border-color: var(--color-primary);
221
+ background-color: transparent;
222
+ color: var(--color-primary);
223
+ }
224
+ }
225
+ a.arm-chip_primary,
226
+ button.arm-chip_primary{
227
+ &:hover{
228
+ background-color: var(--color-primary-dark);
229
+ }
230
+ &.arm-chip_outlined:hover{
231
+ background-color: var(--color-blue-100);
232
+ }
233
+ }
234
+
235
+ .arm-chip_disabled{
236
+ pointer-events: none;
237
+ opacity: 0.5;
238
+ }
239
+
240
+ .arm-theme-dark {
241
+ .arm-chip {
242
+ background-color: rgba(var(--color-gray-500-rgba), 0.3);
243
+ color: var(--color-gray-200);
244
+ }
245
+ a.arm-chip:hover,
246
+ button.arm-chip:hover {
247
+ background-color: var(--color-neutral);
248
+ }
249
+
250
+ .arm-chip.arm-chip_primary {
251
+ background-color: var(--color-blue-800);
252
+ color: var(--color-secondary-contrast);
253
+ }
254
+ a.arm-chip.arm-chip_primary:hover,
255
+ button.arm-chip.arm-chip_primary:hover {
256
+ background-color: var(--color-primary);
257
+ }
258
+
259
+ .arm-chip.arm-chip_secondary {
260
+ background-color: var(--color-secondary);
261
+ color: var(--color-secondary-contrast);
262
+ }
263
+ a.arm-chip.arm-chip_secondary:hover,
264
+ button.arm-chip.arm-chip_secondary:hover {
265
+ background-color: var(--color-secondary-dark);
266
+ }
267
+
268
+ .arm-chip.arm-chip_error {
269
+ background-color: var(--color-error);
270
+ color: var(--color-error-contrast);
271
+ }
272
+ a.arm-chip.arm-chip_error:hover,
273
+ button.arm-chip.arm-chip_error:hover {
274
+ background-color: var(--color-error-dark);
275
+ }
276
+ .arm-chip.arm-chip_success {
277
+ background-color: var(--color-success);
278
+ color: var(--color-success-contrast);
279
+ }
280
+ a.arm-chip.arm-chip_error:hover,
281
+ button.arm-chip.arm-chip_error:hover {
282
+ background-color: var(--color-success-dark);
283
+ }
284
+ .arm-chip.arm-chip_info {
285
+ background-color: var(--color-info);
286
+ color: var(--color-info-contrast);
287
+ }
288
+ a.arm-chip.arm-chip_info:hover,
289
+ button.arm-chip.arm-chip_info:hover {
290
+ background-color: var(--color-info-dark);
291
+ }
292
+ .arm-chip.arm-chip_warning {
293
+ background-color: var(--color-warning);
294
+ color: var(--color-warning-contrast);
295
+ }
296
+ a.arm-chip.arm-chip_warning:hover,
297
+ button.arm-chip.arm-chip_warning:hover {
298
+ background-color: var(--color-warning-dark);
299
+ }
300
+
301
+ .arm-chip_outlined {
302
+ &.arm-chip {
303
+ background-color: transparent;
304
+ color: var(--color-neutral-light);
305
+ border-color: var(--color-neutral-light);
306
+ }
307
+ &.arm-chip.arm-chip_primary {
308
+ background-color: transparent;
309
+ color: var(--color-blue-600);
310
+ border-color: var(--color-blue-600);
311
+ }
312
+ &.arm-chip.arm-chip_secondary {
313
+ color: var(--color-secondary);
314
+ border-color: var(--color-secondary);
315
+ }
316
+ }
317
+
318
+ a.arm-chip_outlined.arm-chip.arm-chip_primary:hover,
319
+ button.arm-chip_outlined.arm-chip.arm-chip_primary:hover {
320
+ background-color: rgba(var(--color-blue-800-rgba), 0.1);
321
+ }
322
+ a.arm-chip_outlined.arm-chip.arm-chip_secondary:hover,
323
+ button.arm-chip_outlined.arm-chip.arm-chip_secondary:hover {
324
+ background-color: rgba(var(--color-secondary-rgba), 0.1);
325
+ }
326
+
327
+ }
package/assets/DateField.scss CHANGED
@@ -1,3 +1,3 @@
1
- .arm-datefield-popper > div{
2
- background: none !important;
1
+ .arm-datefield-popper > div{
2
+ background: none !important;
3
3
  }