armtek-uikit-react 1.0.259 → 1.0.262
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.
- package/assets/Accordion.scss +10 -0
- package/assets/Avatar.scss +7 -1
- package/assets/BackDrop.scss +12 -0
- package/assets/Chip.scss +33 -0
- package/assets/ListItem.scss +3 -2
- package/assets/Modal.scss +6 -1
- package/assets/Paper.scss +7 -4
- package/assets/Status.scss +19 -1
- package/assets/Table.scss +15 -0
- package/assets/global.scss +1 -0
- package/assets/styles.min.css +1 -1
- package/assets/styles.min.css.map +1 -1
- package/package.json +1 -1
- package/ui/Avatar/Avatar.d.ts +1 -0
- package/ui/Avatar/Avatar.js +2 -1
- package/ui/BackDrop/BackDrop.d.ts +1 -1
- package/ui/BackDrop/BackDropBase.d.ts +2 -2
- package/ui/BackDrop/BackDropBase.js +6 -3
- package/ui/Form/DateField/DateField.js +4 -0
- package/ui/Form/FormControls/FormControls.d.ts +2 -2
- package/ui/Form/FormControls/FormControls.js +1 -1
- package/ui/Form/FormControls/const.d.ts +1 -0
- package/ui/Form/FormControls/const.js +3 -2
- package/ui/Form/Period/Period.d.ts +11 -0
- package/ui/Form/Period/Period.js +16 -4
- package/ui/Form/Select/Select.js +8 -4
- package/ui/Modal/BaseModal.d.ts +11 -2
- package/ui/Modal/BaseModal.js +25 -7
- package/ui/Modal/Modal.d.ts +1 -1
- package/ui/Modal/Modal.js +29 -5
- package/ui/Popper/Popper.d.ts +1 -1
- package/ui/Popper/Popper.js +4 -3
- package/ui/Popper/PopperBase.d.ts +1 -1
- package/ui/Popper/PopperBase.js +5 -4
- package/ui/Table/Table.js +4 -1
package/assets/Accordion.scss
CHANGED
|
@@ -111,3 +111,13 @@
|
|
|
111
111
|
.arm-dropdown__Content{
|
|
112
112
|
padding: calc(var(--size-step) * 2);
|
|
113
113
|
}
|
|
114
|
+
|
|
115
|
+
.arm-theme-dark {
|
|
116
|
+
.arm-accordion__head_variant_contained{
|
|
117
|
+
background-color: var(--color-gray-700);
|
|
118
|
+
color: var(--color-white)
|
|
119
|
+
}
|
|
120
|
+
.arm-dropdown__Content{
|
|
121
|
+
color: var(--color-white)
|
|
122
|
+
}
|
|
123
|
+
}
|
package/assets/Avatar.scss
CHANGED
|
@@ -94,6 +94,12 @@
|
|
|
94
94
|
right: 0;
|
|
95
95
|
bottom: 0;
|
|
96
96
|
}
|
|
97
|
+
.arm-avatar_square{
|
|
98
|
+
border-radius: 0
|
|
99
|
+
}
|
|
100
|
+
.arm-avatar_rounded{
|
|
101
|
+
border-radius: var(--border-radius);
|
|
102
|
+
}
|
|
97
103
|
.arm-avatar__status_success{
|
|
98
104
|
background: var(--color-success);
|
|
99
105
|
}
|
|
@@ -102,4 +108,4 @@
|
|
|
102
108
|
}
|
|
103
109
|
.arm-avatar__status_warning{
|
|
104
110
|
background: var(--color-warning);
|
|
105
|
-
}
|
|
111
|
+
}
|
package/assets/BackDrop.scss
CHANGED
|
@@ -25,3 +25,15 @@
|
|
|
25
25
|
max-width: 500px;
|
|
26
26
|
width: 100%;
|
|
27
27
|
}
|
|
28
|
+
|
|
29
|
+
.arm-backdrop__inner_auto{
|
|
30
|
+
width: fit-content;
|
|
31
|
+
max-width: calc(100vw - 32px);
|
|
32
|
+
max-height: calc(100vh - 32px);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.arm-backdrop__inner_auto img{
|
|
36
|
+
display: block;
|
|
37
|
+
max-width: 100%;
|
|
38
|
+
height: auto;
|
|
39
|
+
}
|
package/assets/Chip.scss
CHANGED
|
@@ -265,6 +265,39 @@ button.arm-chip_primary{
|
|
|
265
265
|
background-color: var(--color-secondary-dark);
|
|
266
266
|
}
|
|
267
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
|
+
|
|
268
301
|
.arm-chip_outlined {
|
|
269
302
|
&.arm-chip {
|
|
270
303
|
background-color: transparent;
|
package/assets/ListItem.scss
CHANGED
|
@@ -62,11 +62,12 @@
|
|
|
62
62
|
background-color: var(--color-gray-700);
|
|
63
63
|
color: var(--color-gray-200);
|
|
64
64
|
&:hover{
|
|
65
|
-
background-color: rgba(var(--color-white-rgba), 0.1);
|
|
65
|
+
//background-color: rgba(var(--color-white-rgba), 0.1);
|
|
66
|
+
background-color: var(--color-gray-800)
|
|
66
67
|
}
|
|
67
68
|
&.arm-listitem_active,
|
|
68
69
|
&:active{
|
|
69
|
-
background-color: rgba(var(--color-
|
|
70
|
+
background-color: rgba(var(--color-gray-900-rgb), 0.9);
|
|
70
71
|
}
|
|
71
72
|
&.arm-listitem_disabled{
|
|
72
73
|
color: var(--color-gray-600);
|
package/assets/Modal.scss
CHANGED
|
@@ -44,6 +44,11 @@
|
|
|
44
44
|
top: 50%;
|
|
45
45
|
transform: translateY(-50%);
|
|
46
46
|
}
|
|
47
|
+
.arm-modal__close_noHeader{
|
|
48
|
+
top: calc(var(--size-step) * 2);
|
|
49
|
+
right: calc(var(--size-step) * 2);
|
|
50
|
+
transform: none;
|
|
51
|
+
}
|
|
47
52
|
.arm-modal__backdrop{
|
|
48
53
|
background: rgba(0, 0, 0, 0.25);
|
|
49
54
|
}
|
|
@@ -95,4 +100,4 @@
|
|
|
95
100
|
}
|
|
96
101
|
|
|
97
102
|
|
|
98
|
-
}
|
|
103
|
+
}
|
package/assets/Paper.scss
CHANGED
|
@@ -12,9 +12,12 @@
|
|
|
12
12
|
border: 1px solid var(--color-gray-300)
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.arm-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
.arm-theme-dark{
|
|
16
|
+
.arm-paper{
|
|
17
|
+
background-color: var(--color-gray-700);
|
|
18
|
+
color: var(--color-white);
|
|
19
|
+
&.arm-paper_outlined{
|
|
20
|
+
border: 1px solid rgba(255, 255, 255, 0.2)
|
|
21
|
+
}
|
|
19
22
|
}
|
|
20
23
|
}
|
package/assets/Status.scss
CHANGED
|
@@ -48,4 +48,22 @@
|
|
|
48
48
|
}
|
|
49
49
|
.arm-status_size_medium{
|
|
50
50
|
height: 24px;
|
|
51
|
-
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.arm-theme-dark{
|
|
54
|
+
.arm-status_info,
|
|
55
|
+
.arm-status_primary{
|
|
56
|
+
//background: rgba(var(--color-blue-500-rgba), 0.3);
|
|
57
|
+
background: var(--color-blue-400);
|
|
58
|
+
color: var(--color-blue-900);
|
|
59
|
+
}
|
|
60
|
+
.arm-status_neutral{
|
|
61
|
+
background: var(--color-gray-400);
|
|
62
|
+
color: var(--color-gray-900)
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.arm-status_error{
|
|
66
|
+
background: rgba(var(--color-error-rgba), 0.4);
|
|
67
|
+
color: var(--color-error);
|
|
68
|
+
}
|
|
69
|
+
}
|
package/assets/Table.scss
CHANGED
|
@@ -30,9 +30,24 @@
|
|
|
30
30
|
padding-right: 0;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
+
|
|
34
|
+
|
|
33
35
|
.arm-table-cell_head{
|
|
34
36
|
color: var(--color-gray-500)
|
|
35
37
|
}
|
|
36
38
|
.arm-table-cell_variant_outlined{
|
|
37
39
|
background-color: transparent;
|
|
40
|
+
}
|
|
41
|
+
.arm-theme-dark{
|
|
42
|
+
.arm-table-cell{
|
|
43
|
+
background-color: var(--color-gray-800);
|
|
44
|
+
color: var(--color-gray-200);
|
|
45
|
+
border-color: var(--color-gray-700);
|
|
46
|
+
}
|
|
47
|
+
.arm-table-cell_head{
|
|
48
|
+
color: var(--color-gray-200)
|
|
49
|
+
}
|
|
50
|
+
.arm-table-row_click:hover td{
|
|
51
|
+
background-color: rgba(var(--color-gray-700-rgb), 0.5);
|
|
52
|
+
}
|
|
38
53
|
}
|
package/assets/global.scss
CHANGED