armtek-uikit-react 1.0.258 → 1.0.259
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 +0 -10
- package/assets/Avatar.scss +1 -7
- package/assets/BackDrop.scss +6 -18
- package/assets/Chip.scss +18 -37
- package/assets/ListItem.scss +9 -7
- package/assets/Modal.scss +10 -15
- package/assets/Paper.scss +4 -7
- package/assets/Status.scss +1 -19
- package/assets/Table.scss +0 -15
- package/assets/global.scss +0 -1
- 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 +0 -1
- package/ui/Avatar/Avatar.js +1 -2
- package/ui/BackDrop/BackDrop.d.ts +1 -1
- package/ui/BackDrop/BackDropBase.d.ts +2 -2
- package/ui/BackDrop/BackDropBase.js +3 -6
- package/ui/Button/Button.d.ts +1 -1
- package/ui/ButtonIcon/ButtonIcon.d.ts +1 -1
- package/ui/Chip/Chip.d.ts +3 -2
- package/ui/Chip/Chip.js +20 -2
- package/ui/Form/DateField/DateField.js +0 -4
- package/ui/Form/FormControls/FormControls.d.ts +2 -2
- package/ui/Form/FormControls/FormControls.js +1 -1
- package/ui/Form/FormControls/const.d.ts +0 -1
- package/ui/Form/FormControls/const.js +2 -3
- package/ui/Form/Period/Period.d.ts +1 -12
- package/ui/Form/Period/Period.js +4 -16
- package/ui/Form/Select/Select.d.ts +2 -2
- package/ui/Form/Select/Select.js +4 -8
- package/ui/Form/Select/SelectSummary.d.ts +3 -3
- package/ui/Form/TimeField/TimeField.d.ts +1 -1
- package/ui/Modal/BaseModal.d.ts +2 -11
- package/ui/Modal/BaseModal.js +7 -25
- package/ui/Modal/Modal.d.ts +1 -1
- package/ui/Modal/Modal.js +5 -29
- package/ui/Table/Table.js +1 -4
package/assets/Accordion.scss
CHANGED
|
@@ -111,13 +111,3 @@
|
|
|
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,12 +94,6 @@
|
|
|
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
|
-
}
|
|
103
97
|
.arm-avatar__status_success{
|
|
104
98
|
background: var(--color-success);
|
|
105
99
|
}
|
|
@@ -108,4 +102,4 @@
|
|
|
108
102
|
}
|
|
109
103
|
.arm-avatar__status_warning{
|
|
110
104
|
background: var(--color-warning);
|
|
111
|
-
}
|
|
105
|
+
}
|
package/assets/BackDrop.scss
CHANGED
|
@@ -19,21 +19,9 @@
|
|
|
19
19
|
max-height: 95%;
|
|
20
20
|
overflow: auto;
|
|
21
21
|
}
|
|
22
|
-
.arm-backdrop__inner{
|
|
23
|
-
//position: relative;
|
|
24
|
-
z-index: 2;
|
|
25
|
-
max-width: 500px;
|
|
26
|
-
width: 100%;
|
|
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
|
-
}
|
|
22
|
+
.arm-backdrop__inner{
|
|
23
|
+
//position: relative;
|
|
24
|
+
z-index: 2;
|
|
25
|
+
max-width: 500px;
|
|
26
|
+
width: 100%;
|
|
27
|
+
}
|
package/assets/Chip.scss
CHANGED
|
@@ -29,14 +29,28 @@
|
|
|
29
29
|
overflow: hidden;
|
|
30
30
|
}
|
|
31
31
|
.arm-chip__close{
|
|
32
|
-
|
|
32
|
+
appearance: none;
|
|
33
|
+
background: transparent;
|
|
34
|
+
border: none;
|
|
33
35
|
margin-left: calc(var(--size-step) * 1);
|
|
34
36
|
padding: 0;
|
|
37
|
+
line-height: 1;
|
|
35
38
|
font-size: 20px;
|
|
36
39
|
color: var(--color-gray-500);
|
|
37
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
|
+
|
|
38
53
|
&:hover{
|
|
39
|
-
@include v.transition();
|
|
40
54
|
color: var(--color-gray-600);
|
|
41
55
|
}
|
|
42
56
|
}
|
|
@@ -51,11 +65,11 @@
|
|
|
51
65
|
}
|
|
52
66
|
|
|
53
67
|
.arm-chip_small{
|
|
54
|
-
height: 24px;
|
|
68
|
+
min-height: 24px;
|
|
55
69
|
padding: 4px var(--size-step);
|
|
56
70
|
}
|
|
57
71
|
.arm-chip_medium{
|
|
58
|
-
height: 32px;
|
|
72
|
+
min-height: 32px;
|
|
59
73
|
}
|
|
60
74
|
.arm-chip__icon_small{
|
|
61
75
|
font-size: 18px;
|
|
@@ -251,39 +265,6 @@ button.arm-chip_primary{
|
|
|
251
265
|
background-color: var(--color-secondary-dark);
|
|
252
266
|
}
|
|
253
267
|
|
|
254
|
-
.arm-chip.arm-chip_error {
|
|
255
|
-
background-color: var(--color-error);
|
|
256
|
-
color: var(--color-error-contrast);
|
|
257
|
-
}
|
|
258
|
-
a.arm-chip.arm-chip_error:hover,
|
|
259
|
-
button.arm-chip.arm-chip_error:hover {
|
|
260
|
-
background-color: var(--color-error-dark);
|
|
261
|
-
}
|
|
262
|
-
.arm-chip.arm-chip_success {
|
|
263
|
-
background-color: var(--color-success);
|
|
264
|
-
color: var(--color-success-contrast);
|
|
265
|
-
}
|
|
266
|
-
a.arm-chip.arm-chip_error:hover,
|
|
267
|
-
button.arm-chip.arm-chip_error:hover {
|
|
268
|
-
background-color: var(--color-success-dark);
|
|
269
|
-
}
|
|
270
|
-
.arm-chip.arm-chip_info {
|
|
271
|
-
background-color: var(--color-info);
|
|
272
|
-
color: var(--color-info-contrast);
|
|
273
|
-
}
|
|
274
|
-
a.arm-chip.arm-chip_info:hover,
|
|
275
|
-
button.arm-chip.arm-chip_info:hover {
|
|
276
|
-
background-color: var(--color-info-dark);
|
|
277
|
-
}
|
|
278
|
-
.arm-chip.arm-chip_warning {
|
|
279
|
-
background-color: var(--color-warning);
|
|
280
|
-
color: var(--color-warning-contrast);
|
|
281
|
-
}
|
|
282
|
-
a.arm-chip.arm-chip_warning:hover,
|
|
283
|
-
button.arm-chip.arm-chip_warning:hover {
|
|
284
|
-
background-color: var(--color-warning-dark);
|
|
285
|
-
}
|
|
286
|
-
|
|
287
268
|
.arm-chip_outlined {
|
|
288
269
|
&.arm-chip {
|
|
289
270
|
background-color: transparent;
|
package/assets/ListItem.scss
CHANGED
|
@@ -34,13 +34,16 @@
|
|
|
34
34
|
}
|
|
35
35
|
.arm-listitem__content{
|
|
36
36
|
display: block;
|
|
37
|
-
|
|
37
|
+
width: 100%;
|
|
38
|
+
max-width: 100%;
|
|
39
|
+
flex: 1 1 auto;
|
|
40
|
+
min-width: 0;
|
|
38
41
|
}
|
|
39
42
|
.arm-listitem__content_adornment_left{
|
|
40
|
-
|
|
43
|
+
padding-left: calc(var(--size-step) * 2);
|
|
41
44
|
}
|
|
42
|
-
.arm-listitem_endAdornment{
|
|
43
|
-
|
|
45
|
+
.arm-listitem_endAdornment .arm-listitem__content{
|
|
46
|
+
padding-right: calc(var(--size-step) * 2);
|
|
44
47
|
}
|
|
45
48
|
.arm-listitem_divider{
|
|
46
49
|
border-bottom: 1px solid var(--color-gray-200);
|
|
@@ -59,12 +62,11 @@
|
|
|
59
62
|
background-color: var(--color-gray-700);
|
|
60
63
|
color: var(--color-gray-200);
|
|
61
64
|
&:hover{
|
|
62
|
-
|
|
63
|
-
background-color: var(--color-gray-800)
|
|
65
|
+
background-color: rgba(var(--color-white-rgba), 0.1);
|
|
64
66
|
}
|
|
65
67
|
&.arm-listitem_active,
|
|
66
68
|
&:active{
|
|
67
|
-
background-color: rgba(var(--color-
|
|
69
|
+
background-color: rgba(var(--color-white-rgba), 0.2);
|
|
68
70
|
}
|
|
69
71
|
&.arm-listitem_disabled{
|
|
70
72
|
color: var(--color-gray-600);
|
package/assets/Modal.scss
CHANGED
|
@@ -38,20 +38,15 @@
|
|
|
38
38
|
margin-top: calc(var(--size-step) * 4);
|
|
39
39
|
padding: 0 calc(var(--size-step) * 4) calc(var(--size-step) * 4) calc(var(--size-step) * 4)
|
|
40
40
|
}
|
|
41
|
-
.arm-modal__close{
|
|
42
|
-
position: absolute;
|
|
43
|
-
right: calc(var(--size-step) * 4);
|
|
44
|
-
top: 50%;
|
|
45
|
-
transform: translateY(-50%);
|
|
46
|
-
}
|
|
47
|
-
.arm-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
transform: none;
|
|
51
|
-
}
|
|
52
|
-
.arm-modal__backdrop{
|
|
53
|
-
background: rgba(0, 0, 0, 0.25);
|
|
54
|
-
}
|
|
41
|
+
.arm-modal__close{
|
|
42
|
+
position: absolute;
|
|
43
|
+
right: calc(var(--size-step) * 4);
|
|
44
|
+
top: 50%;
|
|
45
|
+
transform: translateY(-50%);
|
|
46
|
+
}
|
|
47
|
+
.arm-modal__backdrop{
|
|
48
|
+
background: rgba(0, 0, 0, 0.25);
|
|
49
|
+
}
|
|
55
50
|
|
|
56
51
|
.arm-theme-dark {
|
|
57
52
|
.arm-modal{
|
|
@@ -100,4 +95,4 @@
|
|
|
100
95
|
}
|
|
101
96
|
|
|
102
97
|
|
|
103
|
-
}
|
|
98
|
+
}
|
package/assets/Paper.scss
CHANGED
|
@@ -12,12 +12,9 @@
|
|
|
12
12
|
border: 1px solid var(--color-gray-300)
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.arm-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
&.arm-paper_outlined{
|
|
20
|
-
border: 1px solid rgba(255, 255, 255, 0.2)
|
|
21
|
-
}
|
|
15
|
+
.arm-paper_dark{
|
|
16
|
+
background-color: var(--color-gray-700);
|
|
17
|
+
&.arm-paper_outlined{
|
|
18
|
+
border: 1px solid rgba(255, 255, 255, 0.2)
|
|
22
19
|
}
|
|
23
20
|
}
|
package/assets/Status.scss
CHANGED
|
@@ -48,22 +48,4 @@
|
|
|
48
48
|
}
|
|
49
49
|
.arm-status_size_medium{
|
|
50
50
|
height: 24px;
|
|
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
|
-
}
|
|
51
|
+
}
|
package/assets/Table.scss
CHANGED
|
@@ -30,24 +30,9 @@
|
|
|
30
30
|
padding-right: 0;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
|
|
35
33
|
.arm-table-cell_head{
|
|
36
34
|
color: var(--color-gray-500)
|
|
37
35
|
}
|
|
38
36
|
.arm-table-cell_variant_outlined{
|
|
39
37
|
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
|
-
}
|
|
53
38
|
}
|
package/assets/global.scss
CHANGED