@salutejs/sdds-cs 0.316.0-canary.1984.15159659604.0 → 0.316.0-canary.1985.15205350468.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.
@@ -14,21 +14,21 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-primary);\n --plasma-link-color-hover: var(--text-primary-hover);\n --plasma-link-color-active: var(--text-primary-active);\n --plasma-link-color-visited: var(--text-primary);\n --plasma-link-color-visited-hover: var(--text-primary-hover);\n --plasma-link-color-visited-active: var(--text-primary-active);\n --plasma-link-underline-border: 0;\n "]))),
18
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-secondary);\n --plasma-link-color-hover: var(--text-secondary-hover);\n --plasma-link-color-active: var(--text-secondary-active);\n --plasma-link-color-visited: var(--text-secondary);\n --plasma-link-color-visited-hover: var(--text-secondary-hover);\n --plasma-link-color-visited-active: var(--text-secondary-active);\n --plasma-link-underline-border: 0;\n "]))),
19
- tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-tertiary);\n --plasma-link-color-hover: var(--text-tertiary-hover);\n --plasma-link-color-active: var(--text-tertiary-active);\n --plasma-link-color-visited: var(--text-tertiary);\n --plasma-link-color-visited-hover: var(--text-tertiary-hover);\n --plasma-link-color-visited-active: var(--text-tertiary-active);\n --plasma-link-underline-border: 0;\n "]))),
20
- paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-paragraph);\n --plasma-link-color-hover: var(--text-paragraph-hover);\n --plasma-link-color-active: var(--text-paragraph-active);\n --plasma-link-color-visited: var(--text-paragraph);\n --plasma-link-color-visited-hover: var(--text-paragraph-hover);\n --plasma-link-color-visited-active: var(--text-paragraph-active);\n --plasma-link-underline-border: 0;\n "]))),
21
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-accent);\n --plasma-link-color-hover: #1a9e32;\n --plasma-link-color-active: var(--text-accent-active);\n --plasma-link-color-visited: var(--text-accent);\n --plasma-link-color-visited-hover: #1a9e32;\n --plasma-link-color-visited-active: var(--text-accent-active);\n --plasma-link-underline-border: 0;\n "]))),
22
- positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-positive);\n --plasma-link-color-hover: var(--text-positive-hover);\n --plasma-link-color-active: var(--text-positive-active);\n --plasma-link-color-visited: var(--text-positive);\n --plasma-link-color-visited-hover: var(--text-positive-hover);\n --plasma-link-color-visited-active: var(--text-positive-active);\n --plasma-link-underline-border: 0;\n "]))),
23
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-warning);\n --plasma-link-color-hover: var(--text-warning-hover);\n --plasma-link-color-active: var(--text-warning-active);\n --plasma-link-color-visited: var(--text-warning);\n --plasma-link-color-visited-hover: var(--text-warning-hover);\n --plasma-link-color-visited-active: var(--text-warning-active);\n --plasma-link-underline-border: 0;\n "]))),
24
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-negative);\n --plasma-link-color-hover: var(--text-negative-hover);\n --plasma-link-color-active: var(--text-negative-active);\n --plasma-link-color-visited: var(--text-negative);\n --plasma-link-color-visited-hover: var(--text-negative-hover);\n --plasma-link-color-visited-active: var(--text-negative-active);\n --plasma-link-underline-border: 0;\n "]))),
25
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: inherit;\n --plasma-link-color-hover: inherit;\n --plasma-link-color-active: inherit;\n --plasma-link-color-visited: inherit;\n --plasma-link-color-visited-hover: inherit;\n --plasma-link-color-visited-active: inherit;\n --plasma-link-underline-border: 0.063rem;\n "])))
17
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": 0;\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkUnderlineBorder),
18
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": 0;\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkUnderlineBorder),
19
+ tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": 0;\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkUnderlineBorder),
20
+ paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-paragraph);\n ", ": var(--text-paragraph-hover);\n ", ": var(--text-paragraph-active);\n ", ": var(--text-paragraph);\n ", ": var(--text-paragraph-hover);\n ", ": var(--text-paragraph-active);\n ", ": 0;\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkUnderlineBorder),
21
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-accent);\n ", ": #1a9e32;\n ", ": var(--text-accent-active);\n ", ": var(--text-accent);\n ", ": #1a9e32;\n ", ": var(--text-accent-active);\n ", ": 0;\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkUnderlineBorder),
22
+ positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-active);\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-active);\n ", ": 0;\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkUnderlineBorder),
23
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-active);\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-active);\n ", ": 0;\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkUnderlineBorder),
24
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-active);\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-active);\n ", ": 0;\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkUnderlineBorder),
25
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ":inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": 0.063rem;\n "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkUnderlineBorder)
26
26
  },
27
27
  disabled: {
28
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-disabled-opacity: 0.4;\n "])))
28
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.linkTokens.linkDisabledOpacity)
29
29
  },
30
30
  focused: {
31
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-focus-color: var(--text-primary);\n "])))
31
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n "])), _styledComponents.linkTokens.linkColorFocus)
32
32
  }
33
33
  }
34
34
  };
@@ -17,7 +17,7 @@ declare const LinkComponent: import("react").FunctionComponent<import("@salutejs
17
17
  focused: {
18
18
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
19
  };
20
- }> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("@salutejs/plasma-new-hope/types/components/Link/Link").LinkCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
20
+ }> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("@salutejs/plasma-new-hope/types/components/Link/Link.types").LinkCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
21
21
  export declare type LinkProps = typeof LinkComponent;
22
22
  /**
23
23
  * Ссылка.
@@ -40,5 +40,5 @@ export declare const Link: import("react").FunctionComponent<import("@salutejs/p
40
40
  focused: {
41
41
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
42
42
  };
43
- }> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("@salutejs/plasma-new-hope/types/components/Link/Link").LinkCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
43
+ }> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("@salutejs/plasma-new-hope/types/components/Link/Link.types").LinkCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
44
44
  export {};
@@ -105,6 +105,15 @@ const meta: Meta<StoryProps> = {
105
105
  },
106
106
  if: { arg: 'required', truthy: false },
107
107
  },
108
+ listWidth: {
109
+ control: { type: 'text' },
110
+ },
111
+ listMaxHeight: {
112
+ control: { type: 'text' },
113
+ },
114
+ virtual: {
115
+ control: { type: 'boolean' },
116
+ },
108
117
  ...disableProps([
109
118
  'hintText',
110
119
  'hintTrigger',
@@ -128,8 +137,6 @@ const meta: Meta<StoryProps> = {
128
137
  textAfter: '',
129
138
  placeholder: 'Заполните поле',
130
139
  leftHelper: 'Введите имя Алексей',
131
- listWidth: '100%',
132
- listMaxHeight: '200px',
133
140
  threshold: 2,
134
141
  enableContentLeft: true,
135
142
  enableContentRight: true,
@@ -137,6 +144,7 @@ const meta: Meta<StoryProps> = {
137
144
  required: false,
138
145
  requiredPlacement: 'right',
139
146
  hasRequiredIndicator: true,
147
+ virtual: false,
140
148
  },
141
149
  };
142
150
 
@@ -14,21 +14,21 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-primary);\n --plasma-link-color-hover: var(--text-primary-hover);\n --plasma-link-color-active: var(--text-primary-active);\n --plasma-link-color-visited: var(--text-primary);\n --plasma-link-color-visited-hover: var(--text-primary-hover);\n --plasma-link-color-visited-active: var(--text-primary-active);\n --plasma-link-underline-border: 0;\n "]))),
18
- secondary: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-secondary);\n --plasma-link-color-hover: var(--text-secondary-hover);\n --plasma-link-color-active: var(--text-secondary-active);\n --plasma-link-color-visited: var(--text-secondary);\n --plasma-link-color-visited-hover: var(--text-secondary-hover);\n --plasma-link-color-visited-active: var(--text-secondary-active);\n --plasma-link-underline-border: 0;\n "]))),
19
- tertiary: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-tertiary);\n --plasma-link-color-hover: var(--text-tertiary-hover);\n --plasma-link-color-active: var(--text-tertiary-active);\n --plasma-link-color-visited: var(--text-tertiary);\n --plasma-link-color-visited-hover: var(--text-tertiary-hover);\n --plasma-link-color-visited-active: var(--text-tertiary-active);\n --plasma-link-underline-border: 0;\n "]))),
20
- paragraph: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-paragraph);\n --plasma-link-color-hover: var(--text-paragraph-hover);\n --plasma-link-color-active: var(--text-paragraph-active);\n --plasma-link-color-visited: var(--text-paragraph);\n --plasma-link-color-visited-hover: var(--text-paragraph-hover);\n --plasma-link-color-visited-active: var(--text-paragraph-active);\n --plasma-link-underline-border: 0;\n "]))),
21
- accent: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-accent);\n --plasma-link-color-hover: #1a9e32;\n --plasma-link-color-active: var(--text-accent-active);\n --plasma-link-color-visited: var(--text-accent);\n --plasma-link-color-visited-hover: #1a9e32;\n --plasma-link-color-visited-active: var(--text-accent-active);\n --plasma-link-underline-border: 0;\n "]))),
22
- positive: /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-positive);\n --plasma-link-color-hover: var(--text-positive-hover);\n --plasma-link-color-active: var(--text-positive-active);\n --plasma-link-color-visited: var(--text-positive);\n --plasma-link-color-visited-hover: var(--text-positive-hover);\n --plasma-link-color-visited-active: var(--text-positive-active);\n --plasma-link-underline-border: 0;\n "]))),
23
- warning: /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-warning);\n --plasma-link-color-hover: var(--text-warning-hover);\n --plasma-link-color-active: var(--text-warning-active);\n --plasma-link-color-visited: var(--text-warning);\n --plasma-link-color-visited-hover: var(--text-warning-hover);\n --plasma-link-color-visited-active: var(--text-warning-active);\n --plasma-link-underline-border: 0;\n "]))),
24
- negative: /*#__PURE__*/(0, _emotion.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-negative);\n --plasma-link-color-hover: var(--text-negative-hover);\n --plasma-link-color-active: var(--text-negative-active);\n --plasma-link-color-visited: var(--text-negative);\n --plasma-link-color-visited-hover: var(--text-negative-hover);\n --plasma-link-color-visited-active: var(--text-negative-active);\n --plasma-link-underline-border: 0;\n "]))),
25
- clear: /*#__PURE__*/(0, _emotion.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: inherit;\n --plasma-link-color-hover: inherit;\n --plasma-link-color-active: inherit;\n --plasma-link-color-visited: inherit;\n --plasma-link-color-visited-hover: inherit;\n --plasma-link-color-visited-active: inherit;\n --plasma-link-underline-border: 0.063rem;\n "])))
17
+ "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": 0;\n "])), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
18
+ secondary: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": 0;\n "])), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
19
+ tertiary: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": 0;\n "])), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
20
+ paragraph: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-paragraph);\n ", ": var(--text-paragraph-hover);\n ", ": var(--text-paragraph-active);\n ", ": var(--text-paragraph);\n ", ": var(--text-paragraph-hover);\n ", ": var(--text-paragraph-active);\n ", ": 0;\n "])), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
21
+ accent: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-accent);\n ", ": #1a9e32;\n ", ": var(--text-accent-active);\n ", ": var(--text-accent);\n ", ": #1a9e32;\n ", ": var(--text-accent-active);\n ", ": 0;\n "])), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
22
+ positive: /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-active);\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-active);\n ", ": 0;\n "])), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
23
+ warning: /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-active);\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-active);\n ", ": 0;\n "])), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
24
+ negative: /*#__PURE__*/(0, _emotion.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-active);\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-active);\n ", ": 0;\n "])), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder),
25
+ clear: /*#__PURE__*/(0, _emotion.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ":inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": 0.063rem;\n "])), _emotion.linkTokens.linkFontFamily, _emotion.linkTokens.linkColor, _emotion.linkTokens.linkColorHover, _emotion.linkTokens.linkColorActive, _emotion.linkTokens.linkColorVisited, _emotion.linkTokens.linkColorVisitedHover, _emotion.linkTokens.linkColorVisitedActive, _emotion.linkTokens.linkUnderlineBorder)
26
26
  },
27
27
  disabled: {
28
- "true": /*#__PURE__*/(0, _emotion.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-disabled-opacity: 0.4;\n "])))
28
+ "true": /*#__PURE__*/(0, _emotion.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _emotion.linkTokens.linkDisabledOpacity)
29
29
  },
30
30
  focused: {
31
- "true": /*#__PURE__*/(0, _emotion.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-focus-color: var(--text-primary);\n "])))
31
+ "true": /*#__PURE__*/(0, _emotion.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n "])), _emotion.linkTokens.linkColorFocus)
32
32
  }
33
33
  }
34
34
  };
@@ -105,6 +105,15 @@ const meta: Meta<StoryProps> = {
105
105
  },
106
106
  if: { arg: 'required', truthy: false },
107
107
  },
108
+ listWidth: {
109
+ control: { type: 'text' },
110
+ },
111
+ listMaxHeight: {
112
+ control: { type: 'text' },
113
+ },
114
+ virtual: {
115
+ control: { type: 'boolean' },
116
+ },
108
117
  ...disableProps([
109
118
  'hintText',
110
119
  'hintTrigger',
@@ -128,8 +137,6 @@ const meta: Meta<StoryProps> = {
128
137
  textAfter: '',
129
138
  placeholder: 'Заполните поле',
130
139
  leftHelper: 'Введите имя Алексей',
131
- listWidth: '100%',
132
- listMaxHeight: '200px',
133
140
  threshold: 2,
134
141
  enableContentLeft: true,
135
142
  enableContentRight: true,
@@ -137,6 +144,7 @@ const meta: Meta<StoryProps> = {
137
144
  required: false,
138
145
  requiredPlacement: 'right',
139
146
  hasRequiredIndicator: true,
147
+ virtual: false,
140
148
  },
141
149
  };
142
150
 
@@ -1,6 +1,6 @@
1
1
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
2
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 } from '@salutejs/plasma-new-hope/emotion';
3
+ import { css, linkTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
4
4
  export var config = {
5
5
  defaults: {
6
6
  view: 'default',
@@ -8,21 +8,21 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-primary);\n --plasma-link-color-hover: var(--text-primary-hover);\n --plasma-link-color-active: var(--text-primary-active);\n --plasma-link-color-visited: var(--text-primary);\n --plasma-link-color-visited-hover: var(--text-primary-hover);\n --plasma-link-color-visited-active: var(--text-primary-active);\n --plasma-link-underline-border: 0;\n "]))),
12
- secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-secondary);\n --plasma-link-color-hover: var(--text-secondary-hover);\n --plasma-link-color-active: var(--text-secondary-active);\n --plasma-link-color-visited: var(--text-secondary);\n --plasma-link-color-visited-hover: var(--text-secondary-hover);\n --plasma-link-color-visited-active: var(--text-secondary-active);\n --plasma-link-underline-border: 0;\n "]))),
13
- tertiary: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-tertiary);\n --plasma-link-color-hover: var(--text-tertiary-hover);\n --plasma-link-color-active: var(--text-tertiary-active);\n --plasma-link-color-visited: var(--text-tertiary);\n --plasma-link-color-visited-hover: var(--text-tertiary-hover);\n --plasma-link-color-visited-active: var(--text-tertiary-active);\n --plasma-link-underline-border: 0;\n "]))),
14
- paragraph: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-paragraph);\n --plasma-link-color-hover: var(--text-paragraph-hover);\n --plasma-link-color-active: var(--text-paragraph-active);\n --plasma-link-color-visited: var(--text-paragraph);\n --plasma-link-color-visited-hover: var(--text-paragraph-hover);\n --plasma-link-color-visited-active: var(--text-paragraph-active);\n --plasma-link-underline-border: 0;\n "]))),
15
- accent: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-accent);\n --plasma-link-color-hover: #1a9e32;\n --plasma-link-color-active: var(--text-accent-active);\n --plasma-link-color-visited: var(--text-accent);\n --plasma-link-color-visited-hover: #1a9e32;\n --plasma-link-color-visited-active: var(--text-accent-active);\n --plasma-link-underline-border: 0;\n "]))),
16
- positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-positive);\n --plasma-link-color-hover: var(--text-positive-hover);\n --plasma-link-color-active: var(--text-positive-active);\n --plasma-link-color-visited: var(--text-positive);\n --plasma-link-color-visited-hover: var(--text-positive-hover);\n --plasma-link-color-visited-active: var(--text-positive-active);\n --plasma-link-underline-border: 0;\n "]))),
17
- warning: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-warning);\n --plasma-link-color-hover: var(--text-warning-hover);\n --plasma-link-color-active: var(--text-warning-active);\n --plasma-link-color-visited: var(--text-warning);\n --plasma-link-color-visited-hover: var(--text-warning-hover);\n --plasma-link-color-visited-active: var(--text-warning-active);\n --plasma-link-underline-border: 0;\n "]))),
18
- negative: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-negative);\n --plasma-link-color-hover: var(--text-negative-hover);\n --plasma-link-color-active: var(--text-negative-active);\n --plasma-link-color-visited: var(--text-negative);\n --plasma-link-color-visited-hover: var(--text-negative-hover);\n --plasma-link-color-visited-active: var(--text-negative-active);\n --plasma-link-underline-border: 0;\n "]))),
19
- clear: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: inherit;\n --plasma-link-color-hover: inherit;\n --plasma-link-color-active: inherit;\n --plasma-link-color-visited: inherit;\n --plasma-link-color-visited-hover: inherit;\n --plasma-link-color-visited-active: inherit;\n --plasma-link-underline-border: 0.063rem;\n "])))
11
+ "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
12
+ secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
13
+ tertiary: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
14
+ paragraph: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-paragraph);\n ", ": var(--text-paragraph-hover);\n ", ": var(--text-paragraph-active);\n ", ": var(--text-paragraph);\n ", ": var(--text-paragraph-hover);\n ", ": var(--text-paragraph-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
15
+ accent: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-accent);\n ", ": #1a9e32;\n ", ": var(--text-accent-active);\n ", ": var(--text-accent);\n ", ": #1a9e32;\n ", ": var(--text-accent-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
16
+ positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-active);\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
17
+ warning: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-active);\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
18
+ negative: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-active);\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
19
+ clear: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ":inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": 0.063rem;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder)
20
20
  },
21
21
  disabled: {
22
- "true": /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-disabled-opacity: 0.4;\n "])))
22
+ "true": /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tokens.linkDisabledOpacity)
23
23
  },
24
24
  focused: {
25
- "true": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-focus-color: var(--text-primary);\n "])))
25
+ "true": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n "])), tokens.linkColorFocus)
26
26
  }
27
27
  }
28
28
  };
@@ -1,6 +1,6 @@
1
1
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
2
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 } from '@salutejs/plasma-new-hope/styled-components';
3
+ import { css, linkTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
4
4
  export var config = {
5
5
  defaults: {
6
6
  view: 'default',
@@ -8,21 +8,21 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-primary);\n --plasma-link-color-hover: var(--text-primary-hover);\n --plasma-link-color-active: var(--text-primary-active);\n --plasma-link-color-visited: var(--text-primary);\n --plasma-link-color-visited-hover: var(--text-primary-hover);\n --plasma-link-color-visited-active: var(--text-primary-active);\n --plasma-link-underline-border: 0;\n "]))),
12
- secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-secondary);\n --plasma-link-color-hover: var(--text-secondary-hover);\n --plasma-link-color-active: var(--text-secondary-active);\n --plasma-link-color-visited: var(--text-secondary);\n --plasma-link-color-visited-hover: var(--text-secondary-hover);\n --plasma-link-color-visited-active: var(--text-secondary-active);\n --plasma-link-underline-border: 0;\n "]))),
13
- tertiary: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-tertiary);\n --plasma-link-color-hover: var(--text-tertiary-hover);\n --plasma-link-color-active: var(--text-tertiary-active);\n --plasma-link-color-visited: var(--text-tertiary);\n --plasma-link-color-visited-hover: var(--text-tertiary-hover);\n --plasma-link-color-visited-active: var(--text-tertiary-active);\n --plasma-link-underline-border: 0;\n "]))),
14
- paragraph: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-paragraph);\n --plasma-link-color-hover: var(--text-paragraph-hover);\n --plasma-link-color-active: var(--text-paragraph-active);\n --plasma-link-color-visited: var(--text-paragraph);\n --plasma-link-color-visited-hover: var(--text-paragraph-hover);\n --plasma-link-color-visited-active: var(--text-paragraph-active);\n --plasma-link-underline-border: 0;\n "]))),
15
- accent: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-accent);\n --plasma-link-color-hover: #1a9e32;\n --plasma-link-color-active: var(--text-accent-active);\n --plasma-link-color-visited: var(--text-accent);\n --plasma-link-color-visited-hover: #1a9e32;\n --plasma-link-color-visited-active: var(--text-accent-active);\n --plasma-link-underline-border: 0;\n "]))),
16
- positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-positive);\n --plasma-link-color-hover: var(--text-positive-hover);\n --plasma-link-color-active: var(--text-positive-active);\n --plasma-link-color-visited: var(--text-positive);\n --plasma-link-color-visited-hover: var(--text-positive-hover);\n --plasma-link-color-visited-active: var(--text-positive-active);\n --plasma-link-underline-border: 0;\n "]))),
17
- warning: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-warning);\n --plasma-link-color-hover: var(--text-warning-hover);\n --plasma-link-color-active: var(--text-warning-active);\n --plasma-link-color-visited: var(--text-warning);\n --plasma-link-color-visited-hover: var(--text-warning-hover);\n --plasma-link-color-visited-active: var(--text-warning-active);\n --plasma-link-underline-border: 0;\n "]))),
18
- negative: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: var(--text-negative);\n --plasma-link-color-hover: var(--text-negative-hover);\n --plasma-link-color-active: var(--text-negative-active);\n --plasma-link-color-visited: var(--text-negative);\n --plasma-link-color-visited-hover: var(--text-negative-hover);\n --plasma-link-color-visited-active: var(--text-negative-active);\n --plasma-link-underline-border: 0;\n "]))),
19
- clear: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-font-family: var(--plasma-typo-text-m-font-family);\n --plasma-link-color: inherit;\n --plasma-link-color-hover: inherit;\n --plasma-link-color-active: inherit;\n --plasma-link-color-visited: inherit;\n --plasma-link-color-visited-hover: inherit;\n --plasma-link-color-visited-active: inherit;\n --plasma-link-underline-border: 0.063rem;\n "])))
11
+ "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
12
+ secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
13
+ tertiary: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
14
+ paragraph: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-paragraph);\n ", ": var(--text-paragraph-hover);\n ", ": var(--text-paragraph-active);\n ", ": var(--text-paragraph);\n ", ": var(--text-paragraph-hover);\n ", ": var(--text-paragraph-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
15
+ accent: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-accent);\n ", ": #1a9e32;\n ", ": var(--text-accent-active);\n ", ": var(--text-accent);\n ", ": #1a9e32;\n ", ": var(--text-accent-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
16
+ positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-active);\n ", ": var(--text-positive);\n ", ": var(--text-positive-hover);\n ", ": var(--text-positive-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
17
+ warning: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-active);\n ", ": var(--text-warning);\n ", ": var(--text-warning-hover);\n ", ": var(--text-warning-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
18
+ negative: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-active);\n ", ": var(--text-negative);\n ", ": var(--text-negative-hover);\n ", ": var(--text-negative-active);\n ", ": 0;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder),
19
+ clear: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-text-m-font-family);\n ", ":inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": 0.063rem;\n "])), tokens.linkFontFamily, tokens.linkColor, tokens.linkColorHover, tokens.linkColorActive, tokens.linkColorVisited, tokens.linkColorVisitedHover, tokens.linkColorVisitedActive, tokens.linkUnderlineBorder)
20
20
  },
21
21
  disabled: {
22
- "true": /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-disabled-opacity: 0.4;\n "])))
22
+ "true": /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tokens.linkDisabledOpacity)
23
23
  },
24
24
  focused: {
25
- "true": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-link-focus-color: var(--text-primary);\n "])))
25
+ "true": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n "])), tokens.linkColorFocus)
26
26
  }
27
27
  }
28
28
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.316.0-canary.1984.15159659604.0",
3
+ "version": "0.316.0-canary.1985.15205350468.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -30,8 +30,8 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.324.0-canary.1984.15159659604.0",
34
- "@salutejs/sdds-themes": "0.36.0"
33
+ "@salutejs/plasma-new-hope": "0.324.0-canary.1985.15205350468.0",
34
+ "@salutejs/sdds-themes": "0.37.0-canary.1985.15205350468.0"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "@emotion/react": ">=11",
@@ -54,10 +54,10 @@
54
54
  "@microsoft/api-extractor": "7.38.3",
55
55
  "@originjs/vite-plugin-commonjs": "1.0.3",
56
56
  "@salutejs/plasma-colors": "0.15.0",
57
- "@salutejs/plasma-core": "1.196.0",
58
- "@salutejs/plasma-cy-utils": "0.127.0",
57
+ "@salutejs/plasma-core": "1.197.0-canary.1985.15205350468.0",
58
+ "@salutejs/plasma-cy-utils": "0.128.0-canary.1985.15205350468.0",
59
59
  "@salutejs/plasma-icons": "1.217.0",
60
- "@salutejs/plasma-sb-utils": "0.197.0",
60
+ "@salutejs/plasma-sb-utils": "0.198.0-canary.1985.15205350468.0",
61
61
  "@storybook/addon-docs": "7.6.17",
62
62
  "@storybook/addon-essentials": "7.6.17",
63
63
  "@storybook/addons": "7.6.17",
@@ -123,5 +123,5 @@
123
123
  "Anton Vinogradov"
124
124
  ],
125
125
  "sideEffects": false,
126
- "gitHead": "39485b3b94fdca02c7e64585567608b2246ffa01"
126
+ "gitHead": "7d2d46dcc9bca30831caea31403d0b6b16fa2a1f"
127
127
  }