@salutejs/plasma-web 1.578.1-canary.1910.14470120739.0 → 1.578.1-canary.1910.14480923795.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.
Files changed (29) hide show
  1. package/components/Checkbox/Checkbox.config.d.ts +1 -0
  2. package/components/Checkbox/Checkbox.config.js +14 -13
  3. package/components/Checkbox/Checkbox.d.ts +2 -0
  4. package/components/Combobox/Combobox.d.ts +0 -24
  5. package/components/Radiobox/Radiobox.config.d.ts +1 -0
  6. package/components/Radiobox/Radiobox.config.js +14 -13
  7. package/components/Radiobox/Radiobox.d.ts +2 -0
  8. package/components/Select/Select.d.ts +0 -6
  9. package/css/cjs/components/Checkbox/Checkbox.config.js +14 -13
  10. package/css/cjs/components/Checkbox/Checkbox.config.js.map +1 -1
  11. package/css/cjs/components/Checkbox/{Checkbox.config_1dyaw29.css → Checkbox.config_57uhk4.css} +12 -11
  12. package/css/cjs/components/Checkbox/Checkbox.css +14 -13
  13. package/css/cjs/components/Radiobox/Radiobox.config.js +14 -13
  14. package/css/cjs/components/Radiobox/Radiobox.config.js.map +1 -1
  15. package/css/cjs/components/Radiobox/{Radiobox.config_1bffieh.css → Radiobox.config_1klut3q.css} +12 -11
  16. package/css/cjs/components/Radiobox/Radiobox.css +14 -13
  17. package/css/cjs/index.css +28 -26
  18. package/css/es/components/Checkbox/Checkbox.config.js +14 -13
  19. package/css/es/components/Checkbox/Checkbox.config.js.map +1 -1
  20. package/css/es/components/Checkbox/{Checkbox.config_1dyaw29.css → Checkbox.config_57uhk4.css} +12 -11
  21. package/css/es/components/Checkbox/Checkbox.css +14 -13
  22. package/css/es/components/Radiobox/Radiobox.config.js +14 -13
  23. package/css/es/components/Radiobox/Radiobox.config.js.map +1 -1
  24. package/css/es/components/Radiobox/{Radiobox.config_1bffieh.css → Radiobox.config_1klut3q.css} +12 -11
  25. package/css/es/components/Radiobox/Radiobox.css +14 -13
  26. package/css/es/index.css +28 -26
  27. package/es/components/Checkbox/Checkbox.config.js +14 -13
  28. package/es/components/Radiobox/Radiobox.config.js +14 -13
  29. package/package.json +6 -6
package/components/Checkbox/Checkbox.config.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const config: {
8
8
  size: {
9
9
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
10
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
12
  };
12
13
  view: {
13
14
  accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/Checkbox/Checkbox.config.js CHANGED
@@ -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;
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
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: {
@@ -16,31 +16,32 @@ var config = exports.config = {
16
16
  variations: {
17
17
  size: {
18
18
  s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n ", ": 0.0625rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0;\n ", ": 0.5rem;\n ", ": 0.125rem;\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 ", ": 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 "])), _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight),
19
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n ", ": 0.125rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\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 "])), _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight)
19
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n ", ": 0.125rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\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 "])), _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight),
20
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n ", ": 0.125rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight)
20
21
  },
21
22
  view: {
22
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.labelColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
23
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.labelColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
23
24
  // deprecated
24
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
25
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
25
26
  // deprecated
26
- primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
27
+ primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
27
28
  // deprecated
28
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
29
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
29
30
  // deprecated
30
- tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
31
+ tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
31
32
  // deprecated
32
- paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
33
+ paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
33
34
  // deprecated
34
- positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
35
+ positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
35
36
  // deprecated
36
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
37
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-negative);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor)
37
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
38
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-negative);\n ", ": transparent;\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor)
38
39
  },
39
40
  disabled: {
40
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.checkboxTokens.disabledOpacity)
41
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.checkboxTokens.disabledOpacity)
41
42
  },
42
43
  focused: {
43
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n "])), _styledComponents.checkboxTokens.focusColor)
44
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n "])), _styledComponents.checkboxTokens.focusColor)
44
45
  }
45
46
  }
46
47
  };
package/components/Checkbox/Checkbox.d.ts CHANGED
@@ -3,6 +3,7 @@ declare const CheckboxComponent: import("react").FunctionComponent<import("@salu
3
3
  size: {
4
4
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
5
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
7
  };
7
8
  view: {
8
9
  accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -30,6 +31,7 @@ export declare const Checkbox: import("react").FunctionComponent<import("@salute
30
31
  size: {
31
32
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
32
33
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
34
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
33
35
  };
34
36
  view: {
35
37
  accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/Combobox/Combobox.d.ts CHANGED
@@ -60,7 +60,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
60
60
  view?: string | undefined;
61
61
  emptyStateDescription?: string | undefined;
62
62
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
63
- checkboxAppearance?: "default" | "outline" | undefined;
64
63
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
65
64
  readOnly?: boolean | undefined;
66
65
  disabled?: true | undefined;
@@ -114,7 +113,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
114
113
  view?: string | undefined;
115
114
  emptyStateDescription?: string | undefined;
116
115
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
117
- checkboxAppearance?: "default" | "outline" | undefined;
118
116
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
119
117
  readOnly?: boolean | undefined;
120
118
  disabled?: true | undefined;
@@ -168,7 +166,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
168
166
  view?: string | undefined;
169
167
  emptyStateDescription?: string | undefined;
170
168
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
171
- checkboxAppearance?: "default" | "outline" | undefined;
172
169
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
173
170
  readOnly?: boolean | undefined;
174
171
  disabled?: true | undefined;
@@ -222,7 +219,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
222
219
  view?: string | undefined;
223
220
  emptyStateDescription?: string | undefined;
224
221
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
225
- checkboxAppearance?: "default" | "outline" | undefined;
226
222
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
227
223
  readOnly?: boolean | undefined;
228
224
  disabled?: true | undefined;
@@ -276,7 +272,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
276
272
  view?: string | undefined;
277
273
  emptyStateDescription?: string | undefined;
278
274
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
279
- checkboxAppearance?: "default" | "outline" | undefined;
280
275
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
281
276
  readOnly?: boolean | undefined;
282
277
  disabled?: true | undefined;
@@ -330,7 +325,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
330
325
  view?: string | undefined;
331
326
  emptyStateDescription?: string | undefined;
332
327
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
333
- checkboxAppearance?: "default" | "outline" | undefined;
334
328
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
335
329
  readOnly?: boolean | undefined;
336
330
  disabled?: true | undefined;
@@ -384,7 +378,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
384
378
  view?: string | undefined;
385
379
  emptyStateDescription?: string | undefined;
386
380
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
387
- checkboxAppearance?: "default" | "outline" | undefined;
388
381
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
389
382
  readOnly?: boolean | undefined;
390
383
  disabled?: true | undefined;
@@ -438,7 +431,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
438
431
  view?: string | undefined;
439
432
  emptyStateDescription?: string | undefined;
440
433
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
441
- checkboxAppearance?: "default" | "outline" | undefined;
442
434
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
443
435
  readOnly?: boolean | undefined;
444
436
  disabled?: true | undefined;
@@ -492,7 +484,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
492
484
  view?: string | undefined;
493
485
  emptyStateDescription?: string | undefined;
494
486
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
495
- checkboxAppearance?: "default" | "outline" | undefined;
496
487
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
497
488
  readOnly?: true | undefined;
498
489
  disabled?: boolean | undefined;
@@ -546,7 +537,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
546
537
  view?: string | undefined;
547
538
  emptyStateDescription?: string | undefined;
548
539
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
549
- checkboxAppearance?: "default" | "outline" | undefined;
550
540
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
551
541
  readOnly?: true | undefined;
552
542
  disabled?: boolean | undefined;
@@ -600,7 +590,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
600
590
  view?: string | undefined;
601
591
  emptyStateDescription?: string | undefined;
602
592
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
603
- checkboxAppearance?: "default" | "outline" | undefined;
604
593
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
605
594
  readOnly?: true | undefined;
606
595
  disabled?: boolean | undefined;
@@ -654,7 +643,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
654
643
  view?: string | undefined;
655
644
  emptyStateDescription?: string | undefined;
656
645
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
657
- checkboxAppearance?: "default" | "outline" | undefined;
658
646
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
659
647
  readOnly?: true | undefined;
660
648
  disabled?: boolean | undefined;
@@ -708,7 +696,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
708
696
  view?: string | undefined;
709
697
  emptyStateDescription?: string | undefined;
710
698
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
711
- checkboxAppearance?: "default" | "outline" | undefined;
712
699
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
713
700
  readOnly?: true | undefined;
714
701
  disabled?: boolean | undefined;
@@ -762,7 +749,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
762
749
  view?: string | undefined;
763
750
  emptyStateDescription?: string | undefined;
764
751
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
765
- checkboxAppearance?: "default" | "outline" | undefined;
766
752
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
767
753
  readOnly?: true | undefined;
768
754
  disabled?: boolean | undefined;
@@ -816,7 +802,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
816
802
  view?: string | undefined;
817
803
  emptyStateDescription?: string | undefined;
818
804
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
819
- checkboxAppearance?: "default" | "outline" | undefined;
820
805
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
821
806
  readOnly?: true | undefined;
822
807
  disabled?: boolean | undefined;
@@ -870,7 +855,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
870
855
  view?: string | undefined;
871
856
  emptyStateDescription?: string | undefined;
872
857
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
873
- checkboxAppearance?: "default" | "outline" | undefined;
874
858
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
875
859
  readOnly?: true | undefined;
876
860
  disabled?: boolean | undefined;
@@ -924,7 +908,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
924
908
  view?: string | undefined;
925
909
  emptyStateDescription?: string | undefined;
926
910
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
927
- checkboxAppearance?: "default" | "outline" | undefined;
928
911
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
929
912
  readOnly?: false | undefined;
930
913
  disabled?: false | undefined;
@@ -978,7 +961,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
978
961
  view?: string | undefined;
979
962
  emptyStateDescription?: string | undefined;
980
963
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
981
- checkboxAppearance?: "default" | "outline" | undefined;
982
964
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
983
965
  readOnly?: false | undefined;
984
966
  disabled?: false | undefined;
@@ -1032,7 +1014,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1032
1014
  view?: string | undefined;
1033
1015
  emptyStateDescription?: string | undefined;
1034
1016
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
1035
- checkboxAppearance?: "default" | "outline" | undefined;
1036
1017
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
1037
1018
  readOnly?: false | undefined;
1038
1019
  disabled?: false | undefined;
@@ -1086,7 +1067,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1086
1067
  view?: string | undefined;
1087
1068
  emptyStateDescription?: string | undefined;
1088
1069
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
1089
- checkboxAppearance?: "default" | "outline" | undefined;
1090
1070
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
1091
1071
  readOnly?: false | undefined;
1092
1072
  disabled?: false | undefined;
@@ -1140,7 +1120,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1140
1120
  view?: string | undefined;
1141
1121
  emptyStateDescription?: string | undefined;
1142
1122
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
1143
- checkboxAppearance?: "default" | "outline" | undefined;
1144
1123
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
1145
1124
  readOnly?: false | undefined;
1146
1125
  disabled?: false | undefined;
@@ -1194,7 +1173,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1194
1173
  view?: string | undefined;
1195
1174
  emptyStateDescription?: string | undefined;
1196
1175
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
1197
- checkboxAppearance?: "default" | "outline" | undefined;
1198
1176
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
1199
1177
  readOnly?: false | undefined;
1200
1178
  disabled?: false | undefined;
@@ -1248,7 +1226,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1248
1226
  view?: string | undefined;
1249
1227
  emptyStateDescription?: string | undefined;
1250
1228
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
1251
- checkboxAppearance?: "default" | "outline" | undefined;
1252
1229
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
1253
1230
  readOnly?: false | undefined;
1254
1231
  disabled?: false | undefined;
@@ -1302,7 +1279,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1302
1279
  view?: string | undefined;
1303
1280
  emptyStateDescription?: string | undefined;
1304
1281
  listHeight?: import("csstype").Property.Height<string | number> | undefined;
1305
- checkboxAppearance?: "default" | "outline" | undefined;
1306
1282
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
1307
1283
  readOnly?: false | undefined;
1308
1284
  disabled?: false | undefined;
package/components/Radiobox/Radiobox.config.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare const config: {
11
11
  size: {
12
12
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
13
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
15
  };
15
16
  /**
16
17
  * Вид контрола.
package/components/Radiobox/Radiobox.config.js CHANGED
@@ -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;
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
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: {
@@ -19,35 +19,36 @@ var config = exports.config = {
19
19
  */
20
20
  size: {
21
21
  s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n ", ": 0.0625rem 0;\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0;\n ", ": 0.5rem;\n ", ": 0.125rem;\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 ", ": 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 "])), _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.triggerBorderRadius, _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight),
22
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n ", ": 0.0625rem;\n ", ": 1.375rem;\n ", ": 1.125rem;\n ", ": 0.125rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\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 "])), _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.triggerBorderRadius, _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight)
22
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n ", ": 0.0625rem;\n ", ": 1.375rem;\n ", ": 1.125rem;\n ", ": 0.125rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\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 "])), _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.triggerBorderRadius, _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight),
23
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n ", ": 0.0625rem;\n ", ": 1.375rem;\n ", ": 1.125rem;\n ", ": 0.125rem;\n ", ": 0.625rem;\n ", ": 0.0625rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.triggerBorderRadius, _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight)
23
24
  },
24
25
  /**
25
26
  * Вид контрола.
26
27
  */
27
28
  view: {
28
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
29
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
29
30
  // deprecated
30
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
31
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
31
32
  // deprecated
32
- primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
33
+ primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
33
34
  // deprecated
34
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
35
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
35
36
  // deprecated
36
- tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
37
+ tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
37
38
  // deprecated
38
- paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
39
+ paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
39
40
  // deprecated
40
- positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
41
+ positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
41
42
  // deprecated
42
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
43
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
43
44
  // deprecated
44
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor)
45
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor)
45
46
  },
46
47
  disabled: {
47
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.radioboxTokens.disabledOpacity)
48
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.radioboxTokens.disabledOpacity)
48
49
  },
49
50
  focused: {
50
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n "])), _styledComponents.radioboxTokens.focusColor)
51
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n "])), _styledComponents.radioboxTokens.focusColor)
51
52
  }
52
53
  }
53
54
  };
package/components/Radiobox/Radiobox.d.ts CHANGED
@@ -3,6 +3,7 @@ declare const RadioboxComponent: import("react").FunctionComponent<import("@salu
3
3
  size: {
4
4
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
5
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
7
  };
7
8
  view: {
8
9
  accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -30,6 +31,7 @@ export declare const Radiobox: import("react").FunctionComponent<import("@salute
30
31
  size: {
31
32
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
32
33
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
34
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
33
35
  };
34
36
  view: {
35
37
  accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/Select/Select.d.ts CHANGED
@@ -93,7 +93,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
93
93
  size?: string | undefined;
94
94
  view?: string | undefined;
95
95
  chipView?: string | undefined;
96
- checkboxAppearance?: "default" | "outline" | undefined;
97
96
  status?: "warning" | "success" | "error" | undefined;
98
97
  hasItems?: boolean | undefined;
99
98
  isOpen?: boolean | undefined;
@@ -151,7 +150,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
151
150
  size?: string | undefined;
152
151
  view?: string | undefined;
153
152
  chipView?: string | undefined;
154
- checkboxAppearance?: "default" | "outline" | undefined;
155
153
  status?: "warning" | "success" | "error" | undefined;
156
154
  hasItems?: boolean | undefined;
157
155
  isOpen?: boolean | undefined;
@@ -209,7 +207,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
209
207
  size?: string | undefined;
210
208
  view?: string | undefined;
211
209
  chipView?: string | undefined;
212
- checkboxAppearance?: "default" | "outline" | undefined;
213
210
  status?: "warning" | "success" | "error" | undefined;
214
211
  hasItems?: boolean | undefined;
215
212
  isOpen?: boolean | undefined;
@@ -267,7 +264,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
267
264
  size?: string | undefined;
268
265
  view?: string | undefined;
269
266
  chipView?: string | undefined;
270
- checkboxAppearance?: "default" | "outline" | undefined;
271
267
  status?: "warning" | "success" | "error" | undefined;
272
268
  hasItems?: boolean | undefined;
273
269
  isOpen?: boolean | undefined;
@@ -313,7 +309,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
313
309
  size?: string | undefined;
314
310
  view?: string | undefined;
315
311
  chipView?: string | undefined;
316
- checkboxAppearance?: "default" | "outline" | undefined;
317
312
  status?: "warning" | "success" | "error" | undefined;
318
313
  hasItems?: boolean | undefined;
319
314
  isOpen?: boolean | undefined;
@@ -359,7 +354,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
359
354
  size?: string | undefined;
360
355
  view?: string | undefined;
361
356
  chipView?: string | undefined;
362
- checkboxAppearance?: "default" | "outline" | undefined;
363
357
  status?: "warning" | "success" | "error" | undefined;
364
358
  hasItems?: boolean | undefined;
365
359
  isOpen?: boolean | undefined;
package/css/cjs/components/Checkbox/Checkbox.config.js CHANGED
@@ -1,4 +1,4 @@
1
- require('./Checkbox.config_1dyaw29.css');
1
+ require('./Checkbox.config_57uhk4.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -12,31 +12,32 @@ var config = {
12
12
  variations: {
13
13
  size: {
14
14
  s: "s1rbd3p5",
15
- m: "m1b31az7"
15
+ m: "m1b31az7",
16
+ l: "lhc94kv"
16
17
  },
17
18
  view: {
18
- accent: "ahc94kv",
19
+ accent: "auukuk0",
19
20
  // deprecated
20
- "default": "duukuk0",
21
+ "default": "d527yke",
21
22
  // deprecated
22
- primary: "p527yke",
23
+ primary: "p14xqe1f",
23
24
  // deprecated
24
- secondary: "s14xqe1f",
25
+ secondary: "s1osm13r",
25
26
  // deprecated
26
- tertiary: "t1osm13r",
27
+ tertiary: "t1dy107n",
27
28
  // deprecated
28
- paragraph: "p1dy107n",
29
+ paragraph: "pkg3b6l",
29
30
  // deprecated
30
- positive: "pkg3b6l",
31
+ positive: "p156nc0s",
31
32
  // deprecated
32
- warning: "w156nc0s",
33
- negative: "n9dcoci"
33
+ warning: "w9dcoci",
34
+ negative: "nvknbfm"
34
35
  },
35
36
  disabled: {
36
- "true": "tvknbfm"
37
+ "true": "t1npi1sh"
37
38
  },
38
39
  focused: {
39
- "true": "t1npi1sh"
40
+ "true": "trr86lt"
40
41
  }
41
42
  }
42
43
  };
package/css/cjs/components/Checkbox/Checkbox.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.config.js","sources":["../../../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'accent',\n size: 'm',\n focused: 'true',\n },\n variations: {\n size: {\n s: css`\n ${checkboxTokens.margin}: 0;\n ${checkboxTokens.triggerPadding}: 0.0625rem;\n ${checkboxTokens.triggerSize}: 0.875rem;\n ${checkboxTokens.triggerBorderRadius}: 0.25rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0;\n ${checkboxTokens.contentLeftOffset}: 0.5rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n m: css`\n ${checkboxTokens.margin}: 0;\n ${checkboxTokens.triggerPadding}: 0.125rem;\n ${checkboxTokens.triggerSize}: 1.25rem;\n ${checkboxTokens.triggerBorderRadius}: 0.375rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0.125rem;\n ${checkboxTokens.contentLeftOffset}: 0.75rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n view: {\n accent: css`\n ${checkboxTokens.fillColor}: var(--text-accent);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.labelColor}: var(--text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n default: css`\n ${checkboxTokens.fillColor}: var(--text-primary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n primary: css`\n ${checkboxTokens.fillColor}: var(--text-primary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n secondary: css`\n ${checkboxTokens.fillColor}: var(--text-secondary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n tertiary: css`\n ${checkboxTokens.fillColor}: var(--text-tertiary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n paragraph: css`\n ${checkboxTokens.fillColor}: var(--text-paragraph);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n positive: css`\n ${checkboxTokens.fillColor}: var(--text-positive);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n warning: css`\n ${checkboxTokens.fillColor}: var(--text-warning);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n negative: css`\n ${checkboxTokens.fillColor}: var(--text-negative);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-negative);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n },\n disabled: {\n true: css`\n ${checkboxTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${checkboxTokens.focusColor}: var(--text-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","focused","variations","s","m","accent","default","primary","secondary","tertiary","paragraph","positive","warning","negative","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAsBJ;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,MAAM,EAQL,SAAA;AACD;AACAC,MAAAA,SAAAA,EAOC,SAAA;AACD;AACAC,MAAAA,OAAO,EAON,SAAA;AACD;AACAC,MAAAA,SAAS,EAOR,UAAA;AACD;AACAC,MAAAA,QAAQ,EAOP,UAAA;AACD;AACAC,MAAAA,SAAS,EAOR,UAAA;AACD;AACAC,MAAAA,QAAQ,EAOP,SAAA;AACD;AACAC,MAAAA,OAAO,EAON,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAQX;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDd,IAAAA,OAAO,EAAE;MACLc,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Checkbox.config.js","sources":["../../../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'accent',\n size: 'm',\n focused: 'true',\n },\n variations: {\n size: {\n s: css`\n ${checkboxTokens.margin}: 0;\n ${checkboxTokens.triggerPadding}: 0.0625rem;\n ${checkboxTokens.triggerSize}: 0.875rem;\n ${checkboxTokens.triggerBorderRadius}: 0.25rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0;\n ${checkboxTokens.contentLeftOffset}: 0.5rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n m: css`\n ${checkboxTokens.margin}: 0;\n ${checkboxTokens.triggerPadding}: 0.125rem;\n ${checkboxTokens.triggerSize}: 1.25rem;\n ${checkboxTokens.triggerBorderRadius}: 0.375rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0.125rem;\n ${checkboxTokens.contentLeftOffset}: 0.75rem;\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n l: css`\n ${checkboxTokens.margin}: 0;\n ${checkboxTokens.triggerPadding}: 0.125rem;\n ${checkboxTokens.triggerSize}: 1.25rem;\n ${checkboxTokens.triggerBorderRadius}: 0.375rem;\n ${checkboxTokens.triggerBorderWidth}: 0.125rem;\n ${checkboxTokens.contentTopOffset}: 0.0625rem;\n ${checkboxTokens.contentLeftOffset}: 0.75rem;\n ${checkboxTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${checkboxTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${checkboxTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${checkboxTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${checkboxTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${checkboxTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n ${checkboxTokens.descriptionFontFamily}: var(--plasma-typo-body-m-font-family);\n ${checkboxTokens.descriptionFontSize}: var(--plasma-typo-body-m-font-size);\n ${checkboxTokens.descriptionFontStyle}: var(--plasma-typo-body-m-font-style);\n ${checkboxTokens.descriptionFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${checkboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${checkboxTokens.descriptionLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n },\n view: {\n accent: css`\n ${checkboxTokens.fillColor}: var(--text-accent);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.labelColor}: var(--text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n default: css`\n ${checkboxTokens.fillColor}: var(--text-primary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n primary: css`\n ${checkboxTokens.fillColor}: var(--text-primary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n secondary: css`\n ${checkboxTokens.fillColor}: var(--text-secondary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n tertiary: css`\n ${checkboxTokens.fillColor}: var(--text-tertiary);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n paragraph: css`\n ${checkboxTokens.fillColor}: var(--text-paragraph);\n ${checkboxTokens.iconColor}: var(--inverse-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n positive: css`\n ${checkboxTokens.fillColor}: var(--text-positive);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n // deprecated\n warning: css`\n ${checkboxTokens.fillColor}: var(--text-warning);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n negative: css`\n ${checkboxTokens.fillColor}: var(--text-negative);\n ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n ${checkboxTokens.descriptionColor}: var(--text-secondary);\n ${checkboxTokens.triggerBackgroundColor}: transparent;\n ${checkboxTokens.triggerBorderColor}: var(--text-negative);\n ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n `,\n },\n disabled: {\n true: css`\n ${checkboxTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${checkboxTokens.focusColor}: var(--text-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","focused","variations","s","m","l","accent","default","primary","secondary","tertiary","paragraph","positive","warning","negative","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,CAAC,EAqBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAsBJ;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,MAAM,EAQL,SAAA;AACD;AACAC,MAAAA,SAAAA,EAOC,SAAA;AACD;AACAC,MAAAA,OAAO,EAON,UAAA;AACD;AACAC,MAAAA,SAAS,EAOR,UAAA;AACD;AACAC,MAAAA,QAAQ,EAOP,UAAA;AACD;AACAC,MAAAA,SAAS,EAOR,SAAA;AACD;AACAC,MAAAA,QAAQ,EAOP,UAAA;AACD;AACAC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAQX;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDf,IAAAA,OAAO,EAAE;MACLe,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}