@salutejs/sdds-finportal 0.159.1-canary.32.11725728851.0 → 0.160.0-canary.1500.11737623495.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -579,6 +579,7 @@ true: PolymorphicClassName;
579
579
  text?: string | undefined;
580
580
  contentLeft?: ReactNode;
581
581
  contentRight?: ReactNode;
582
+ maxWidth?: Property.Width<string | number> | undefined;
582
583
  size?: string | undefined;
583
584
  view?: string | undefined;
584
585
  } & {
@@ -591,6 +592,7 @@ transparent?: false | undefined;
591
592
  text?: string | undefined;
592
593
  contentLeft?: ReactNode;
593
594
  contentRight?: ReactNode;
595
+ maxWidth?: Property.Width<string | number> | undefined;
594
596
  size?: string | undefined;
595
597
  view?: string | undefined;
596
598
  } & {
@@ -603,6 +605,7 @@ clear?: false | undefined;
603
605
  text?: string | undefined;
604
606
  contentLeft?: ReactNode;
605
607
  contentRight?: ReactNode;
608
+ maxWidth?: Property.Width<string | number> | undefined;
606
609
  size?: string | undefined;
607
610
  view?: string | undefined;
608
611
  } & {
@@ -31,6 +31,7 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
31
31
  text?: string | undefined;
32
32
  contentLeft?: import("react").ReactNode;
33
33
  contentRight?: import("react").ReactNode;
34
+ maxWidth?: import("csstype").Property.Width<string | number> | undefined;
34
35
  size?: string | undefined;
35
36
  view?: string | undefined;
36
37
  } & {
@@ -43,6 +44,7 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
43
44
  text?: string | undefined;
44
45
  contentLeft?: import("react").ReactNode;
45
46
  contentRight?: import("react").ReactNode;
47
+ maxWidth?: import("csstype").Property.Width<string | number> | undefined;
46
48
  size?: string | undefined;
47
49
  view?: string | undefined;
48
50
  } & {
@@ -55,6 +57,7 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
55
57
  text?: string | undefined;
56
58
  contentLeft?: import("react").ReactNode;
57
59
  contentRight?: import("react").ReactNode;
60
+ maxWidth?: import("csstype").Property.Width<string | number> | undefined;
58
61
  size?: string | undefined;
59
62
  view?: string | undefined;
60
63
  } & {
@@ -23,6 +23,9 @@ declare const HorizontalTabItem: React.FunctionComponent<import("@salutejs/plasm
23
23
  pilled: {
24
24
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
25
  };
26
+ truncate: {
27
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
+ };
26
29
  }> & ((import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
27
30
  orientation?: "horizontal" | undefined;
28
31
  contentLeft?: React.ReactNode;
@@ -70,6 +73,9 @@ declare const VerticalTabItem: React.FunctionComponent<import("@salutejs/plasma-
70
73
  disabled: {
71
74
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
72
75
  };
76
+ truncate: {
77
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
78
+ };
73
79
  }> & ((import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
74
80
  orientation: "vertical";
75
81
  contentLeft?: React.ReactNode;
@@ -27,5 +27,8 @@ export declare const config: {
27
27
  pilled: {
28
28
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
29
29
  };
30
+ truncate: {
31
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
32
+ };
30
33
  };
31
34
  };
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.config = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
9
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
10
  var config = exports.config = {
11
11
  defaults: {
@@ -35,6 +35,9 @@ var config = exports.config = {
35
35
  },
36
36
  pilled: {
37
37
  "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n "])), _styledComponents.tabsTokens.itemPilledBorderRadius)
38
+ },
39
+ truncate: {
40
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral([""])))
38
41
  }
39
42
  }
40
43
  };
@@ -16,5 +16,8 @@ export declare const config: {
16
16
  disabled: {
17
17
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
18
  };
19
+ truncate: {
20
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
+ };
19
22
  };
20
23
  };
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.config = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
9
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
10
  var config = exports.config = {
11
11
  defaults: {
@@ -24,6 +24,9 @@ var config = exports.config = {
24
24
  },
25
25
  disabled: {
26
26
  "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.tabsTokens.disabledOpacity)
27
+ },
28
+ truncate: {
29
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral([""])))
27
30
  }
28
31
  }
29
32
  };
@@ -1,4 +1,4 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
4
4
  export var config = {
@@ -29,6 +29,9 @@ export var config = {
29
29
  },
30
30
  pilled: {
31
31
  "true": /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n "])), tabsTokens.itemPilledBorderRadius)
32
+ },
33
+ truncate: {
34
+ "true": /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral([""])))
32
35
  }
33
36
  }
34
37
  };
@@ -1,4 +1,4 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
4
4
  export var config = {
@@ -18,6 +18,9 @@ export var config = {
18
18
  },
19
19
  disabled: {
20
20
  "true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tabsTokens.disabledOpacity)
21
+ },
22
+ truncate: {
23
+ "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral([""])))
21
24
  }
22
25
  }
23
26
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-finportal",
3
- "version": "0.159.1-canary.32.11725728851.0",
3
+ "version": "0.160.0-canary.1500.11737623495.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS FinPortal web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,8 +19,8 @@
19
19
  "directory": "packages/sdds-finportal"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.185.1-canary.32.11725728851.0",
23
- "@salutejs/sdds-themes": "0.27.1-canary.32.11725728851.0"
22
+ "@salutejs/plasma-new-hope": "0.186.0-canary.1500.11737623495.0",
23
+ "@salutejs/sdds-themes": "0.27.0-dev.0"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "react": ">=16.13.1",
@@ -36,11 +36,11 @@
36
36
  "@babel/preset-react": "7.24.1",
37
37
  "@babel/preset-typescript": "7.24.1",
38
38
  "@microsoft/api-extractor": "7.38.3",
39
- "@salutejs/plasma-colors": "0.13.1-canary.32.11725728851.0",
40
- "@salutejs/plasma-core": "1.185.1-canary.32.11725728851.0",
41
- "@salutejs/plasma-cy-utils": "0.116.1-canary.32.11725728851.0",
42
- "@salutejs/plasma-icons": "1.208.1-canary.32.11725728851.0",
43
- "@salutejs/plasma-sb-utils": "0.183.1-canary.32.11725728851.0",
39
+ "@salutejs/plasma-colors": "0.13.0",
40
+ "@salutejs/plasma-core": "1.185.0-dev.0",
41
+ "@salutejs/plasma-cy-utils": "0.116.0-dev.0",
42
+ "@salutejs/plasma-icons": "1.208.0-dev.0",
43
+ "@salutejs/plasma-sb-utils": "0.183.0-dev.0",
44
44
  "@storybook/addon-docs": "7.6.17",
45
45
  "@storybook/addon-essentials": "7.6.17",
46
46
  "@storybook/addons": "7.6.17",
@@ -78,8 +78,6 @@
78
78
  "build:esm": "BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx",
79
79
  "generate:typings": "tsc --outDir . --emitDeclarationOnly",
80
80
  "storybook": "storybook dev -p ${PORT:-7007} -c .storybook",
81
- "storybook:draft": "IS_DRAFT=true storybook dev -p ${PORT:-7007} -c .storybook",
82
- "storybook:build:draft": "IS_DRAFT=true storybook build -c .storybook -o build-sb-draft",
83
81
  "storybook:build": "storybook build -c .storybook -o build-sb",
84
82
  "typescript-coverage": "npx typescript-coverage-report > /dev/null",
85
83
  "lint": "../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet"
@@ -96,5 +94,5 @@
96
94
  "Vasiliy Loginevskiy"
97
95
  ],
98
96
  "sideEffects": false,
99
- "gitHead": "adbd88608135b185ec25dd959409803649a05fc4"
97
+ "gitHead": "a5648157bd13c25fc7371b273155cad10d77fdd3"
100
98
  }
@@ -579,6 +579,7 @@ true: PolymorphicClassName;
579
579
  text?: string | undefined;
580
580
  contentLeft?: ReactNode;
581
581
  contentRight?: ReactNode;
582
+ maxWidth?: Property.Width<string | number> | undefined;
582
583
  size?: string | undefined;
583
584
  view?: string | undefined;
584
585
  } & {
@@ -591,6 +592,7 @@ transparent?: false | undefined;
591
592
  text?: string | undefined;
592
593
  contentLeft?: ReactNode;
593
594
  contentRight?: ReactNode;
595
+ maxWidth?: Property.Width<string | number> | undefined;
594
596
  size?: string | undefined;
595
597
  view?: string | undefined;
596
598
  } & {
@@ -603,6 +605,7 @@ clear?: false | undefined;
603
605
  text?: string | undefined;
604
606
  contentLeft?: ReactNode;
605
607
  contentRight?: ReactNode;
608
+ maxWidth?: Property.Width<string | number> | undefined;
606
609
  size?: string | undefined;
607
610
  view?: string | undefined;
608
611
  } & {
@@ -1,32 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- view: {
8
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
- accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
- positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
- warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
- negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
- dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
- light: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
- };
16
- size: {
17
- l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
- xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
- };
22
- pilled: {
23
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
- };
25
- transparent: {
26
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
- };
28
- clear: {
29
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
- };
31
- };
32
- };
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
9
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
- var config = exports.config = {
11
- defaults: {
12
- view: 'default',
13
- size: 'm'
14
- },
15
- variations: {
16
- view: {
17
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n\n ", ": var(--text-primary);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
18
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-accent);\n ", ": var(--surface-transparent-accent);\n\n ", ": var(--text-accent);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
19
- positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n\n ", ": var(--text-positive);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-positive);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
20
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n\n ", ": var(--text-warning);\n ", ": var(--surface-transparent-warning);\n\n ", ": var(--text-warning);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
21
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-negative);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
22
- dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep);\n\n ", ": var(--on-light-text-primary);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
23
- light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-transparent-card);\n\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear)
24
- },
25
- size: {
26
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 1.75rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 0.75rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": -0.25rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.25rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingTop, _styledComponents.badgeTokens.paddingBottom, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
27
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.5rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 0.5rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.1875rem;\n\n ", ": 0.1875rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingTop, _styledComponents.badgeTokens.paddingBottom, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
28
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n\n ", ": 0.188rem;\n ", ": 0.188rem;\n\n ", ": 0.5rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingTop, _styledComponents.badgeTokens.paddingBottom, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
29
- xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 1rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight)
30
- },
31
- pilled: {
32
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n "])), _styledComponents.badgeTokens.pilledBorderRadius)
33
- },
34
- transparent: {
35
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
36
- },
37
- clear: {
38
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""])))
39
- }
40
- }
41
- };
@@ -1,35 +0,0 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css, badgeTokens } from '@salutejs/plasma-new-hope/styled-components';
4
- export var config = {
5
- defaults: {
6
- view: 'default',
7
- size: 'm'
8
- },
9
- variations: {
10
- view: {
11
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n\n ", ": var(--text-primary);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
12
- accent: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-accent);\n ", ": var(--surface-transparent-accent);\n\n ", ": var(--text-accent);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
13
- positive: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n\n ", ": var(--text-positive);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-positive);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
14
- warning: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n\n ", ": var(--text-warning);\n ", ": var(--surface-transparent-warning);\n\n ", ": var(--text-warning);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
15
- negative: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-negative);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
16
- dark: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep);\n\n ", ": var(--on-light-text-primary);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
17
- light: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-transparent-card);\n\n ", ": var(--on-dark-text-primary);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear)
18
- },
19
- size: {
20
- l: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 1.75rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 0.75rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": -0.25rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.25rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingTop, badgeTokens.paddingBottom, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
21
- m: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.5rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 0.5rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.1875rem;\n\n ", ": 0.1875rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingTop, badgeTokens.paddingBottom, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
22
- s: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n\n ", ": 0.188rem;\n ", ": 0.188rem;\n\n ", ": 0.5rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingTop, badgeTokens.paddingBottom, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
23
- xs: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 1rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
24
- },
25
- pilled: {
26
- "true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n "])), badgeTokens.pilledBorderRadius)
27
- },
28
- transparent: {
29
- "true": /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
30
- },
31
- clear: {
32
- "true": /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""])))
33
- }
34
- }
35
- };