@itcase/ui 1.0.96 → 1.0.97
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/dist/components/Button.js +1 -1
- package/dist/components/Checkbox.js +11 -6
- package/dist/components/Chips.js +6 -2
- package/dist/components/Choice.js +25 -12
- package/dist/components/DadataHintField.js +1 -1
- package/dist/components/DatePicker.js +7755 -8894
- package/dist/components/FormField.js +3 -3
- package/dist/components/Grid.js +3 -1
- package/dist/components/Group.js +9 -1
- package/dist/components/Input.js +6 -1
- package/dist/components/InputPassword.js +6 -1
- package/dist/components/Label.js +2 -0
- package/dist/components/RadioButton.js +12 -7
- package/dist/components/Segmented.js +22 -6
- package/dist/components/Select.js +8520 -46
- package/dist/components/Swiper.js +23 -13
- package/dist/components/Text.js +13 -1
- package/dist/components/Textarea.js +6 -1
- package/dist/components/Title.js +11 -3
- package/dist/css/components/Chips/Chips.css +7 -7
- package/dist/css/components/DatePicker/DatePicker.css +33 -84
- package/dist/css/components/Grid/Grid.css +8 -0
- package/dist/css/components/Swiper/Swiper.css +3 -3
- package/dist/css/styles/align/align_vertical.css +4 -4
- package/dist/css/styles/border-color/border-color.css +1 -2
- package/dist/css/styles/border-color/border-color_hover.css +22 -0
- package/dist/css/styles/fill/fill.css +2 -4
- package/dist/css/styles/fill/fill_active.css +2 -2
- package/dist/css/styles/fill/fill_disabled.css +2 -2
- package/dist/css/styles/fill/fill_hover.css +2 -2
- package/dist/css/styles/fill-gradient/fill-gradient.css +1 -1
- package/dist/css/styles/hover/hover-fill-color.css +1 -1
- package/dist/css/styles/hover/hover-item-color.css +1 -1
- package/dist/css/styles/hover/hover-text-color.css +1 -1
- package/dist/css/styles/mediaqueries.css +0 -14
- package/dist/css/styles/text-color/text-color.css +2 -3
- package/dist/css/styles/text-color/text-color_active.css +1 -1
- package/dist/css/styles/text-color/text-color_hover.css +23 -0
- package/dist/css/styles/text-gradient/text-gradient.css +0 -3
- package/dist/floating-ui.dom-D_Zct5p2.js +1401 -0
- package/package.json +26 -26
- package/dist/SelectContainer-umrbJtB5.js +0 -8728
- package/dist/css/styles/border-color-hover/border-color-hover.css +0 -21
- package/dist/css/styles/text-color-hover/text-color-hover.css +0 -21
- package/dist/defineProperty-ujK-k7aM.js +0 -166
- /package/dist/{_commonjsHelpers-rI13D0F7.js → _commonjsHelpers-CFO10eej.js} +0 -0
- /package/dist/css/styles/{border-color-focus/border-color-focus.css → border-color/border-color_focus.css} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.hover-item-color {
|
|
2
|
-
@each $type in accent, primary, secondary, tertiary, surface, success, error {
|
|
2
|
+
@each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface, success, error, info, warning {
|
|
3
3
|
&_$(type) {
|
|
4
4
|
&-item {
|
|
5
5
|
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.hover-text-color {
|
|
2
|
-
@each $type in accent, primary, secondary, tertiary, surface, success, error {
|
|
2
|
+
@each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface, success, error, info, warning {
|
|
3
3
|
&_$(type) {
|
|
4
4
|
&-text {
|
|
5
5
|
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover {
|
|
@@ -1,31 +1,17 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
|
|
3
2
|
--mobile-tiny: 15em; /* 240px */
|
|
4
|
-
|
|
5
3
|
--mobile-small: 20em; /* 320px */
|
|
6
|
-
|
|
7
4
|
--mobile-medium: 23.435em; /* 375px */
|
|
8
|
-
|
|
9
5
|
--mobile-large: 25.875em; /* 414px */
|
|
10
|
-
|
|
11
6
|
--mobile-extra-large: 30em; /* 480px */
|
|
12
|
-
|
|
13
7
|
--mobile-super-extra-large: 40em; /* 640px */
|
|
14
|
-
|
|
15
8
|
--tablet: 48em; /* 768px */
|
|
16
|
-
|
|
17
9
|
--desktop-small: 60em; /* 960px */
|
|
18
|
-
|
|
19
10
|
--desktop-medium: 64em; /* 1024px */
|
|
20
|
-
|
|
21
11
|
--desktop-normal: 72.5em; /* 1160px */
|
|
22
|
-
|
|
23
12
|
--desktop-large: 80em; /* 1280px */
|
|
24
|
-
|
|
25
13
|
--desktop-extra-large: 90em; /* 1441px */
|
|
26
|
-
|
|
27
14
|
--desktop-super-extra-large: 120em; /* 1920px */
|
|
28
|
-
|
|
29
15
|
--desktop-huge: 160em; /* 560px */
|
|
30
16
|
}
|
|
31
17
|
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
.text-color {
|
|
2
|
-
@each $type in accent, primary, secondary, tertiary, surface, success, error, info, warning {
|
|
2
|
+
@each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface, success, error, info, warning {
|
|
3
3
|
&_$(type) {
|
|
4
4
|
&-text {
|
|
5
|
-
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled,
|
|
6
|
-
hover, invert {
|
|
5
|
+
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover, invert {
|
|
7
6
|
&-$(color) {
|
|
8
7
|
color: var(--color-$(type)-text-$(color));
|
|
9
8
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.text-color {
|
|
2
2
|
&_active {
|
|
3
|
-
@each $type in accent, primary, secondary, tertiary, surface, success, error, info, warning {
|
|
3
|
+
@each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface, success, error, info, warning {
|
|
4
4
|
&_$(type) {
|
|
5
5
|
&-text {
|
|
6
6
|
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover {
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
.text-color {
|
|
2
|
+
&_hover {
|
|
3
|
+
@each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface, success, error, info, warning {
|
|
4
|
+
&_$(type) {
|
|
5
|
+
&-text {
|
|
6
|
+
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled,
|
|
7
|
+
hover {
|
|
8
|
+
&-$(color) {
|
|
9
|
+
&:hover {
|
|
10
|
+
color: var(--color-$(type)-text-$(color));
|
|
11
|
+
}
|
|
12
|
+
&-hover {
|
|
13
|
+
&:hover {
|
|
14
|
+
color: var(--color-$(type)-text-$(color)-hover);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -2,9 +2,6 @@
|
|
|
2
2
|
&_primary {
|
|
3
3
|
@mixin text-gradient-primary;
|
|
4
4
|
}
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.text-gradient {
|
|
8
5
|
@each $type in accent, primary, secondary, tertiary, surface, success, error {
|
|
9
6
|
&_$(type) {
|
|
10
7
|
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover {
|