@itcase/ui 1.8.159 → 1.8.161

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 (99) hide show
  1. package/dist/cjs/components/Modal.js +6 -6
  2. package/dist/components/Modal.js +6 -6
  3. package/dist/css/components/Accordion/Accordion.css +90 -10
  4. package/dist/css/components/Avatar/Avatar.css +219 -12
  5. package/dist/css/components/AvatarStack/AvatarStack.css +54 -8
  6. package/dist/css/components/Badge/Badge.css +1131 -25
  7. package/dist/css/components/Breadcrumbs/Breadcrumbs.css +27 -5
  8. package/dist/css/components/Button/Button.css +467 -21
  9. package/dist/css/components/Cell/Cell.css +31 -6
  10. package/dist/css/components/Checkbox/Checkbox.css +10896 -164
  11. package/dist/css/components/Checkmark/Checkmark.css +60 -9
  12. package/dist/css/components/Chips/Chips.css +53 -7
  13. package/dist/css/components/Choice/Choice.css +123 -13
  14. package/dist/css/components/Choice/css/__item/choice__item_size.css +78 -8
  15. package/dist/css/components/Code/Code.css +55 -11
  16. package/dist/css/components/DatePeriod/DatePeriod.css +61 -11
  17. package/dist/css/components/Divider/Divider.css +35 -15
  18. package/dist/css/components/Dot/Dot.css +41 -7
  19. package/dist/css/components/Dropdown/Dropdown.css +66 -10
  20. package/dist/css/components/Flex/Flex.css +239 -40
  21. package/dist/css/components/Flex/css/__item/flex__item_align.css +51 -8
  22. package/dist/css/components/Flex/css/__item/flex__item_direction.css +11 -4
  23. package/dist/css/components/Flex/css/__item/flex__item_grow.css +5 -4
  24. package/dist/css/components/Flex/css/__item/flex__item_justify-content.css +17 -4
  25. package/dist/css/components/Grid/Grid.css +2207 -106
  26. package/dist/css/components/Grid/css/__item/grid__item_align-self.css +53 -4
  27. package/dist/css/components/Grid/css/__item/grid__item_column.css +270 -9
  28. package/dist/css/components/Grid/css/__item/grid__item_justify-self.css +66 -8
  29. package/dist/css/components/Grid/css/__item/grid__item_row.css +270 -9
  30. package/dist/css/components/Group/Group.css +5220 -117
  31. package/dist/css/components/HeroTitle/HeroTitle.css +27 -4
  32. package/dist/css/components/Icon/Icon.css +7601 -99
  33. package/dist/css/components/Input/Input.css +42 -10
  34. package/dist/css/components/InputPassword/InputPassword.css +42 -10
  35. package/dist/css/components/Label/Label.css +34 -6
  36. package/dist/css/components/Link/Link.css +14 -4
  37. package/dist/css/components/List/List.css +425 -23
  38. package/dist/css/components/Loader/Loader.css +79 -9
  39. package/dist/css/components/Logo/Logo.css +84 -13
  40. package/dist/css/components/MenuItem/MenuItem.css +105 -15
  41. package/dist/css/components/Modal/Modal.css +103 -9
  42. package/dist/css/components/Notification/Notification.css +39 -5
  43. package/dist/css/components/Notification/css/__item/notification__item_size.css +39 -5
  44. package/dist/css/components/Pagination/Pagination.css +82 -19
  45. package/dist/css/components/Pagination/css/__item/pagination__item.css +11 -4
  46. package/dist/css/components/Pagination/css/__item/pagination__item_size.css +15 -5
  47. package/dist/css/components/Radio/Radio.css +11019 -155
  48. package/dist/css/components/RangeSlider/RangeSlider.css +2584 -64
  49. package/dist/css/components/ScrollToView/ScrollToView.css +1974 -10
  50. package/dist/css/components/Search/Search.css +34 -6
  51. package/dist/css/components/Search/css/search-input/search-input_size.css +34 -6
  52. package/dist/css/components/Segmented/Segmented.css +60 -8
  53. package/dist/css/components/Segmented/css/__item/segmaented__item.css +60 -8
  54. package/dist/css/components/Select/Select.css +456 -25
  55. package/dist/css/components/Select/css/__input-container/select__input-container.css +369 -12
  56. package/dist/css/components/Select/css/__menu/select__menu-list-item_size.css +20 -4
  57. package/dist/css/components/Switch/Switch.css +53 -7
  58. package/dist/css/components/Tab/Tab.css +79 -10
  59. package/dist/css/components/Text/Text.css +61 -12
  60. package/dist/css/components/Textarea/Textarea.css +32 -4
  61. package/dist/css/components/Tile/Tile.css +49 -6
  62. package/dist/css/components/Title/Title.css +53 -5
  63. package/dist/css/components/Tooltip/Tooltip.css +21 -5
  64. package/dist/css/components/Warning/Warning.css +6 -8
  65. package/dist/css/styles/align/align.css +20 -3
  66. package/dist/css/styles/align/align_horizontal-reverse.css +188 -4
  67. package/dist/css/styles/align/align_horizontal.css +188 -4
  68. package/dist/css/styles/align/align_vertical-reverse.css +176 -4
  69. package/dist/css/styles/align/align_vertical.css +176 -4
  70. package/dist/css/styles/align-items/align-items.css +16 -3
  71. package/dist/css/styles/align-self/align-self.css +17 -4
  72. package/dist/css/styles/blur/blur.css +78 -5
  73. package/dist/css/styles/border/border.css +224 -10
  74. package/dist/css/styles/border-color/border-color.css +24322 -53
  75. package/dist/css/styles/border-width/border-width.css +52 -4
  76. package/dist/css/styles/bundle.css +96767 -7865
  77. package/dist/css/styles/caret-color/caret-color.css +276 -8
  78. package/dist/css/styles/cursor/cursor.css +21 -5
  79. package/dist/css/styles/elevation/elevation.css +23 -4
  80. package/dist/css/styles/elevation/elevation_hover.css +37 -4
  81. package/dist/css/styles/fill/fill.css +7646 -70
  82. package/dist/css/styles/fill/fill_gradient.css +519 -12
  83. package/dist/css/styles/flex/flex-grow.css +5 -4
  84. package/dist/css/styles/hover/hover-fill-color.css +836 -9
  85. package/dist/css/styles/hover/hover-item-color.css +1074 -9
  86. package/dist/css/styles/hover/hover-text-color.css +1074 -9
  87. package/dist/css/styles/justify-content/justify-content.css +32 -4
  88. package/dist/css/styles/opacity/opacity.css +70 -5
  89. package/dist/css/styles/placeholder-text-color/placeholder-text-color.css +354 -8
  90. package/dist/css/styles/svg-color/svg_fill.css +1018 -9
  91. package/dist/css/styles/svg-color/svg_fill_hover.css +471 -8
  92. package/dist/css/styles/svg-color/svg_path_fill.css +354 -8
  93. package/dist/css/styles/text-align/text-align.css +8 -4
  94. package/dist/css/styles/text-color/text-color.css +3570 -45
  95. package/dist/css/styles/text-decoration/text-decoration.css +5 -4
  96. package/dist/css/styles/text-gradient/text-gradient.css +1182 -12
  97. package/dist/css/styles/text-style/text-style.css +5 -4
  98. package/dist/css/styles/text-weight/text-weight.css +147 -7
  99. package/package.json +7 -7
package/dist/css/styles/caret-color/caret-color.css CHANGED
@@ -1,14 +1,282 @@
1
1
  .caret-color {
2
- @each $type in accent, primary, secondary, surface, error, warning, success,
3
- danger, info, disabled {
4
- @each $color in primary, secondary, tertiary, quaternary {
5
- &_$(type) {
2
+ &_accent {
6
3
  &-item {
7
- &-$(color) {
8
- caret-color: var(--color-$(type)-item-$(color));
4
+ &-primary {
5
+ caret-color: var(--color-accent-item-primary);
6
+ }
7
+ }
8
+ }
9
+ &_accent {
10
+ &-item {
11
+ &-secondary {
12
+ caret-color: var(--color-accent-item-secondary);
13
+ }
14
+ }
15
+ }
16
+ &_accent {
17
+ &-item {
18
+ &-tertiary {
19
+ caret-color: var(--color-accent-item-tertiary);
20
+ }
21
+ }
22
+ }
23
+ &_accent {
24
+ &-item {
25
+ &-quaternary {
26
+ caret-color: var(--color-accent-item-quaternary);
27
+ }
28
+ }
29
+ }
30
+ &_primary {
31
+ &-item {
32
+ &-primary {
33
+ caret-color: var(--color-primary-item-primary);
34
+ }
35
+ }
36
+ }
37
+ &_primary {
38
+ &-item {
39
+ &-secondary {
40
+ caret-color: var(--color-primary-item-secondary);
41
+ }
42
+ }
43
+ }
44
+ &_primary {
45
+ &-item {
46
+ &-tertiary {
47
+ caret-color: var(--color-primary-item-tertiary);
48
+ }
49
+ }
50
+ }
51
+ &_primary {
52
+ &-item {
53
+ &-quaternary {
54
+ caret-color: var(--color-primary-item-quaternary);
55
+ }
56
+ }
57
+ }
58
+ &_secondary {
59
+ &-item {
60
+ &-primary {
61
+ caret-color: var(--color-secondary-item-primary);
62
+ }
63
+ }
64
+ }
65
+ &_secondary {
66
+ &-item {
67
+ &-secondary {
68
+ caret-color: var(--color-secondary-item-secondary);
69
+ }
70
+ }
71
+ }
72
+ &_secondary {
73
+ &-item {
74
+ &-tertiary {
75
+ caret-color: var(--color-secondary-item-tertiary);
76
+ }
77
+ }
78
+ }
79
+ &_secondary {
80
+ &-item {
81
+ &-quaternary {
82
+ caret-color: var(--color-secondary-item-quaternary);
83
+ }
84
+ }
85
+ }
86
+ &_surface {
87
+ &-item {
88
+ &-primary {
89
+ caret-color: var(--color-surface-item-primary);
90
+ }
91
+ }
92
+ }
93
+ &_surface {
94
+ &-item {
95
+ &-secondary {
96
+ caret-color: var(--color-surface-item-secondary);
97
+ }
98
+ }
99
+ }
100
+ &_surface {
101
+ &-item {
102
+ &-tertiary {
103
+ caret-color: var(--color-surface-item-tertiary);
104
+ }
105
+ }
106
+ }
107
+ &_surface {
108
+ &-item {
109
+ &-quaternary {
110
+ caret-color: var(--color-surface-item-quaternary);
111
+ }
112
+ }
113
+ }
114
+ &_error {
115
+ &-item {
116
+ &-primary {
117
+ caret-color: var(--color-error-item-primary);
118
+ }
119
+ }
120
+ }
121
+ &_error {
122
+ &-item {
123
+ &-secondary {
124
+ caret-color: var(--color-error-item-secondary);
125
+ }
126
+ }
127
+ }
128
+ &_error {
129
+ &-item {
130
+ &-tertiary {
131
+ caret-color: var(--color-error-item-tertiary);
132
+ }
133
+ }
134
+ }
135
+ &_error {
136
+ &-item {
137
+ &-quaternary {
138
+ caret-color: var(--color-error-item-quaternary);
139
+ }
140
+ }
141
+ }
142
+ &_warning {
143
+ &-item {
144
+ &-primary {
145
+ caret-color: var(--color-warning-item-primary);
146
+ }
147
+ }
148
+ }
149
+ &_warning {
150
+ &-item {
151
+ &-secondary {
152
+ caret-color: var(--color-warning-item-secondary);
153
+ }
154
+ }
155
+ }
156
+ &_warning {
157
+ &-item {
158
+ &-tertiary {
159
+ caret-color: var(--color-warning-item-tertiary);
160
+ }
161
+ }
162
+ }
163
+ &_warning {
164
+ &-item {
165
+ &-quaternary {
166
+ caret-color: var(--color-warning-item-quaternary);
167
+ }
168
+ }
169
+ }
170
+ &_success {
171
+ &-item {
172
+ &-primary {
173
+ caret-color: var(--color-success-item-primary);
174
+ }
175
+ }
176
+ }
177
+ &_success {
178
+ &-item {
179
+ &-secondary {
180
+ caret-color: var(--color-success-item-secondary);
181
+ }
182
+ }
183
+ }
184
+ &_success {
185
+ &-item {
186
+ &-tertiary {
187
+ caret-color: var(--color-success-item-tertiary);
188
+ }
189
+ }
190
+ }
191
+ &_success {
192
+ &-item {
193
+ &-quaternary {
194
+ caret-color: var(--color-success-item-quaternary);
195
+ }
196
+ }
197
+ }
198
+ &_danger {
199
+ &-item {
200
+ &-primary {
201
+ caret-color: var(--color-danger-item-primary);
202
+ }
203
+ }
204
+ }
205
+ &_danger {
206
+ &-item {
207
+ &-secondary {
208
+ caret-color: var(--color-danger-item-secondary);
209
+ }
210
+ }
211
+ }
212
+ &_danger {
213
+ &-item {
214
+ &-tertiary {
215
+ caret-color: var(--color-danger-item-tertiary);
216
+ }
217
+ }
218
+ }
219
+ &_danger {
220
+ &-item {
221
+ &-quaternary {
222
+ caret-color: var(--color-danger-item-quaternary);
223
+ }
224
+ }
225
+ }
226
+ &_info {
227
+ &-item {
228
+ &-primary {
229
+ caret-color: var(--color-info-item-primary);
230
+ }
231
+ }
232
+ }
233
+ &_info {
234
+ &-item {
235
+ &-secondary {
236
+ caret-color: var(--color-info-item-secondary);
237
+ }
238
+ }
239
+ }
240
+ &_info {
241
+ &-item {
242
+ &-tertiary {
243
+ caret-color: var(--color-info-item-tertiary);
244
+ }
245
+ }
246
+ }
247
+ &_info {
248
+ &-item {
249
+ &-quaternary {
250
+ caret-color: var(--color-info-item-quaternary);
251
+ }
252
+ }
253
+ }
254
+ &_disabled {
255
+ &-item {
256
+ &-primary {
257
+ caret-color: var(--color-disabled-item-primary);
258
+ }
259
+ }
260
+ }
261
+ &_disabled {
262
+ &-item {
263
+ &-secondary {
264
+ caret-color: var(--color-disabled-item-secondary);
265
+ }
266
+ }
267
+ }
268
+ &_disabled {
269
+ &-item {
270
+ &-tertiary {
271
+ caret-color: var(--color-disabled-item-tertiary);
272
+ }
273
+ }
274
+ }
275
+ &_disabled {
276
+ &-item {
277
+ &-quaternary {
278
+ caret-color: var(--color-disabled-item-quaternary);
9
279
  }
10
280
  }
11
281
  }
12
- }
13
- }
14
282
  }
package/dist/css/styles/cursor/cursor.css CHANGED
@@ -1,12 +1,28 @@
1
1
  .cursor {
2
2
  &_type {
3
- @each $val in auto, default, none, pointer {
4
- &_$(val) {
5
- cursor: $(val);
3
+ &_auto {
4
+ cursor: auto;
6
5
  &:hover {
7
- cursor: $(val);
6
+ cursor: auto;
7
+ }
8
+ }
9
+ &_default {
10
+ cursor: default;
11
+ &:hover {
12
+ cursor: default;
13
+ }
14
+ }
15
+ &_none {
16
+ cursor: none;
17
+ &:hover {
18
+ cursor: none;
19
+ }
20
+ }
21
+ &_pointer {
22
+ cursor: pointer;
23
+ &:hover {
24
+ cursor: pointer;
8
25
  }
9
26
  }
10
- }
11
27
  }
12
28
  }
package/dist/css/styles/elevation/elevation.css CHANGED
@@ -1,7 +1,26 @@
1
1
  .elevation {
2
- @each $val in 1, 2, 4, 6, 8, 12, 16, 24 {
3
- &_$(val) {
4
- @mixin elevation-$(val);
2
+ &_1 {
3
+ @mixin elevation-1;
4
+ }
5
+ &_2 {
6
+ @mixin elevation-2;
7
+ }
8
+ &_4 {
9
+ @mixin elevation-4;
10
+ }
11
+ &_6 {
12
+ @mixin elevation-6;
13
+ }
14
+ &_8 {
15
+ @mixin elevation-8;
16
+ }
17
+ &_12 {
18
+ @mixin elevation-12;
19
+ }
20
+ &_16 {
21
+ @mixin elevation-16;
22
+ }
23
+ &_24 {
24
+ @mixin elevation-24;
5
25
  }
6
- }
7
26
  }
package/dist/css/styles/elevation/elevation_hover.css CHANGED
@@ -1,11 +1,44 @@
1
1
  .elevation {
2
2
  &_hover {
3
- @each $val in 1, 2, 4, 6, 8, 12, 16, 24 {
4
- &_$(val) {
3
+ &_1 {
5
4
  &:hover {
6
- @mixin elevation-$(val);
5
+ @mixin elevation-1;
6
+ }
7
+ }
8
+ &_2 {
9
+ &:hover {
10
+ @mixin elevation-2;
11
+ }
12
+ }
13
+ &_4 {
14
+ &:hover {
15
+ @mixin elevation-4;
16
+ }
17
+ }
18
+ &_6 {
19
+ &:hover {
20
+ @mixin elevation-6;
21
+ }
22
+ }
23
+ &_8 {
24
+ &:hover {
25
+ @mixin elevation-8;
26
+ }
27
+ }
28
+ &_12 {
29
+ &:hover {
30
+ @mixin elevation-12;
31
+ }
32
+ }
33
+ &_16 {
34
+ &:hover {
35
+ @mixin elevation-16;
36
+ }
37
+ }
38
+ &_24 {
39
+ &:hover {
40
+ @mixin elevation-24;
7
41
  }
8
42
  }
9
- }
10
43
  }
11
44
  }