@commercetools-uikit/design-system 12.2.3 → 13.0.0
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/commercetools-uikit-design-system.cjs.dev.js +2 -2
- package/dist/commercetools-uikit-design-system.cjs.prod.js +2 -2
- package/dist/commercetools-uikit-design-system.esm.js +2 -2
- package/dist/declarations/src/custom-properties.d.ts +117 -117
- package/dist/declarations/src/design-tokens.d.ts +32 -32
- package/dist/declarations/src/index.d.ts +3 -3
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +3 -5
|
@@ -163,8 +163,8 @@ var designTokens = {
|
|
|
163
163
|
shadowBoxTagWhenHovered: 'shadow1'
|
|
164
164
|
};
|
|
165
165
|
|
|
166
|
-
// NOTE: This string will be replaced
|
|
167
|
-
var version =
|
|
166
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
167
|
+
var version = "13.0.0";
|
|
168
168
|
|
|
169
169
|
exports.customProperties = customProperties;
|
|
170
170
|
exports.designTokens = designTokens;
|
|
@@ -163,8 +163,8 @@ var designTokens = {
|
|
|
163
163
|
shadowBoxTagWhenHovered: 'shadow1'
|
|
164
164
|
};
|
|
165
165
|
|
|
166
|
-
// NOTE: This string will be replaced
|
|
167
|
-
var version =
|
|
166
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
167
|
+
var version = "13.0.0";
|
|
168
168
|
|
|
169
169
|
exports.customProperties = customProperties;
|
|
170
170
|
exports.designTokens = designTokens;
|
|
@@ -159,7 +159,7 @@ var designTokens = {
|
|
|
159
159
|
shadowBoxTagWhenHovered: 'shadow1'
|
|
160
160
|
};
|
|
161
161
|
|
|
162
|
-
// NOTE: This string will be replaced
|
|
163
|
-
var version =
|
|
162
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
163
|
+
var version = "13.0.0";
|
|
164
164
|
|
|
165
165
|
export { customProperties, designTokens, version };
|
|
@@ -1,117 +1,117 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
readonly colorPrimary: "#00b39e";
|
|
3
|
-
readonly colorPrimary25: "hsl(172.9608938547486, 100%, 25%)";
|
|
4
|
-
readonly colorPrimary40: "hsl(172.9608938547486, 100%, 40%)";
|
|
5
|
-
readonly colorPrimary85: "hsl(172.9608938547486, 100%, 85%)";
|
|
6
|
-
readonly colorPrimary95: "hsl(172.9608938547486, 100%, 95%)";
|
|
7
|
-
readonly colorAccent: "#213c45";
|
|
8
|
-
readonly colorAccent30: "hsl(195, 35.2941176471%, 30%)";
|
|
9
|
-
readonly colorAccent40: "hsl(195, 35.2941176471%, 40%)";
|
|
10
|
-
readonly colorAccent95: "hsl(195, 35.2941176471%, 95%)";
|
|
11
|
-
readonly colorAccent98: "hsl(195, 35.2941176471%, 98%)";
|
|
12
|
-
readonly colorNeutral: "#ccc";
|
|
13
|
-
readonly colorNeutral60: "hsl(0, 0%, 60%)";
|
|
14
|
-
readonly colorNeutral90: "hsl(0, 0%, 90%)";
|
|
15
|
-
readonly colorNeutral95: "hsl(0, 0%, 95%)";
|
|
16
|
-
readonly colorInfo: "#078cdf";
|
|
17
|
-
readonly colorInfo85: "hsl(203.05555555555554, 93.9130434783%, 85%)";
|
|
18
|
-
readonly colorInfo95: "hsl(203.05555555555554, 93.9130434783%, 95%)";
|
|
19
|
-
readonly colorWarning: "#f16d0e";
|
|
20
|
-
readonly colorWarning95: "hsl(25.110132158590307, 89.0196078431%, 95%)";
|
|
21
|
-
readonly colorError: "#e60050";
|
|
22
|
-
readonly colorError95: "hsl(339.1304347826087, 100%, 95%)";
|
|
23
|
-
readonly colorSolid: "#1a1a1a";
|
|
24
|
-
readonly colorSurface: "#fff";
|
|
25
|
-
readonly borderRadius1: "1px";
|
|
26
|
-
readonly borderRadius2: "2px";
|
|
27
|
-
readonly borderRadius4: "4px";
|
|
28
|
-
readonly borderRadius6: "6px";
|
|
29
|
-
readonly borderRadius20: "20px";
|
|
30
|
-
readonly fontFamilyBody: "'Open Sans', sans-serif";
|
|
31
|
-
readonly fontSizeM: "1rem";
|
|
32
|
-
readonly shadow1: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
|
|
33
|
-
readonly shadow2: "0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)";
|
|
34
|
-
readonly shadow3: "0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)";
|
|
35
|
-
readonly shadow4: "0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)";
|
|
36
|
-
readonly shadow5: "0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22)";
|
|
37
|
-
readonly shadow6: "0 -1px 2px 0 rgba(0, 0, 0, 0.2)";
|
|
38
|
-
readonly shadow7: "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)";
|
|
39
|
-
readonly shadow8: "0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24)";
|
|
40
|
-
readonly shadow9: "inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25)";
|
|
41
|
-
readonly shadow10: "0 0 0 1px rgba(224, 230, 237, 0.5)";
|
|
42
|
-
readonly shadow11: "0 1px 0.5px rgba(0, 0, 0, 0.24), 0 -1px 0.75px rgba(0, 0, 0, 0.12)";
|
|
43
|
-
readonly shadow12: "0 0 1px rgba(0, 0, 0, 0.25)";
|
|
44
|
-
readonly shadow13: "0 0 1px rgba(0, 0, 0, 0.25)";
|
|
45
|
-
readonly shadow14: "0 0 0.5px rgba(0, 0, 0, 0.1)";
|
|
46
|
-
readonly shadow15: "0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12)";
|
|
47
|
-
readonly shadow16: "0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25)";
|
|
48
|
-
readonly constraintScale: "100%";
|
|
49
|
-
readonly constraint1: "42px";
|
|
50
|
-
readonly constraint2: "84px";
|
|
51
|
-
readonly constraint3: "142px";
|
|
52
|
-
readonly constraint4: "184px";
|
|
53
|
-
readonly constraint5: "242px";
|
|
54
|
-
readonly constraint6: "284px";
|
|
55
|
-
readonly constraint7: "342px";
|
|
56
|
-
readonly constraint8: "384px";
|
|
57
|
-
readonly constraint9: "442px";
|
|
58
|
-
readonly constraint10: "484px";
|
|
59
|
-
readonly constraint11: "542px";
|
|
60
|
-
readonly constraint12: "584px";
|
|
61
|
-
readonly constraint13: "642px";
|
|
62
|
-
readonly constraint14: "684px";
|
|
63
|
-
readonly constraint15: "742px";
|
|
64
|
-
readonly constraint16: "784px";
|
|
65
|
-
readonly spacingXs: "4px";
|
|
66
|
-
readonly spacingS: "8px";
|
|
67
|
-
readonly spacingM: "16px";
|
|
68
|
-
readonly spacingL: "24px";
|
|
69
|
-
readonly spacingXl: "32px";
|
|
70
|
-
readonly transitionLinear80Ms: "80ms linear";
|
|
71
|
-
readonly transitionEaseinout150Ms: "150ms ease-in-out";
|
|
72
|
-
readonly transitionStandard: "200ms ease";
|
|
73
|
-
readonly breakPointMobile: "768px";
|
|
74
|
-
readonly breakPointDesktop: "1024px";
|
|
75
|
-
readonly breakPointBiggerdesktop: "1280px";
|
|
76
|
-
readonly breakPointGiantdesktop: "1680px";
|
|
77
|
-
readonly breakPointJumbodesktop: "1920px";
|
|
78
|
-
readonly backgroundColorForInput: "#fff";
|
|
79
|
-
readonly backgroundColorForInputWhenSelected: "hsl(195, 35.2941176471%, 95%)";
|
|
80
|
-
readonly backgroundColorForInputWhenDisabled: "hsl(195, 35.2941176471%, 98%)";
|
|
81
|
-
readonly backgroundColorForInputWhenHovered: "hsl(0, 0%, 90%)";
|
|
82
|
-
readonly backgroundColorForTag: "hsl(0, 0%, 95%)";
|
|
83
|
-
readonly backgroundColorForTagWarning: "hsl(25.110132158590307, 89.0196078431%, 95%)";
|
|
84
|
-
readonly borderColorForInput: "hsl(0, 0%, 60%)";
|
|
85
|
-
readonly borderColorForInputWhenFocused: "#00b39e";
|
|
86
|
-
readonly borderColorForInputWhenDisabled: "#ccc";
|
|
87
|
-
readonly borderColorForInputWhenReadonly: "#ccc";
|
|
88
|
-
readonly borderColorForInputWhenError: "#e60050";
|
|
89
|
-
readonly borderColorForInputWhenWarning: "#f16d0e";
|
|
90
|
-
readonly borderColorForTag: "hsl(0, 0%, 60%)";
|
|
91
|
-
readonly borderColorForTagWarning: "#f16d0e";
|
|
92
|
-
readonly borderColorForTagWhenFocused: "#00b39e";
|
|
93
|
-
readonly borderRadiusForInput: "6px";
|
|
94
|
-
readonly borderRadiusForTag: "2px";
|
|
95
|
-
readonly fontColorForInput: "#1a1a1a";
|
|
96
|
-
readonly fontColorForInputWhenDisabled: "hsl(0, 0%, 60%)";
|
|
97
|
-
readonly fontColorForInputWhenError: "#e60050";
|
|
98
|
-
readonly fontColorForInputWhenReadonly: "hsl(0, 0%, 60%)";
|
|
99
|
-
readonly fontColorForInputWhenWarning: "#f16d0e";
|
|
100
|
-
readonly fontColorForTag: "#1a1a1a";
|
|
101
|
-
readonly fontColorForTagWhenDisabled: "hsl(0, 0%, 60%)";
|
|
102
|
-
readonly fontColorForTextWhenInverted: "#fff";
|
|
103
|
-
readonly fontFamily: "'Open Sans', sans-serif";
|
|
104
|
-
readonly placeholderFontColorForInput: "hsl(0, 0%, 60%)";
|
|
105
|
-
readonly fontSizeForInput: "1rem";
|
|
106
|
-
readonly shadowBoxTagWhenHovered: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
|
|
107
|
-
readonly bigButtonHeight: "32px";
|
|
108
|
-
readonly smallButtonHeight: "24px";
|
|
109
|
-
readonly sizeHeightInput: "32px";
|
|
110
|
-
readonly fontFamilyDefault: "'Open Sans', sans-serif";
|
|
111
|
-
readonly fontSizeDefault: "1rem";
|
|
112
|
-
readonly fontSizeSmall: "0.9231rem";
|
|
113
|
-
readonly shadowBoxTagHover: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
|
|
114
|
-
readonly sizeHeightTag: "26px";
|
|
115
|
-
readonly standardInputHeight: "32px";
|
|
116
|
-
};
|
|
117
|
-
export default _default;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
readonly colorPrimary: "#00b39e";
|
|
3
|
+
readonly colorPrimary25: "hsl(172.9608938547486, 100%, 25%)";
|
|
4
|
+
readonly colorPrimary40: "hsl(172.9608938547486, 100%, 40%)";
|
|
5
|
+
readonly colorPrimary85: "hsl(172.9608938547486, 100%, 85%)";
|
|
6
|
+
readonly colorPrimary95: "hsl(172.9608938547486, 100%, 95%)";
|
|
7
|
+
readonly colorAccent: "#213c45";
|
|
8
|
+
readonly colorAccent30: "hsl(195, 35.2941176471%, 30%)";
|
|
9
|
+
readonly colorAccent40: "hsl(195, 35.2941176471%, 40%)";
|
|
10
|
+
readonly colorAccent95: "hsl(195, 35.2941176471%, 95%)";
|
|
11
|
+
readonly colorAccent98: "hsl(195, 35.2941176471%, 98%)";
|
|
12
|
+
readonly colorNeutral: "#ccc";
|
|
13
|
+
readonly colorNeutral60: "hsl(0, 0%, 60%)";
|
|
14
|
+
readonly colorNeutral90: "hsl(0, 0%, 90%)";
|
|
15
|
+
readonly colorNeutral95: "hsl(0, 0%, 95%)";
|
|
16
|
+
readonly colorInfo: "#078cdf";
|
|
17
|
+
readonly colorInfo85: "hsl(203.05555555555554, 93.9130434783%, 85%)";
|
|
18
|
+
readonly colorInfo95: "hsl(203.05555555555554, 93.9130434783%, 95%)";
|
|
19
|
+
readonly colorWarning: "#f16d0e";
|
|
20
|
+
readonly colorWarning95: "hsl(25.110132158590307, 89.0196078431%, 95%)";
|
|
21
|
+
readonly colorError: "#e60050";
|
|
22
|
+
readonly colorError95: "hsl(339.1304347826087, 100%, 95%)";
|
|
23
|
+
readonly colorSolid: "#1a1a1a";
|
|
24
|
+
readonly colorSurface: "#fff";
|
|
25
|
+
readonly borderRadius1: "1px";
|
|
26
|
+
readonly borderRadius2: "2px";
|
|
27
|
+
readonly borderRadius4: "4px";
|
|
28
|
+
readonly borderRadius6: "6px";
|
|
29
|
+
readonly borderRadius20: "20px";
|
|
30
|
+
readonly fontFamilyBody: "'Open Sans', sans-serif";
|
|
31
|
+
readonly fontSizeM: "1rem";
|
|
32
|
+
readonly shadow1: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
|
|
33
|
+
readonly shadow2: "0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)";
|
|
34
|
+
readonly shadow3: "0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)";
|
|
35
|
+
readonly shadow4: "0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)";
|
|
36
|
+
readonly shadow5: "0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22)";
|
|
37
|
+
readonly shadow6: "0 -1px 2px 0 rgba(0, 0, 0, 0.2)";
|
|
38
|
+
readonly shadow7: "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)";
|
|
39
|
+
readonly shadow8: "0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24)";
|
|
40
|
+
readonly shadow9: "inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25)";
|
|
41
|
+
readonly shadow10: "0 0 0 1px rgba(224, 230, 237, 0.5)";
|
|
42
|
+
readonly shadow11: "0 1px 0.5px rgba(0, 0, 0, 0.24), 0 -1px 0.75px rgba(0, 0, 0, 0.12)";
|
|
43
|
+
readonly shadow12: "0 0 1px rgba(0, 0, 0, 0.25)";
|
|
44
|
+
readonly shadow13: "0 0 1px rgba(0, 0, 0, 0.25)";
|
|
45
|
+
readonly shadow14: "0 0 0.5px rgba(0, 0, 0, 0.1)";
|
|
46
|
+
readonly shadow15: "0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12)";
|
|
47
|
+
readonly shadow16: "0.5px 1.5px 4px 1px rgba(0, 0, 0, 0.25), -0.5px -0.5px 4px 1px rgba(0, 0, 0, 0.25)";
|
|
48
|
+
readonly constraintScale: "100%";
|
|
49
|
+
readonly constraint1: "42px";
|
|
50
|
+
readonly constraint2: "84px";
|
|
51
|
+
readonly constraint3: "142px";
|
|
52
|
+
readonly constraint4: "184px";
|
|
53
|
+
readonly constraint5: "242px";
|
|
54
|
+
readonly constraint6: "284px";
|
|
55
|
+
readonly constraint7: "342px";
|
|
56
|
+
readonly constraint8: "384px";
|
|
57
|
+
readonly constraint9: "442px";
|
|
58
|
+
readonly constraint10: "484px";
|
|
59
|
+
readonly constraint11: "542px";
|
|
60
|
+
readonly constraint12: "584px";
|
|
61
|
+
readonly constraint13: "642px";
|
|
62
|
+
readonly constraint14: "684px";
|
|
63
|
+
readonly constraint15: "742px";
|
|
64
|
+
readonly constraint16: "784px";
|
|
65
|
+
readonly spacingXs: "4px";
|
|
66
|
+
readonly spacingS: "8px";
|
|
67
|
+
readonly spacingM: "16px";
|
|
68
|
+
readonly spacingL: "24px";
|
|
69
|
+
readonly spacingXl: "32px";
|
|
70
|
+
readonly transitionLinear80Ms: "80ms linear";
|
|
71
|
+
readonly transitionEaseinout150Ms: "150ms ease-in-out";
|
|
72
|
+
readonly transitionStandard: "200ms ease";
|
|
73
|
+
readonly breakPointMobile: "768px";
|
|
74
|
+
readonly breakPointDesktop: "1024px";
|
|
75
|
+
readonly breakPointBiggerdesktop: "1280px";
|
|
76
|
+
readonly breakPointGiantdesktop: "1680px";
|
|
77
|
+
readonly breakPointJumbodesktop: "1920px";
|
|
78
|
+
readonly backgroundColorForInput: "#fff";
|
|
79
|
+
readonly backgroundColorForInputWhenSelected: "hsl(195, 35.2941176471%, 95%)";
|
|
80
|
+
readonly backgroundColorForInputWhenDisabled: "hsl(195, 35.2941176471%, 98%)";
|
|
81
|
+
readonly backgroundColorForInputWhenHovered: "hsl(0, 0%, 90%)";
|
|
82
|
+
readonly backgroundColorForTag: "hsl(0, 0%, 95%)";
|
|
83
|
+
readonly backgroundColorForTagWarning: "hsl(25.110132158590307, 89.0196078431%, 95%)";
|
|
84
|
+
readonly borderColorForInput: "hsl(0, 0%, 60%)";
|
|
85
|
+
readonly borderColorForInputWhenFocused: "#00b39e";
|
|
86
|
+
readonly borderColorForInputWhenDisabled: "#ccc";
|
|
87
|
+
readonly borderColorForInputWhenReadonly: "#ccc";
|
|
88
|
+
readonly borderColorForInputWhenError: "#e60050";
|
|
89
|
+
readonly borderColorForInputWhenWarning: "#f16d0e";
|
|
90
|
+
readonly borderColorForTag: "hsl(0, 0%, 60%)";
|
|
91
|
+
readonly borderColorForTagWarning: "#f16d0e";
|
|
92
|
+
readonly borderColorForTagWhenFocused: "#00b39e";
|
|
93
|
+
readonly borderRadiusForInput: "6px";
|
|
94
|
+
readonly borderRadiusForTag: "2px";
|
|
95
|
+
readonly fontColorForInput: "#1a1a1a";
|
|
96
|
+
readonly fontColorForInputWhenDisabled: "hsl(0, 0%, 60%)";
|
|
97
|
+
readonly fontColorForInputWhenError: "#e60050";
|
|
98
|
+
readonly fontColorForInputWhenReadonly: "hsl(0, 0%, 60%)";
|
|
99
|
+
readonly fontColorForInputWhenWarning: "#f16d0e";
|
|
100
|
+
readonly fontColorForTag: "#1a1a1a";
|
|
101
|
+
readonly fontColorForTagWhenDisabled: "hsl(0, 0%, 60%)";
|
|
102
|
+
readonly fontColorForTextWhenInverted: "#fff";
|
|
103
|
+
readonly fontFamily: "'Open Sans', sans-serif";
|
|
104
|
+
readonly placeholderFontColorForInput: "hsl(0, 0%, 60%)";
|
|
105
|
+
readonly fontSizeForInput: "1rem";
|
|
106
|
+
readonly shadowBoxTagWhenHovered: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
|
|
107
|
+
readonly bigButtonHeight: "32px";
|
|
108
|
+
readonly smallButtonHeight: "24px";
|
|
109
|
+
readonly sizeHeightInput: "32px";
|
|
110
|
+
readonly fontFamilyDefault: "'Open Sans', sans-serif";
|
|
111
|
+
readonly fontSizeDefault: "1rem";
|
|
112
|
+
readonly fontSizeSmall: "0.9231rem";
|
|
113
|
+
readonly shadowBoxTagHover: "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)";
|
|
114
|
+
readonly sizeHeightTag: "26px";
|
|
115
|
+
readonly standardInputHeight: "32px";
|
|
116
|
+
};
|
|
117
|
+
export default _default;
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
readonly backgroundColorForInput: "colorSurface";
|
|
3
|
-
readonly backgroundColorForInputWhenSelected: "colorAccent95";
|
|
4
|
-
readonly backgroundColorForInputWhenDisabled: "colorAccent98";
|
|
5
|
-
readonly backgroundColorForInputWhenHovered: "colorNeutral90";
|
|
6
|
-
readonly backgroundColorForTag: "colorNeutral95";
|
|
7
|
-
readonly backgroundColorForTagWarning: "colorWarning95";
|
|
8
|
-
readonly borderColorForInput: "colorNeutral60";
|
|
9
|
-
readonly borderColorForInputWhenFocused: "colorPrimary";
|
|
10
|
-
readonly borderColorForInputWhenDisabled: "colorNeutral";
|
|
11
|
-
readonly borderColorForInputWhenReadonly: "colorNeutral";
|
|
12
|
-
readonly borderColorForInputWhenError: "colorError";
|
|
13
|
-
readonly borderColorForInputWhenWarning: "colorWarning";
|
|
14
|
-
readonly borderColorForTag: "colorNeutral60";
|
|
15
|
-
readonly borderColorForTagWarning: "colorWarning";
|
|
16
|
-
readonly borderColorForTagWhenFocused: "colorPrimary";
|
|
17
|
-
readonly borderRadiusForInput: "borderRadius6";
|
|
18
|
-
readonly borderRadiusForTag: "borderRadius2";
|
|
19
|
-
readonly fontColorForInput: "colorSolid";
|
|
20
|
-
readonly fontColorForInputWhenDisabled: "colorNeutral60";
|
|
21
|
-
readonly fontColorForInputWhenError: "colorError";
|
|
22
|
-
readonly fontColorForInputWhenReadonly: "colorNeutral60";
|
|
23
|
-
readonly fontColorForInputWhenWarning: "colorWarning";
|
|
24
|
-
readonly fontColorForTag: "colorSolid";
|
|
25
|
-
readonly fontColorForTagWhenDisabled: "colorNeutral60";
|
|
26
|
-
readonly fontColorForTextWhenInverted: "colorSurface";
|
|
27
|
-
readonly fontFamily: "fontFamilyBody";
|
|
28
|
-
readonly placeholderFontColorForInput: "colorNeutral60";
|
|
29
|
-
readonly fontSizeForInput: "fontSizeM";
|
|
30
|
-
readonly shadowBoxTagWhenHovered: "shadow1";
|
|
31
|
-
};
|
|
32
|
-
export default _default;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
readonly backgroundColorForInput: "colorSurface";
|
|
3
|
+
readonly backgroundColorForInputWhenSelected: "colorAccent95";
|
|
4
|
+
readonly backgroundColorForInputWhenDisabled: "colorAccent98";
|
|
5
|
+
readonly backgroundColorForInputWhenHovered: "colorNeutral90";
|
|
6
|
+
readonly backgroundColorForTag: "colorNeutral95";
|
|
7
|
+
readonly backgroundColorForTagWarning: "colorWarning95";
|
|
8
|
+
readonly borderColorForInput: "colorNeutral60";
|
|
9
|
+
readonly borderColorForInputWhenFocused: "colorPrimary";
|
|
10
|
+
readonly borderColorForInputWhenDisabled: "colorNeutral";
|
|
11
|
+
readonly borderColorForInputWhenReadonly: "colorNeutral";
|
|
12
|
+
readonly borderColorForInputWhenError: "colorError";
|
|
13
|
+
readonly borderColorForInputWhenWarning: "colorWarning";
|
|
14
|
+
readonly borderColorForTag: "colorNeutral60";
|
|
15
|
+
readonly borderColorForTagWarning: "colorWarning";
|
|
16
|
+
readonly borderColorForTagWhenFocused: "colorPrimary";
|
|
17
|
+
readonly borderRadiusForInput: "borderRadius6";
|
|
18
|
+
readonly borderRadiusForTag: "borderRadius2";
|
|
19
|
+
readonly fontColorForInput: "colorSolid";
|
|
20
|
+
readonly fontColorForInputWhenDisabled: "colorNeutral60";
|
|
21
|
+
readonly fontColorForInputWhenError: "colorError";
|
|
22
|
+
readonly fontColorForInputWhenReadonly: "colorNeutral60";
|
|
23
|
+
readonly fontColorForInputWhenWarning: "colorWarning";
|
|
24
|
+
readonly fontColorForTag: "colorSolid";
|
|
25
|
+
readonly fontColorForTagWhenDisabled: "colorNeutral60";
|
|
26
|
+
readonly fontColorForTextWhenInverted: "colorSurface";
|
|
27
|
+
readonly fontFamily: "fontFamilyBody";
|
|
28
|
+
readonly placeholderFontColorForInput: "colorNeutral60";
|
|
29
|
+
readonly fontSizeForInput: "fontSizeM";
|
|
30
|
+
readonly shadowBoxTagWhenHovered: "shadow1";
|
|
31
|
+
};
|
|
32
|
+
export default _default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as customProperties } from './custom-properties';
|
|
2
|
-
export { default as designTokens } from './design-tokens';
|
|
3
|
-
export { default as version } from './version';
|
|
1
|
+
export { default as customProperties } from './custom-properties';
|
|
2
|
+
export { default as designTokens } from './design-tokens';
|
|
3
|
+
export { default as version } from './version';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
|
|
2
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/design-system",
|
|
3
3
|
"description": "Core package of the commercetools design system.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "13.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
12
|
"keywords": ["javascript", "design system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -20,12 +19,11 @@
|
|
|
20
19
|
"module": "dist/commercetools-uikit-design-system.esm.js",
|
|
21
20
|
"files": ["dist", "materials"],
|
|
22
21
|
"scripts": {
|
|
23
|
-
"prepare": "../scripts/version.js replace",
|
|
24
22
|
"build:tokens": "node ./scripts/generate-custom-properties.js",
|
|
25
23
|
"build:tokens:watch": "nodemon -e yaml --quiet --watch materials/internals --exec 'yarn build:tokens'"
|
|
26
24
|
},
|
|
27
25
|
"dependencies": {
|
|
28
|
-
"@babel/runtime": "7.
|
|
29
|
-
"@babel/runtime-corejs3": "7.
|
|
26
|
+
"@babel/runtime": "7.17.2",
|
|
27
|
+
"@babel/runtime-corejs3": "7.17.2"
|
|
30
28
|
}
|
|
31
29
|
}
|