@itcase/ui 1.2.5 → 1.2.7
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/cjs/constants/componentProps/borderColor.js +1 -1
- package/dist/cjs/constants/componentProps/textColorActive.js +1 -1
- package/dist/cjs/constants/componentProps/textColorHover.js +1 -1
- package/dist/constants/componentProps/borderColor.js +1 -1
- package/dist/constants/componentProps/textColorActive.js +1 -1
- package/dist/constants/componentProps/textColorHover.js +1 -1
- package/dist/css/components/DadataHintField/DadataHintField.css +1 -1
- package/dist/css/components/HTMLContent/HTMLContent.css +11 -12
- package/dist/css/components/Swiper/Swiper.css +5 -5
- package/dist/css/mixins/mixin.css +73 -0
- package/dist/css/mixins/mixin_animation.css +8 -0
- package/dist/css/mixins/mixin_dark-light.css +16 -0
- package/dist/css/mixins/mixin_elevation.css +33 -0
- package/dist/css/{styles → mixins}/mixin_fill-gradient.css +1 -1
- package/dist/css/mixins/mixin_typography.css +70 -0
- package/dist/css/{styles/mixin_global.css → mixins/mixin_utils.css} +0 -30
- package/dist/css/styles/svg-color/svg_fill.css +2 -2
- package/dist/css/styles/svg-color/svg_fill_hover.css +1 -1
- package/dist/css/styles/text-color/text-color.css +1 -1
- package/dist/css/styles/text-color/text-color_active.css +1 -1
- package/dist/css/styles/text-color/text-color_hover.css +2 -2
- package/dist/types/types/componentProps/borderColor.d.ts +1 -1
- package/dist/types/types/componentProps/itemColor.d.ts +1 -1
- package/dist/types/types/componentProps/svgFill.d.ts +1 -1
- package/dist/types/types/componentProps/textColor.d.ts +1 -1
- package/dist/types/types/componentProps/textColorActive.d.ts +1 -1
- package/dist/types/types/componentProps/textColorHover.d.ts +1 -1
- package/package.json +22 -22
- package/dist/css/styles/mixin_elevation.css +0 -33
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const borderColorProps = [null, 'accentBorderPrimary', 'accentBorderSecondary', 'accentBorderTertiary', 'accentBorderQuaternary', 'accentBorderDisabled', 'primaryBorderPrimary', 'primaryBorderSecondary', 'primaryBorderTertiary', 'primaryBorderQuaternary', 'primaryBorderDisabled', 'secondaryBorderPrimary', 'secondaryBorderSecondary', 'secondaryBorderTertiary', 'secondaryBorderQuaternary', 'secondaryBorderDisabled', 'tertiaryBorderPrimary', 'tertiaryBorderSecondary', 'tertiaryBorderTertiary', 'tertiaryBorderQuaternary', 'tertiaryBorderDisabled', 'surfaceBorderPrimary', 'surfaceBorderSecondary', 'surfaceBorderTertiary', 'surfaceBorderQuaternary', 'surfaceBorderDisabled', '
|
|
5
|
+
const borderColorProps = [null, 'accentBorderPrimary', 'accentBorderSecondary', 'accentBorderTertiary', 'accentBorderQuaternary', 'accentBorderDisabled', 'primaryBorderPrimary', 'primaryBorderSecondary', 'primaryBorderTertiary', 'primaryBorderQuaternary', 'primaryBorderDisabled', 'secondaryBorderPrimary', 'secondaryBorderSecondary', 'secondaryBorderTertiary', 'secondaryBorderQuaternary', 'secondaryBorderDisabled', 'tertiaryBorderPrimary', 'tertiaryBorderSecondary', 'tertiaryBorderTertiary', 'tertiaryBorderQuaternary', 'tertiaryBorderDisabled', 'surfaceBorderPrimary', 'surfaceBorderSecondary', 'surfaceBorderTertiary', 'surfaceBorderQuaternary', 'surfaceBorderDisabled', 'surfaceBorderInverse', 'errorBorderPrimary', 'errorBorderSecondary', 'errorBorderDisabled', 'successBorderPrimary', 'successBorderSecondary', 'successBorderDisabled'];
|
|
6
6
|
|
|
7
7
|
exports.default = borderColorProps;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', '
|
|
5
|
+
const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInverse'];
|
|
6
6
|
|
|
7
7
|
exports.default = textColorActiveProps;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const textColorHoverProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'
|
|
5
|
+
const textColorHoverProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
|
|
6
6
|
|
|
7
7
|
exports.default = textColorHoverProps;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const borderColorProps = [null, 'accentBorderPrimary', 'accentBorderSecondary', 'accentBorderTertiary', 'accentBorderQuaternary', 'accentBorderDisabled', 'primaryBorderPrimary', 'primaryBorderSecondary', 'primaryBorderTertiary', 'primaryBorderQuaternary', 'primaryBorderDisabled', 'secondaryBorderPrimary', 'secondaryBorderSecondary', 'secondaryBorderTertiary', 'secondaryBorderQuaternary', 'secondaryBorderDisabled', 'tertiaryBorderPrimary', 'tertiaryBorderSecondary', 'tertiaryBorderTertiary', 'tertiaryBorderQuaternary', 'tertiaryBorderDisabled', 'surfaceBorderPrimary', 'surfaceBorderSecondary', 'surfaceBorderTertiary', 'surfaceBorderQuaternary', 'surfaceBorderDisabled', '
|
|
1
|
+
const borderColorProps = [null, 'accentBorderPrimary', 'accentBorderSecondary', 'accentBorderTertiary', 'accentBorderQuaternary', 'accentBorderDisabled', 'primaryBorderPrimary', 'primaryBorderSecondary', 'primaryBorderTertiary', 'primaryBorderQuaternary', 'primaryBorderDisabled', 'secondaryBorderPrimary', 'secondaryBorderSecondary', 'secondaryBorderTertiary', 'secondaryBorderQuaternary', 'secondaryBorderDisabled', 'tertiaryBorderPrimary', 'tertiaryBorderSecondary', 'tertiaryBorderTertiary', 'tertiaryBorderQuaternary', 'tertiaryBorderDisabled', 'surfaceBorderPrimary', 'surfaceBorderSecondary', 'surfaceBorderTertiary', 'surfaceBorderQuaternary', 'surfaceBorderDisabled', 'surfaceBorderInverse', 'errorBorderPrimary', 'errorBorderSecondary', 'errorBorderDisabled', 'successBorderPrimary', 'successBorderSecondary', 'successBorderDisabled'];
|
|
2
2
|
|
|
3
3
|
export { borderColorProps as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', '
|
|
1
|
+
const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInverse'];
|
|
2
2
|
|
|
3
3
|
export { textColorActiveProps as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const textColorHoverProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'
|
|
1
|
+
const textColorHoverProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
|
|
2
2
|
|
|
3
3
|
export { textColorHoverProps as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.react-dadata__container{position:relative}.react-dadata__input{border:1px solid #ccc;border-radius:4px;
|
|
1
|
+
.react-dadata__container{position:relative}.react-dadata__input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;height:38px;padding:0 10px;font-size:16px;display:block}.react-dadata__input:focus{border-color:#007cd6;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,124,214,.3)}.react-dadata__suggestions{z-index:10;text-align:left;background-color:#fff;border-radius:4px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 1px 6px 3px rgba(0,0,0,.1)}.react-dadata__suggestion-note{color:#828282;padding:10px 10px 5px;font-size:14px}.react-dadata__suggestion{cursor:pointer;box-sizing:border-box;text-align:left;background:0 0;border:none;width:100%;padding:7px 10px;font-size:15px;display:block}.react-dadata__suggestion--line-through{text-decoration:line-through}.react-dadata__suggestion-subtitle{color:#777;margin-top:4px;font-size:14px}.react-dadata__suggestion-subtitle-item{margin-bottom:4px;margin-right:16px;display:inline-block}.react-dadata__suggestion-subtitle-item:last-child{margin-right:0}.react-dadata__suggestion--current{background-color:rgba(0,124,214,.15)}.react-dadata__suggestion:hover{background-color:rgba(0,124,214,.1)}.react-dadata mark{background:0 0}.react-dadata--highlighted{color:#0094ff}.react-dadata {
|
|
2
2
|
&__container {
|
|
3
3
|
width: 100%;
|
|
4
4
|
^&__input {
|
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
.html-content {
|
|
2
2
|
& h1 {
|
|
3
3
|
width: 100%;
|
|
4
|
-
color: var(--html-content-title-color);
|
|
4
|
+
color: var(--html-content-title-h1-color);
|
|
5
5
|
padding: var(--html-content-title-h1-padding, 0);
|
|
6
6
|
margin: var(--html-content-title-h1-margin, 0);
|
|
7
7
|
@mixin h1;
|
|
8
8
|
}
|
|
9
9
|
& h2 {
|
|
10
10
|
width: 100%;
|
|
11
|
-
color: var(--html-content-title-color);
|
|
11
|
+
color: var(--html-content-title-h2-color);
|
|
12
12
|
padding: var(--html-content-title-h2-padding, 0);
|
|
13
13
|
margin: var(--html-content-title-h2-margin, 0);
|
|
14
14
|
@mixin h2;
|
|
15
15
|
}
|
|
16
16
|
& h3 {
|
|
17
17
|
width: 100%;
|
|
18
|
-
color: var(--html-content-title-color);
|
|
18
|
+
color: var(--html-content-title-h3-color);
|
|
19
19
|
padding: var(--html-content-title-h3-padding, 0);
|
|
20
20
|
margin: var(--html-content-title-h3-margin, 0);
|
|
21
21
|
@mixin h3;
|
|
22
22
|
}
|
|
23
23
|
& h4 {
|
|
24
24
|
width: 100%;
|
|
25
|
-
color: var(--html-content-title-color);
|
|
25
|
+
color: var(--html-content-title-h4-color);
|
|
26
26
|
padding: var(--html-content-title-h4-padding, 0);
|
|
27
27
|
margin: var(--html-content-title-h4-margin, 0);
|
|
28
28
|
@mixin h4;
|
|
29
29
|
}
|
|
30
30
|
& h5 {
|
|
31
31
|
width: 100%;
|
|
32
|
-
color: var(--html-content-title-color);
|
|
32
|
+
color: var(--html-content-title-h5-color);
|
|
33
33
|
padding: var(--html-content-title-h5-padding, 0);
|
|
34
34
|
margin: var(--html-content-title-h5-margin, 0);
|
|
35
35
|
@mixin h5;
|
|
36
36
|
}
|
|
37
37
|
& h6 {
|
|
38
38
|
width: 100%;
|
|
39
|
-
color: var(--html-content-title-color);
|
|
39
|
+
color: var(--html-content-title-h6-color);
|
|
40
40
|
padding: var(--html-content-title-h6-padding, 0);
|
|
41
41
|
margin: var(--html-content-title-h6-margin, 0);
|
|
42
42
|
@mixin h6;
|
|
@@ -67,31 +67,30 @@
|
|
|
67
67
|
}
|
|
68
68
|
.html-content table {
|
|
69
69
|
margin: var(--html-content-table-margin, 0);
|
|
70
|
-
@media (
|
|
70
|
+
@media (--mobile) {
|
|
71
71
|
margin: var(--html-content-table-margin-mobile, 0);
|
|
72
|
+
display: flex;
|
|
72
73
|
}
|
|
73
74
|
& tr {
|
|
74
75
|
display: flex;
|
|
75
76
|
flex-wrap: wrap;
|
|
76
77
|
}
|
|
77
78
|
& td {
|
|
78
|
-
white-space: nowrap;
|
|
79
79
|
padding: var(--html-content-table-td-padding, 0);
|
|
80
|
-
@media (
|
|
80
|
+
@media (--mobile) {
|
|
81
81
|
padding: var(--html-content-table-td-padding-mobile, 0);
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
.html-content {
|
|
86
86
|
& p {
|
|
87
|
-
color: var(--html-content-
|
|
88
|
-
margin: var(--p-margin,
|
|
87
|
+
color: var(--html-content-p-color);
|
|
88
|
+
margin: var(--html-content-p-margin, 0);
|
|
89
89
|
@mixin p;
|
|
90
90
|
}
|
|
91
91
|
& a {
|
|
92
92
|
color: var(--html-content-link-color);
|
|
93
93
|
text-decoration: none;
|
|
94
|
-
@mixin text-xl 700;
|
|
95
94
|
}
|
|
96
95
|
}
|
|
97
96
|
.html-content {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Swiper 11.1.
|
|
2
|
+
* Swiper 11.1.12
|
|
3
3
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
4
4
|
* https://swiperjs.com
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: September 1, 2024
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/* FONT_START */
|
|
@@ -760,7 +760,7 @@ button.swiper-pagination-bullet {
|
|
|
760
760
|
pointer-events: auto;
|
|
761
761
|
}
|
|
762
762
|
|
|
763
|
-
.swiper-cube {
|
|
763
|
+
.swiper.swiper-cube {
|
|
764
764
|
overflow: visible;
|
|
765
765
|
}
|
|
766
766
|
|
|
@@ -834,7 +834,7 @@ button.swiper-pagination-bullet {
|
|
|
834
834
|
|
|
835
835
|
/* Cube slide shadows end */
|
|
836
836
|
|
|
837
|
-
.swiper-flip {
|
|
837
|
+
.swiper.swiper-flip {
|
|
838
838
|
overflow: visible;
|
|
839
839
|
}
|
|
840
840
|
|
|
@@ -874,7 +874,7 @@ button.swiper-pagination-bullet {
|
|
|
874
874
|
transition-property: transform, opacity, height;
|
|
875
875
|
}
|
|
876
876
|
|
|
877
|
-
.swiper-cards {
|
|
877
|
+
.swiper.swiper-cards {
|
|
878
878
|
overflow: visible;
|
|
879
879
|
}
|
|
880
880
|
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
/* stylelint-disable length-zero-no-unit */
|
|
2
|
+
|
|
3
|
+
@define-mixin h1 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
4
|
+
@mixin font $weight, 32px, 48px, $minLetterSpacing, 80px, 96px, $maxLetterSpacing,
|
|
5
|
+
var(--font-primary);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@define-mixin h2 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
9
|
+
@mixin font $weight, 24px, 28px, $minLetterSpacing, 56px, 64px, $maxLetterSpacing,
|
|
10
|
+
var(--font-primary);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@define-mixin h3 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
14
|
+
@mixin font $weight, 24px, 28px, $minLetterSpacing, 40px, 48px, $maxLetterSpacing,
|
|
15
|
+
var(--font-primary);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@define-mixin h4 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
19
|
+
@mixin font $weight, 22px, 24px, $minLetterSpacing, 22px, 24px, $maxLetterSpacing,
|
|
20
|
+
var(--font-primary);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@define-mixin h5 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
24
|
+
@mixin font $weight, 16px, 24px, $minLetterSpacing, 16px, 24px, $maxLetterSpacing,
|
|
25
|
+
var(--font-primary);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@define-mixin h6 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
29
|
+
@mixin font $weight, 14px, 20px, $minLetterSpacing, 14px, 20px, $maxLetterSpacing,
|
|
30
|
+
var(--font-primary);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@define-mixin p $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
34
|
+
@mixin font $weight, 14px, 20px, $minLetterSpacing, 18px, 28px, $maxLetterSpacing,
|
|
35
|
+
var(--font-primary);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@define-mixin text-xs $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
39
|
+
@mixin font $weight, 9px, 12px, $minLetterSpacing, 9px, 12px, $maxLetterSpacing,
|
|
40
|
+
var(--font-primary);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@define-mixin text-s $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
44
|
+
@mixin font $weight, 10px, 12px, $minLetterSpacing, 10px, 12px, $maxLetterSpacing,
|
|
45
|
+
var(--font-primary);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@define-mixin text-m $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
49
|
+
@mixin font $weight, 12px, 18px, $minLetterSpacing, 12px, 18px, $maxLetterSpacing,
|
|
50
|
+
var(--font-primary);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@define-mixin text-l $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
54
|
+
@mixin font $weight, 14px, 20px, $minLetterSpacing, 14px, 20px, $maxLetterSpacing,
|
|
55
|
+
var(--font-primary);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@define-mixin text-xl $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
59
|
+
@mixin font $weight, 16px, 24px, $minLetterSpacing, 16px, 24px, $maxLetterSpacing,
|
|
60
|
+
var(--font-primary);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
@define-mixin text-xxl $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
64
|
+
@mixin font $weight, 16px, 24px, $minLetterSpacing, 16px, 24px, $maxLetterSpacing,
|
|
65
|
+
var(--font-primary);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
@define-mixin text-gradient-primary {
|
|
69
|
+
color: transparent;
|
|
70
|
+
background: linear-gradient(90deg, hsla(266, 100%, 64%, 1) 0%, hsla(213, 79%, 68%, 1) 50%);
|
|
71
|
+
background-clip: text;
|
|
72
|
+
text-fill-color: transparent;
|
|
73
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/* stylelint-disable length-zero-no-unit */
|
|
2
|
+
|
|
3
|
+
@define-mixin elevation-1 {
|
|
4
|
+
box-shadow: var(--elevation-1);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
@define-mixin elevation-2 {
|
|
8
|
+
box-shadow: var(--elevation-2);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
@define-mixin elevation-4 {
|
|
12
|
+
box-shadow: var(--elevation-4);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@define-mixin elevation-6 {
|
|
16
|
+
box-shadow: var(--elevation-6);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@define-mixin elevation-8 {
|
|
20
|
+
box-shadow: var(--elevation-8);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@define-mixin elevation-12 {
|
|
24
|
+
box-shadow: var(--elevation-12);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@define-mixin elevation-16 {
|
|
28
|
+
box-shadow: var(--elevation-16);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@define-mixin elevation-24 {
|
|
32
|
+
box-shadow: var(--elevation-24);
|
|
33
|
+
}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
@define-mixin fill-gradient_surface-primary-diagonal-left {
|
|
18
|
-
background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 0%,hsla(0,0%,0%,0.65) 100%);
|
|
18
|
+
background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 0%, hsla(0,0%,0%,0.65) 100%);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
@define-mixin fill-gradient_surface-primary-diagonal-right {
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
@define-mixin h1-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
2
|
+
@mixin font $weight, var(--typography-h1-min), var(--typography-h1-max), $minLetterSpacing,
|
|
3
|
+
var(--typography-h1-min-line-height), var(--typography-h1-max-line-height), $maxLetterSpacing,
|
|
4
|
+
var(--typography-h1-font);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
@define-mixin h2-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
8
|
+
@mixin font $weight, 26px, 32px, $minLetterSpacing, 46px, 58px, $maxLetterSpacing,
|
|
9
|
+
var(--font-primary);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@define-mixin h3-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
13
|
+
@mixin font $weight, 18px, 24px, $minLetterSpacing, 32px, 40px, $maxLetterSpacing,
|
|
14
|
+
var(--font-primary);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@define-mixin h4-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
18
|
+
@mixin font $weight, 16px, 18px, $minLetterSpacing, 24px, 30px, $maxLetterSpacing,
|
|
19
|
+
var(--font-primary);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@define-mixin h5-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
23
|
+
@mixin font $weight, 14px, 16px, $minLetterSpacing, 18px, 26px, $maxLetterSpacing,
|
|
24
|
+
var(--font-primary);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@define-mixin h6-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
28
|
+
@mixin font $weight, 12px, 18px, $minLetterSpacing, 16px, 24px, $maxLetterSpacing,
|
|
29
|
+
var(--font-primary);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@define-mixin p-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
33
|
+
@mixin font $weight, 12px, 16px, $minLetterSpacing, 16px, 24px, $maxLetterSpacing,
|
|
34
|
+
var(--font-primary);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@define-mixin text-xxl-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
38
|
+
@mixin font $weight, 24px, 28px, $minLetterSpacing, 24px, 28px, $maxLetterSpacing,
|
|
39
|
+
var(--font-primary);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@define-mixin text-xl-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
43
|
+
@mixin font $weight, 20px, 24px, $minLetterSpacing, 20px, 24px, $maxLetterSpacing,
|
|
44
|
+
var(--font-primary);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@define-mixin text-l-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
48
|
+
@mixin font $weight, 18px, 24px, $minLetterSpacing, 18px, 24px, $maxLetterSpacing,
|
|
49
|
+
var(--font-primary);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@define-mixin text-m-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
53
|
+
@mixin font $weight, 16px, 18px, $minLetterSpacing, 16px, 20px, $maxLetterSpacing,
|
|
54
|
+
var(--font-primary);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@define-mixin text-s-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
58
|
+
@mixin font $weight, 14px, 18px, $minLetterSpacing, 14px, 18px, $maxLetterSpacing,
|
|
59
|
+
var(--font-primary);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@define-mixin text-xs-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
63
|
+
@mixin font $weight, 12px, 16px, $minLetterSpacing, 12px, 16px, $maxLetterSpacing,
|
|
64
|
+
var(--font-primary);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@define-mixin text-xxs-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
|
|
68
|
+
@mixin font $weight, 10px, 14px, $minLetterSpacing, 10px, 14px, $maxLetterSpacing,
|
|
69
|
+
var(--font-primary);
|
|
70
|
+
}
|
|
@@ -14,36 +14,6 @@
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
@define-mixin dark {
|
|
18
|
-
@media (prefers-color-scheme: dark) {
|
|
19
|
-
& {
|
|
20
|
-
@mixin-content;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
@define-mixin light {
|
|
26
|
-
@media (prefers-color-scheme: light) {
|
|
27
|
-
& {
|
|
28
|
-
@mixin-content;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
@mixin-content;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
@define-mixin disableAnimation {
|
|
35
|
-
transform: translate(0, 0);
|
|
36
|
-
opacity: 100%;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
@define-mixin easing $ease: easeInSine, $type: all, $time: 0.2s {
|
|
40
|
-
transition: $type $time $ease;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
@define-mixin easing $ease: easeInSine, $type: all, $time: 0.2s {
|
|
44
|
-
transition: $type $time $ease;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
17
|
@define-mixin word-wrap {
|
|
48
18
|
overflow-wrap: break-word;
|
|
49
19
|
word-wrap: break-word;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@each $type in accent, primary, secondary, tertiary, surface, success, error {
|
|
3
3
|
&_$(type) {
|
|
4
4
|
&-item {
|
|
5
|
-
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover,
|
|
5
|
+
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover, inverse {
|
|
6
6
|
&-$(color) {
|
|
7
7
|
& svg {
|
|
8
8
|
stroke: none;
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
|
-
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover,
|
|
14
|
+
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover, inverse {
|
|
15
15
|
&-$(color) {
|
|
16
16
|
& svg {
|
|
17
17
|
stroke: none;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@each $type in accent, primary, secondary, tertiary, surface, success, error {
|
|
3
3
|
&_$(type) {
|
|
4
4
|
&-item {
|
|
5
|
-
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover {
|
|
5
|
+
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover, inverse {
|
|
6
6
|
&-$(color) {
|
|
7
7
|
&:hover {
|
|
8
8
|
& svg {
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
&&-color {
|
|
3
3
|
&_hover {
|
|
4
4
|
@each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface,
|
|
5
|
-
success, error, info, warning {
|
|
5
|
+
success, error, info, warning, inverse {
|
|
6
6
|
&_$(type) {
|
|
7
7
|
&-text {
|
|
8
8
|
@each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent,
|
|
9
|
-
disabled, hover {
|
|
9
|
+
disabled, hover, inverse {
|
|
10
10
|
&-$(color) {
|
|
11
11
|
&:hover {
|
|
12
12
|
color: var(--color-$(type)-text-$(color));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type tBorderColorProps = 'accentBorderPrimary' | 'accentBorderSecondary' | 'accentBorderTertiary' | 'accentBorderQuaternary' | 'accentBorderDisabled' | 'primaryBorderPrimary' | 'primaryBorderSecondary' | 'primaryBorderTertiary' | 'primaryBorderQuaternary' | 'primaryBorderDisabled' | 'secondaryBorderPrimary' | 'secondaryBorderSecondary' | 'secondaryBorderTertiary' | 'secondaryBorderQuaternary' | 'secondaryBorderDisabled' | 'tertiaryBorderPrimary' | 'tertiaryBorderSecondary' | 'tertiaryBorderTertiary' | 'tertiaryBorderQuaternary' | 'tertiaryBorderDisabled' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'surfaceBorderQuaternary' | 'surfaceBorderDisabled' | '
|
|
1
|
+
export type tBorderColorProps = 'accentBorderPrimary' | 'accentBorderSecondary' | 'accentBorderTertiary' | 'accentBorderQuaternary' | 'accentBorderDisabled' | 'primaryBorderPrimary' | 'primaryBorderSecondary' | 'primaryBorderTertiary' | 'primaryBorderQuaternary' | 'primaryBorderDisabled' | 'secondaryBorderPrimary' | 'secondaryBorderSecondary' | 'secondaryBorderTertiary' | 'secondaryBorderQuaternary' | 'secondaryBorderDisabled' | 'tertiaryBorderPrimary' | 'tertiaryBorderSecondary' | 'tertiaryBorderTertiary' | 'tertiaryBorderQuaternary' | 'tertiaryBorderDisabled' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'surfaceBorderQuaternary' | 'surfaceBorderDisabled' | 'surfaceBorderInverse' | 'errorBorderPrimary' | 'errorBorderSecondary' | 'errorBorderDisabled' | 'successBorderPrimary' | 'successBorderSecondary' | 'successBorderDisabled';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type tItemColorProps = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | '
|
|
1
|
+
export type tItemColorProps = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | 'surfaceItemInverse' | 'surfaceItemAccent' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type svgFillPropsType = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | '
|
|
1
|
+
export type svgFillPropsType = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | 'surfaceItemInverse' | 'surfaceItemAccent' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type tTextColorProps = false | undefined | 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | '
|
|
1
|
+
export type tTextColorProps = false | undefined | 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInverse';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
type tTextColorActiveProps = false | undefined | 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | '
|
|
1
|
+
type tTextColorActiveProps = false | undefined | 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInverse';
|
|
2
2
|
export type { tTextColorActiveProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type tTextColorHoverProps = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | '
|
|
1
|
+
export type tTextColorHoverProps = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInverse';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.7",
|
|
4
4
|
"description": "UI components (Modal, Loader, Popup, etc)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Modal",
|
|
@@ -69,9 +69,9 @@
|
|
|
69
69
|
"scripts": {
|
|
70
70
|
"build": "npm run build-js && npm run build-css",
|
|
71
71
|
"build-js": "rm -rf dist && NODE_ENV=production rollup -c",
|
|
72
|
-
"build-css": "rm -rf dist/css && postcss 'src/components/**/!(css)/*.css' 'src/styles/!(.css)/**/*.css' 'src/styles/
|
|
72
|
+
"build-css": "rm -rf dist/css && postcss 'src/components/**/!(css)/*.css' 'src/styles/!(.css)/**/*.css' 'src/styles/mediaqueries.css' 'src/mixins/**/*.css' --base src --dir dist/css/ --env production",
|
|
73
73
|
"dev-js": "rollup -c -w",
|
|
74
|
-
"dev-css": "postcss 'src/components/**/!(css)/*.css' 'src/styles/!(.css)/**/*.css' 'src/styles/
|
|
74
|
+
"dev-css": "postcss 'src/components/**/!(css)/*.css' 'src/styles/!(.css)/**/*.css' 'src/styles/mediaqueries.css' 'src/mixins/**/*.css' --base src --dir dist/css/ --env production -w --verbose",
|
|
75
75
|
"prepare": "husky",
|
|
76
76
|
"prepack": "npm run build",
|
|
77
77
|
"semantic-release": "semantic-release",
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"registry": "https://registry.npmjs.org/"
|
|
91
91
|
},
|
|
92
92
|
"dependencies": {
|
|
93
|
-
"@itcase/common": "^1.2.
|
|
93
|
+
"@itcase/common": "^1.2.9",
|
|
94
94
|
"clsx": "^2.1.1",
|
|
95
95
|
"html5-boilerplate": "^9.0.1",
|
|
96
96
|
"js-cookie": "^3.0.5",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"prop-types": "^15.8.1",
|
|
100
100
|
"rc-slider": "^11.1.5",
|
|
101
101
|
"react": "^18.3.1",
|
|
102
|
-
"react-dadata": "^2.23.
|
|
102
|
+
"react-dadata": "^2.23.3",
|
|
103
103
|
"react-date-range": "^2.0.1",
|
|
104
104
|
"react-datepicker": "^7.3.0",
|
|
105
105
|
"react-dom": "^18.3.1",
|
|
@@ -112,18 +112,18 @@
|
|
|
112
112
|
"react-scroll": "^1.9.0",
|
|
113
113
|
"react-scrollbars-custom": "^4.1.1",
|
|
114
114
|
"react-select": "^5.8.0",
|
|
115
|
-
"swiper": "^11.1.
|
|
115
|
+
"swiper": "^11.1.12",
|
|
116
116
|
"uuid": "^10.0.0"
|
|
117
117
|
},
|
|
118
118
|
"devDependencies": {
|
|
119
|
-
"@itcase/lint": "^1.0.10",
|
|
120
119
|
"@babel/core": "^7.25.2",
|
|
121
120
|
"@babel/eslint-parser": "^7.25.1",
|
|
122
121
|
"@babel/eslint-plugin": "^7.25.1",
|
|
123
|
-
"@babel/preset-env": "^7.25.
|
|
122
|
+
"@babel/preset-env": "^7.25.4",
|
|
124
123
|
"@babel/preset-react": "^7.24.7",
|
|
125
|
-
"@commitlint/cli": "^19.4.
|
|
126
|
-
"@commitlint/config-conventional": "^19.
|
|
124
|
+
"@commitlint/cli": "^19.4.1",
|
|
125
|
+
"@commitlint/config-conventional": "^19.4.1",
|
|
126
|
+
"@itcase/lint": "^1.0.13",
|
|
127
127
|
"@rollup/plugin-babel": "^6.0.4",
|
|
128
128
|
"@rollup/plugin-commonjs": "^26.0.1",
|
|
129
129
|
"@rollup/plugin-json": "^6.1.0",
|
|
@@ -144,11 +144,11 @@
|
|
|
144
144
|
"babel-plugin-react-docgen": "^4.2.1",
|
|
145
145
|
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
|
|
146
146
|
"conventional-changelog-conventionalcommits": "^8.0.0",
|
|
147
|
-
"eslint": "9.
|
|
147
|
+
"eslint": "9.10.0",
|
|
148
148
|
"husky": "^9.1.5",
|
|
149
|
-
"lint-staged": "^15.2.
|
|
150
|
-
"npm": "^10.8.
|
|
151
|
-
"postcss": "^8.4.
|
|
149
|
+
"lint-staged": "^15.2.10",
|
|
150
|
+
"npm": "^10.8.3",
|
|
151
|
+
"postcss": "^8.4.45",
|
|
152
152
|
"postcss-aspect-ratio-polyfill": "^2.0.0",
|
|
153
153
|
"postcss-cli": "^11.0.0",
|
|
154
154
|
"postcss-combine-duplicated-selectors": "^10.0.3",
|
|
@@ -161,23 +161,23 @@
|
|
|
161
161
|
"postcss-hexrgba": "^2.1.0",
|
|
162
162
|
"postcss-import": "^16.1.0",
|
|
163
163
|
"postcss-import-ext-glob": "^2.1.1",
|
|
164
|
-
"postcss-mixins": "^
|
|
164
|
+
"postcss-mixins": "^11.0.1",
|
|
165
165
|
"postcss-nested": "^6.2.0",
|
|
166
166
|
"postcss-nested-ancestors": "^3.0.0",
|
|
167
|
-
"postcss-normalize": "^
|
|
167
|
+
"postcss-normalize": "^13.0.0",
|
|
168
168
|
"postcss-prepend-imports": "^1.0.1",
|
|
169
|
-
"postcss-preset-env": "^10.0.
|
|
169
|
+
"postcss-preset-env": "^10.0.3",
|
|
170
170
|
"postcss-pxtorem": "^6.1.0",
|
|
171
171
|
"postcss-responsive-type": "github:ITCase/postcss-responsive-type",
|
|
172
172
|
"postcss-sort-media-queries": "^5.2.0",
|
|
173
|
-
"prettier": "3.3.3",
|
|
174
|
-
"rollup": "^4.21.
|
|
173
|
+
"prettier": "^3.3.3",
|
|
174
|
+
"rollup": "^4.21.2",
|
|
175
175
|
"rollup-plugin-copy": "^3.5.0",
|
|
176
176
|
"rollup-plugin-dts": "^6.1.1",
|
|
177
177
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
178
178
|
"rollup-preserve-directives": "^1.1.1",
|
|
179
|
-
"semantic-release": "^24.1.
|
|
180
|
-
"stylelint": "^16.
|
|
181
|
-
"typescript": "^5.
|
|
179
|
+
"semantic-release": "^24.1.1",
|
|
180
|
+
"stylelint": "^16.9.0",
|
|
181
|
+
"typescript": "^5.6.2"
|
|
182
182
|
}
|
|
183
183
|
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/* stylelint-disable length-zero-no-unit */
|
|
2
|
-
|
|
3
|
-
@define-mixin elevation-1 {
|
|
4
|
-
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24);
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
@define-mixin elevation-2 {
|
|
8
|
-
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.24);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
@define-mixin elevation-4 {
|
|
12
|
-
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
@define-mixin elevation-6 {
|
|
16
|
-
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.24);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
@define-mixin elevation-8 {
|
|
20
|
-
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
@define-mixin elevation-12 {
|
|
24
|
-
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16)
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
@define-mixin elevation-16 {
|
|
28
|
-
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.16);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@define-mixin elevation-24 {
|
|
32
|
-
box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.12);
|
|
33
|
-
}
|