@hh.ru/magritte-ui 142.12.1 → 143.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/base-variables.less +39 -58
- package/css-variables.less +3871 -3854
- package/index.d.ts +1 -1
- package/index.mock.d.ts +1 -1
- package/package.json +80 -80
- package/set-variables.less +1 -0
- package/tokens.less +2183 -2172
- package/types.d.ts +2 -12
- package/types.js +2 -13
- package/types.js.map +1 -1
- package/visual-tests-overrides.less +21 -21
package/types.d.ts
CHANGED
|
@@ -6,21 +6,11 @@ export declare const tokenColorBackgroundValues: readonly ["primary", "secondary
|
|
|
6
6
|
export type TokenColorBackground = (typeof tokenColorBackgroundValues)[number];
|
|
7
7
|
export declare const tokenColorIconValues: readonly ["primary", "secondary", "tertiary", "accent", "accent-secondary", "positive", "positive-secondary", "negative", "negative-secondary", "warning", "warning-secondary", "special", "special-secondary", "dreamy", "dreamy-secondary", "lovely", "lovely-secondary", "vivid", "vivid-secondary", "contrast", "contrast-secondary", "constant", "constant-secondary", "inverse", "inverse-secondary"];
|
|
8
8
|
export type TokenColorIcon = (typeof tokenColorIconValues)[number];
|
|
9
|
+
export declare const tokenColorServiceValues: readonly ["hh"];
|
|
10
|
+
export type TokenColorService = (typeof tokenColorServiceValues)[number];
|
|
9
11
|
export declare const tokenColorStrokeValues: readonly ["neutral", "phantom", "overlay", "accent", "positive", "negative", "warning", "special", "dreamy", "lovely", "vivid", "neutral-heavy", "constant", "constant-alt"];
|
|
10
12
|
export type TokenColorStroke = (typeof tokenColorStrokeValues)[number];
|
|
11
13
|
export declare const tokenColorTextValues: readonly ["primary", "secondary", "tertiary", "dense", "accent", "accent-secondary", "positive", "positive-secondary", "negative", "negative-secondary", "warning", "warning-secondary", "special", "special-secondary", "constant", "constant-secondary", "inverse", "inverse-secondary", "lovely", "lovely-secondary", "dreamy", "dreamy-secondary", "vivid", "vivid-secondary"];
|
|
12
14
|
export type TokenColorText = (typeof tokenColorTextValues)[number];
|
|
13
15
|
export declare const tokenShadowValues: readonly ["level-3", "level-2", "level-1", "level-0"];
|
|
14
16
|
export type TokenShadow = (typeof tokenShadowValues)[number];
|
|
15
|
-
export declare const tokenSemanticAnimationTimeXsDuration = 100;
|
|
16
|
-
export declare const tokenSemanticAnimationTimeSDuration = 200;
|
|
17
|
-
export declare const tokenSemanticAnimationTimeMDuration = 400;
|
|
18
|
-
export declare const tokenSemanticAnimationTimeLDuration = 600;
|
|
19
|
-
export declare const tokenSemanticAnimationTimeXlDuration = 800;
|
|
20
|
-
export declare const tokenSemanticAnimationEaseBaseX1 = 0.4;
|
|
21
|
-
export declare const tokenSemanticAnimationEaseBaseY1 = 0.24;
|
|
22
|
-
export declare const tokenSemanticAnimationEaseBaseX2 = 0;
|
|
23
|
-
export declare const tokenSemanticAnimationEaseBaseY2 = 1;
|
|
24
|
-
export declare const tokenSemanticAnimationEaseSpringStiffness = 400;
|
|
25
|
-
export declare const tokenSemanticAnimationEaseSpringDamping = 30;
|
|
26
|
-
export declare const tokenSemanticAnimationEaseSpringMass = 1;
|
package/types.js
CHANGED
|
@@ -62,6 +62,7 @@ const tokenColorIconValues = [
|
|
|
62
62
|
'inverse',
|
|
63
63
|
'inverse-secondary',
|
|
64
64
|
];
|
|
65
|
+
const tokenColorServiceValues = ['hh'];
|
|
65
66
|
const tokenColorStrokeValues = [
|
|
66
67
|
'neutral',
|
|
67
68
|
'phantom',
|
|
@@ -105,18 +106,6 @@ const tokenColorTextValues = [
|
|
|
105
106
|
'vivid-secondary',
|
|
106
107
|
];
|
|
107
108
|
const tokenShadowValues = ['level-3', 'level-2', 'level-1', 'level-0'];
|
|
108
|
-
const tokenSemanticAnimationTimeXsDuration = 100;
|
|
109
|
-
const tokenSemanticAnimationTimeSDuration = 200;
|
|
110
|
-
const tokenSemanticAnimationTimeMDuration = 400;
|
|
111
|
-
const tokenSemanticAnimationTimeLDuration = 600;
|
|
112
|
-
const tokenSemanticAnimationTimeXlDuration = 800;
|
|
113
|
-
const tokenSemanticAnimationEaseBaseX1 = 0.4;
|
|
114
|
-
const tokenSemanticAnimationEaseBaseY1 = 0.24;
|
|
115
|
-
const tokenSemanticAnimationEaseBaseX2 = 0;
|
|
116
|
-
const tokenSemanticAnimationEaseBaseY2 = 1;
|
|
117
|
-
const tokenSemanticAnimationEaseSpringStiffness = 400;
|
|
118
|
-
const tokenSemanticAnimationEaseSpringDamping = 30;
|
|
119
|
-
const tokenSemanticAnimationEaseSpringMass = 1;
|
|
120
109
|
|
|
121
|
-
export { tokenBaseStaticBorderRadiusValues, tokenBaseStaticSpaceValues, tokenColorBackgroundValues, tokenColorIconValues, tokenColorStrokeValues, tokenColorTextValues,
|
|
110
|
+
export { tokenBaseStaticBorderRadiusValues, tokenBaseStaticSpaceValues, tokenColorBackgroundValues, tokenColorIconValues, tokenColorServiceValues, tokenColorStrokeValues, tokenColorTextValues, tokenShadowValues };
|
|
122
111
|
//# sourceMappingURL=types.js.map
|
package/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["src/types.ts"],"sourcesContent":["/* AUTOGENERATED FILE */\n\nexport const tokenBaseStaticSpaceValues = [\n 0, 2, 4, 6, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, 104,\n 108, 112, 116, 120, 124, 128, 132, 136, 140, 144, 148, 152, 156, 160, 180, 200, 220, 240, 260, 280,\n] as const;\nexport type TokenBaseStaticSpace = (typeof tokenBaseStaticSpaceValues)[number];\nexport const tokenBaseStaticBorderRadiusValues = [0, 2, 4, 8, 12, 16, 18, 20, 24, 28, 32, 36, 40] as const;\nexport type TokenBaseStaticBorderRadius = (typeof tokenBaseStaticBorderRadiusValues)[number];\nexport const tokenColorBackgroundValues = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'accent-secondary',\n 'accent',\n 'positive-secondary',\n 'positive',\n 'negative-secondary',\n 'negative',\n 'warning-secondary',\n 'warning',\n 'special-secondary',\n 'special',\n 'dreamy-secondary',\n 'dreamy',\n 'lovely-secondary',\n 'lovely',\n 'vivid-secondary',\n 'vivid',\n 'body',\n 'overlay',\n 'overlay-action',\n 'overlay-viewer',\n 'overlay-toolbar',\n 'transparent',\n 'constant',\n 'constant-secondary',\n 'inverse',\n 'inverse-secondary',\n] as const;\nexport type TokenColorBackground = (typeof tokenColorBackgroundValues)[number];\nexport const tokenColorIconValues = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'accent',\n 'accent-secondary',\n 'positive',\n 'positive-secondary',\n 'negative',\n 'negative-secondary',\n 'warning',\n 'warning-secondary',\n 'special',\n 'special-secondary',\n 'dreamy',\n 'dreamy-secondary',\n 'lovely',\n 'lovely-secondary',\n 'vivid',\n 'vivid-secondary',\n 'contrast',\n 'contrast-secondary',\n 'constant',\n 'constant-secondary',\n 'inverse',\n 'inverse-secondary',\n] as const;\nexport type TokenColorIcon = (typeof tokenColorIconValues)[number];\nexport const tokenColorStrokeValues = [\n 'neutral',\n 'phantom',\n 'overlay',\n 'accent',\n 'positive',\n 'negative',\n 'warning',\n 'special',\n 'dreamy',\n 'lovely',\n 'vivid',\n 'neutral-heavy',\n 'constant',\n 'constant-alt',\n] as const;\nexport type TokenColorStroke = (typeof tokenColorStrokeValues)[number];\nexport const tokenColorTextValues = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'dense',\n 'accent',\n 'accent-secondary',\n 'positive',\n 'positive-secondary',\n 'negative',\n 'negative-secondary',\n 'warning',\n 'warning-secondary',\n 'special',\n 'special-secondary',\n 'constant',\n 'constant-secondary',\n 'inverse',\n 'inverse-secondary',\n 'lovely',\n 'lovely-secondary',\n 'dreamy',\n 'dreamy-secondary',\n 'vivid',\n 'vivid-secondary',\n] as const;\nexport type TokenColorText = (typeof tokenColorTextValues)[number];\nexport const tokenShadowValues = ['level-3', 'level-2', 'level-1', 'level-0'] as const;\nexport type TokenShadow = (typeof tokenShadowValues)[number];\
|
|
1
|
+
{"version":3,"file":"types.js","sources":["src/types.ts"],"sourcesContent":["/* AUTOGENERATED FILE */\n\nexport const tokenBaseStaticSpaceValues = [\n 0, 2, 4, 6, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, 104,\n 108, 112, 116, 120, 124, 128, 132, 136, 140, 144, 148, 152, 156, 160, 180, 200, 220, 240, 260, 280,\n] as const;\nexport type TokenBaseStaticSpace = (typeof tokenBaseStaticSpaceValues)[number];\nexport const tokenBaseStaticBorderRadiusValues = [0, 2, 4, 8, 12, 16, 18, 20, 24, 28, 32, 36, 40] as const;\nexport type TokenBaseStaticBorderRadius = (typeof tokenBaseStaticBorderRadiusValues)[number];\nexport const tokenColorBackgroundValues = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'accent-secondary',\n 'accent',\n 'positive-secondary',\n 'positive',\n 'negative-secondary',\n 'negative',\n 'warning-secondary',\n 'warning',\n 'special-secondary',\n 'special',\n 'dreamy-secondary',\n 'dreamy',\n 'lovely-secondary',\n 'lovely',\n 'vivid-secondary',\n 'vivid',\n 'body',\n 'overlay',\n 'overlay-action',\n 'overlay-viewer',\n 'overlay-toolbar',\n 'transparent',\n 'constant',\n 'constant-secondary',\n 'inverse',\n 'inverse-secondary',\n] as const;\nexport type TokenColorBackground = (typeof tokenColorBackgroundValues)[number];\nexport const tokenColorIconValues = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'accent',\n 'accent-secondary',\n 'positive',\n 'positive-secondary',\n 'negative',\n 'negative-secondary',\n 'warning',\n 'warning-secondary',\n 'special',\n 'special-secondary',\n 'dreamy',\n 'dreamy-secondary',\n 'lovely',\n 'lovely-secondary',\n 'vivid',\n 'vivid-secondary',\n 'contrast',\n 'contrast-secondary',\n 'constant',\n 'constant-secondary',\n 'inverse',\n 'inverse-secondary',\n] as const;\nexport type TokenColorIcon = (typeof tokenColorIconValues)[number];\nexport const tokenColorServiceValues = ['hh'] as const;\nexport type TokenColorService = (typeof tokenColorServiceValues)[number];\nexport const tokenColorStrokeValues = [\n 'neutral',\n 'phantom',\n 'overlay',\n 'accent',\n 'positive',\n 'negative',\n 'warning',\n 'special',\n 'dreamy',\n 'lovely',\n 'vivid',\n 'neutral-heavy',\n 'constant',\n 'constant-alt',\n] as const;\nexport type TokenColorStroke = (typeof tokenColorStrokeValues)[number];\nexport const tokenColorTextValues = [\n 'primary',\n 'secondary',\n 'tertiary',\n 'dense',\n 'accent',\n 'accent-secondary',\n 'positive',\n 'positive-secondary',\n 'negative',\n 'negative-secondary',\n 'warning',\n 'warning-secondary',\n 'special',\n 'special-secondary',\n 'constant',\n 'constant-secondary',\n 'inverse',\n 'inverse-secondary',\n 'lovely',\n 'lovely-secondary',\n 'dreamy',\n 'dreamy-secondary',\n 'vivid',\n 'vivid-secondary',\n] as const;\nexport type TokenColorText = (typeof tokenColorTextValues)[number];\nexport const tokenShadowValues = ['level-3', 'level-2', 'level-1', 'level-0'] as const;\nexport type TokenShadow = (typeof tokenShadowValues)[number];\n"],"names":[],"mappings":"AAAA;AAEa,MAAA,0BAA0B,GAAG;IACtC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG;AACnH,IAAA,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAC3F;AAEJ,MAAM,iCAAiC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAW;AAE9F,MAAA,0BAA0B,GAAG;IACtC,SAAS;IACT,WAAW;IACX,UAAU;IACV,kBAAkB;IAClB,QAAQ;IACR,oBAAoB;IACpB,UAAU;IACV,oBAAoB;IACpB,UAAU;IACV,mBAAmB;IACnB,SAAS;IACT,mBAAmB;IACnB,SAAS;IACT,kBAAkB;IAClB,QAAQ;IACR,kBAAkB;IAClB,QAAQ;IACR,iBAAiB;IACjB,OAAO;IACP,MAAM;IACN,SAAS;IACT,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB;IACjB,aAAa;IACb,UAAU;IACV,oBAAoB;IACpB,SAAS;IACT,mBAAmB;EACZ;AAEE,MAAA,oBAAoB,GAAG;IAChC,SAAS;IACT,WAAW;IACX,UAAU;IACV,QAAQ;IACR,kBAAkB;IAClB,UAAU;IACV,oBAAoB;IACpB,UAAU;IACV,oBAAoB;IACpB,SAAS;IACT,mBAAmB;IACnB,SAAS;IACT,mBAAmB;IACnB,QAAQ;IACR,kBAAkB;IAClB,QAAQ;IACR,kBAAkB;IAClB,OAAO;IACP,iBAAiB;IACjB,UAAU;IACV,oBAAoB;IACpB,UAAU;IACV,oBAAoB;IACpB,SAAS;IACT,mBAAmB;EACZ;AAEE,MAAA,uBAAuB,GAAG,CAAC,IAAI,EAAW;AAE1C,MAAA,sBAAsB,GAAG;IAClC,SAAS;IACT,SAAS;IACT,SAAS;IACT,QAAQ;IACR,UAAU;IACV,UAAU;IACV,SAAS;IACT,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,eAAe;IACf,UAAU;IACV,cAAc;EACP;AAEE,MAAA,oBAAoB,GAAG;IAChC,SAAS;IACT,WAAW;IACX,UAAU;IACV,OAAO;IACP,QAAQ;IACR,kBAAkB;IAClB,UAAU;IACV,oBAAoB;IACpB,UAAU;IACV,oBAAoB;IACpB,SAAS;IACT,mBAAmB;IACnB,SAAS;IACT,mBAAmB;IACnB,UAAU;IACV,oBAAoB;IACpB,SAAS;IACT,mBAAmB;IACnB,QAAQ;IACR,kBAAkB;IAClB,QAAQ;IACR,kBAAkB;IAClB,OAAO;IACP,iBAAiB;EACV;AAEJ,MAAM,iBAAiB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;;;;"}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
:global(.visual-tests-overrides) {
|
|
2
|
-
--magritte-semantic-animation-time-xs-duration-
|
|
3
|
-
--magritte-semantic-animation-time-s-duration-
|
|
4
|
-
--magritte-semantic-animation-time-m-duration-
|
|
5
|
-
--magritte-semantic-animation-time-l-duration-
|
|
6
|
-
--magritte-semantic-animation-time-xl-duration-
|
|
7
|
-
--magritte-semantic-animation-ease-in-out-100-duration-
|
|
8
|
-
--magritte-semantic-animation-ease-in-out-200-duration-
|
|
9
|
-
--magritte-semantic-animation-ease-in-out-300-duration-
|
|
10
|
-
--magritte-semantic-animation-ease-in-out-400-duration-
|
|
11
|
-
--magritte-semantic-animation-ease-in-out-500-duration-
|
|
12
|
-
--magritte-semantic-animation-ease-in-out-tiger-100-duration-
|
|
13
|
-
--magritte-semantic-animation-ease-in-out-tiger-200-duration-
|
|
14
|
-
--magritte-semantic-animation-ease-in-out-tiger-300-duration-
|
|
15
|
-
--magritte-semantic-animation-ease-in-out-tiger-400-duration-
|
|
16
|
-
--magritte-semantic-animation-ease-in-out-tiger-500-duration-
|
|
17
|
-
--magritte-semantic-animation-ease-in-out-tiger-800-duration-
|
|
18
|
-
--magritte-semantic-animation-ease-in-out-leopard-100-duration-
|
|
19
|
-
--magritte-semantic-animation-ease-in-out-leopard-200-duration-
|
|
20
|
-
--magritte-semantic-animation-ease-in-out-leopard-300-duration-
|
|
21
|
-
--magritte-semantic-animation-ease-in-out-leopard-400-duration-
|
|
22
|
-
--magritte-semantic-animation-ease-in-out-leopard-500-duration-
|
|
2
|
+
--magritte-semantic-animation-time-xs-duration-v25-0-0: 10ms;
|
|
3
|
+
--magritte-semantic-animation-time-s-duration-v25-0-0: 10ms;
|
|
4
|
+
--magritte-semantic-animation-time-m-duration-v25-0-0: 10ms;
|
|
5
|
+
--magritte-semantic-animation-time-l-duration-v25-0-0: 10ms;
|
|
6
|
+
--magritte-semantic-animation-time-xl-duration-v25-0-0: 10ms;
|
|
7
|
+
--magritte-semantic-animation-ease-in-out-100-duration-v25-0-0: 10ms;
|
|
8
|
+
--magritte-semantic-animation-ease-in-out-200-duration-v25-0-0: 10ms;
|
|
9
|
+
--magritte-semantic-animation-ease-in-out-300-duration-v25-0-0: 10ms;
|
|
10
|
+
--magritte-semantic-animation-ease-in-out-400-duration-v25-0-0: 10ms;
|
|
11
|
+
--magritte-semantic-animation-ease-in-out-500-duration-v25-0-0: 10ms;
|
|
12
|
+
--magritte-semantic-animation-ease-in-out-tiger-100-duration-v25-0-0: 10ms;
|
|
13
|
+
--magritte-semantic-animation-ease-in-out-tiger-200-duration-v25-0-0: 10ms;
|
|
14
|
+
--magritte-semantic-animation-ease-in-out-tiger-300-duration-v25-0-0: 10ms;
|
|
15
|
+
--magritte-semantic-animation-ease-in-out-tiger-400-duration-v25-0-0: 10ms;
|
|
16
|
+
--magritte-semantic-animation-ease-in-out-tiger-500-duration-v25-0-0: 10ms;
|
|
17
|
+
--magritte-semantic-animation-ease-in-out-tiger-800-duration-v25-0-0: 10ms;
|
|
18
|
+
--magritte-semantic-animation-ease-in-out-leopard-100-duration-v25-0-0: 10ms;
|
|
19
|
+
--magritte-semantic-animation-ease-in-out-leopard-200-duration-v25-0-0: 10ms;
|
|
20
|
+
--magritte-semantic-animation-ease-in-out-leopard-300-duration-v25-0-0: 10ms;
|
|
21
|
+
--magritte-semantic-animation-ease-in-out-leopard-400-duration-v25-0-0: 10ms;
|
|
22
|
+
--magritte-semantic-animation-ease-in-out-leopard-500-duration-v25-0-0: 10ms;
|
|
23
23
|
}
|