@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/components/Search/Search.css CHANGED
@@ -65,13 +65,41 @@
65
65
 
66
66
  .search-input {
67
67
  &_size {
68
- @each $size in xxl, xl, l, m, s, xs, xxs {
69
- &_$(size) {
70
- min-height: var(--search-input-$(size)-min-height);
71
- padding: var(--search-input-$(size)-padding);
72
- gap: var(--search-input-$(size)-gap);
68
+ &_xxl {
69
+ min-height: var(--search-input-xxl-min-height);
70
+ padding: var(--search-input-xxl-padding);
71
+ gap: var(--search-input-xxl-gap);
72
+ }
73
+ &_xl {
74
+ min-height: var(--search-input-xl-min-height);
75
+ padding: var(--search-input-xl-padding);
76
+ gap: var(--search-input-xl-gap);
77
+ }
78
+ &_l {
79
+ min-height: var(--search-input-l-min-height);
80
+ padding: var(--search-input-l-padding);
81
+ gap: var(--search-input-l-gap);
82
+ }
83
+ &_m {
84
+ min-height: var(--search-input-m-min-height);
85
+ padding: var(--search-input-m-padding);
86
+ gap: var(--search-input-m-gap);
87
+ }
88
+ &_s {
89
+ min-height: var(--search-input-s-min-height);
90
+ padding: var(--search-input-s-padding);
91
+ gap: var(--search-input-s-gap);
92
+ }
93
+ &_xs {
94
+ min-height: var(--search-input-xs-min-height);
95
+ padding: var(--search-input-xs-padding);
96
+ gap: var(--search-input-xs-gap);
97
+ }
98
+ &_xxs {
99
+ min-height: var(--search-input-xxs-min-height);
100
+ padding: var(--search-input-xxs-padding);
101
+ gap: var(--search-input-xxs-gap);
73
102
  }
74
- }
75
103
  }
76
104
  }
77
105
 
package/dist/css/components/Search/css/search-input/search-input_size.css CHANGED
@@ -1,11 +1,39 @@
1
1
  .search-input {
2
2
  &_size {
3
- @each $size in xxl, xl, l, m, s, xs, xxs {
4
- &_$(size) {
5
- min-height: var(--search-input-$(size)-min-height);
6
- padding: var(--search-input-$(size)-padding);
7
- gap: var(--search-input-$(size)-gap);
3
+ &_xxl {
4
+ min-height: var(--search-input-xxl-min-height);
5
+ padding: var(--search-input-xxl-padding);
6
+ gap: var(--search-input-xxl-gap);
7
+ }
8
+ &_xl {
9
+ min-height: var(--search-input-xl-min-height);
10
+ padding: var(--search-input-xl-padding);
11
+ gap: var(--search-input-xl-gap);
12
+ }
13
+ &_l {
14
+ min-height: var(--search-input-l-min-height);
15
+ padding: var(--search-input-l-padding);
16
+ gap: var(--search-input-l-gap);
17
+ }
18
+ &_m {
19
+ min-height: var(--search-input-m-min-height);
20
+ padding: var(--search-input-m-padding);
21
+ gap: var(--search-input-m-gap);
22
+ }
23
+ &_s {
24
+ min-height: var(--search-input-s-min-height);
25
+ padding: var(--search-input-s-padding);
26
+ gap: var(--search-input-s-gap);
27
+ }
28
+ &_xs {
29
+ min-height: var(--search-input-xs-min-height);
30
+ padding: var(--search-input-xs-padding);
31
+ gap: var(--search-input-xs-gap);
32
+ }
33
+ &_xxs {
34
+ min-height: var(--search-input-xxs-min-height);
35
+ padding: var(--search-input-xxs-padding);
36
+ gap: var(--search-input-xxs-gap);
8
37
  }
9
- }
10
38
  }
11
39
  }
package/dist/css/components/Segmented/Segmented.css CHANGED
@@ -117,17 +117,69 @@
117
117
  position: relative;
118
118
  display: flex;
119
119
  transition: var(--select-item-transition);
120
- @each $size in xxl, xl, l, m, s, xs, xxs {
121
- &_size_$(size) {
122
- min-width: var(--segmented-item-size-$(size)-min-width);
123
- border-radius: var(--segmented-item-size-$(size)-border-radius);
120
+ &_size_xxl {
121
+ min-width: var(--segmented-item-size-xxl-min-width);
122
+ border-radius: var(--segmented-item-size-xxl-border-radius);
124
123
  ^&-label {
125
- min-height: var(--segmented-item-size-$(size)-min-height);
126
- padding: var(--segmented-item-size-$(size)-padding);
127
- gap: var(--segmented-item-size-$(size)-gap);
124
+ min-height: var(--segmented-item-size-xxl-min-height);
125
+ padding: var(--segmented-item-size-xxl-padding);
126
+ gap: var(--segmented-item-size-xxl-gap);
127
+ }
128
+ }
129
+ &_size_xl {
130
+ min-width: var(--segmented-item-size-xl-min-width);
131
+ border-radius: var(--segmented-item-size-xl-border-radius);
132
+ ^&-label {
133
+ min-height: var(--segmented-item-size-xl-min-height);
134
+ padding: var(--segmented-item-size-xl-padding);
135
+ gap: var(--segmented-item-size-xl-gap);
136
+ }
137
+ }
138
+ &_size_l {
139
+ min-width: var(--segmented-item-size-l-min-width);
140
+ border-radius: var(--segmented-item-size-l-border-radius);
141
+ ^&-label {
142
+ min-height: var(--segmented-item-size-l-min-height);
143
+ padding: var(--segmented-item-size-l-padding);
144
+ gap: var(--segmented-item-size-l-gap);
145
+ }
146
+ }
147
+ &_size_m {
148
+ min-width: var(--segmented-item-size-m-min-width);
149
+ border-radius: var(--segmented-item-size-m-border-radius);
150
+ ^&-label {
151
+ min-height: var(--segmented-item-size-m-min-height);
152
+ padding: var(--segmented-item-size-m-padding);
153
+ gap: var(--segmented-item-size-m-gap);
154
+ }
155
+ }
156
+ &_size_s {
157
+ min-width: var(--segmented-item-size-s-min-width);
158
+ border-radius: var(--segmented-item-size-s-border-radius);
159
+ ^&-label {
160
+ min-height: var(--segmented-item-size-s-min-height);
161
+ padding: var(--segmented-item-size-s-padding);
162
+ gap: var(--segmented-item-size-s-gap);
163
+ }
164
+ }
165
+ &_size_xs {
166
+ min-width: var(--segmented-item-size-xs-min-width);
167
+ border-radius: var(--segmented-item-size-xs-border-radius);
168
+ ^&-label {
169
+ min-height: var(--segmented-item-size-xs-min-height);
170
+ padding: var(--segmented-item-size-xs-padding);
171
+ gap: var(--segmented-item-size-xs-gap);
172
+ }
173
+ }
174
+ &_size_xxs {
175
+ min-width: var(--segmented-item-size-xxs-min-width);
176
+ border-radius: var(--segmented-item-size-xxs-border-radius);
177
+ ^&-label {
178
+ min-height: var(--segmented-item-size-xxs-min-height);
179
+ padding: var(--segmented-item-size-xxs-padding);
180
+ gap: var(--segmented-item-size-xxs-gap);
128
181
  }
129
182
  }
130
- }
131
183
  &_icon {
132
184
  min-width: auto;
133
185
  }
package/dist/css/components/Segmented/css/__item/segmaented__item.css CHANGED
@@ -2,17 +2,69 @@
2
2
  position: relative;
3
3
  display: flex;
4
4
  transition: var(--select-item-transition);
5
- @each $size in xxl, xl, l, m, s, xs, xxs {
6
- &_size_$(size) {
7
- min-width: var(--segmented-item-size-$(size)-min-width);
8
- border-radius: var(--segmented-item-size-$(size)-border-radius);
5
+ &_size_xxl {
6
+ min-width: var(--segmented-item-size-xxl-min-width);
7
+ border-radius: var(--segmented-item-size-xxl-border-radius);
9
8
  ^&-label {
10
- min-height: var(--segmented-item-size-$(size)-min-height);
11
- padding: var(--segmented-item-size-$(size)-padding);
12
- gap: var(--segmented-item-size-$(size)-gap);
9
+ min-height: var(--segmented-item-size-xxl-min-height);
10
+ padding: var(--segmented-item-size-xxl-padding);
11
+ gap: var(--segmented-item-size-xxl-gap);
12
+ }
13
+ }
14
+ &_size_xl {
15
+ min-width: var(--segmented-item-size-xl-min-width);
16
+ border-radius: var(--segmented-item-size-xl-border-radius);
17
+ ^&-label {
18
+ min-height: var(--segmented-item-size-xl-min-height);
19
+ padding: var(--segmented-item-size-xl-padding);
20
+ gap: var(--segmented-item-size-xl-gap);
21
+ }
22
+ }
23
+ &_size_l {
24
+ min-width: var(--segmented-item-size-l-min-width);
25
+ border-radius: var(--segmented-item-size-l-border-radius);
26
+ ^&-label {
27
+ min-height: var(--segmented-item-size-l-min-height);
28
+ padding: var(--segmented-item-size-l-padding);
29
+ gap: var(--segmented-item-size-l-gap);
30
+ }
31
+ }
32
+ &_size_m {
33
+ min-width: var(--segmented-item-size-m-min-width);
34
+ border-radius: var(--segmented-item-size-m-border-radius);
35
+ ^&-label {
36
+ min-height: var(--segmented-item-size-m-min-height);
37
+ padding: var(--segmented-item-size-m-padding);
38
+ gap: var(--segmented-item-size-m-gap);
39
+ }
40
+ }
41
+ &_size_s {
42
+ min-width: var(--segmented-item-size-s-min-width);
43
+ border-radius: var(--segmented-item-size-s-border-radius);
44
+ ^&-label {
45
+ min-height: var(--segmented-item-size-s-min-height);
46
+ padding: var(--segmented-item-size-s-padding);
47
+ gap: var(--segmented-item-size-s-gap);
48
+ }
49
+ }
50
+ &_size_xs {
51
+ min-width: var(--segmented-item-size-xs-min-width);
52
+ border-radius: var(--segmented-item-size-xs-border-radius);
53
+ ^&-label {
54
+ min-height: var(--segmented-item-size-xs-min-height);
55
+ padding: var(--segmented-item-size-xs-padding);
56
+ gap: var(--segmented-item-size-xs-gap);
57
+ }
58
+ }
59
+ &_size_xxs {
60
+ min-width: var(--segmented-item-size-xxs-min-width);
61
+ border-radius: var(--segmented-item-size-xxs-border-radius);
62
+ ^&-label {
63
+ min-height: var(--segmented-item-size-xxs-min-height);
64
+ padding: var(--segmented-item-size-xxs-padding);
65
+ gap: var(--segmented-item-size-xxs-gap);
13
66
  }
14
67
  }
15
- }
16
68
  &_icon {
17
69
  min-width: auto;
18
70
  }