@salutejs/plasma-web 1.400.0-canary.1392.10920536997.0 → 1.400.0-canary.1418.10918226755.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (57) hide show
  1. package/api/plasma-web.api.md +196 -12
  2. package/components/Mask/Mask.d.ts +190 -0
  3. package/components/Mask/Mask.js +9 -0
  4. package/components/Mask/index.d.ts +1 -0
  5. package/components/Mask/index.js +12 -0
  6. package/components/Segment/Segment.d.ts +3 -12
  7. package/components/Segment/SegmentGroup.config.d.ts +2 -5
  8. package/components/Segment/SegmentGroup.config.js +11 -14
  9. package/components/Segment/SegmentItem.config.d.ts +1 -1
  10. package/components/Segment/SegmentItem.config.js +8 -8
  11. package/components/TextField/TextField.d.ts +11 -5
  12. package/components/TextField/TextField.js +2 -2
  13. package/css/cjs/components/Mask/Mask.js +11 -0
  14. package/css/cjs/components/Mask/Mask.js.map +1 -0
  15. package/css/cjs/components/Segment/Segment.css +18 -19
  16. package/css/cjs/components/Segment/SegmentGroup.config.js +3 -6
  17. package/css/cjs/components/Segment/SegmentGroup.config.js.map +1 -1
  18. package/css/cjs/components/Segment/SegmentGroup.config_notwep.css +10 -0
  19. package/css/cjs/components/Segment/SegmentItem.config.js +3 -3
  20. package/css/cjs/components/Segment/SegmentItem.config.js.map +1 -1
  21. package/css/cjs/components/Segment/SegmentItem.config_g2b5lk.css +9 -0
  22. package/css/cjs/components/TextField/TextField.js +1 -0
  23. package/css/cjs/components/TextField/TextField.js.map +1 -1
  24. package/css/cjs/index.css +19 -20
  25. package/css/cjs/index.js +2 -0
  26. package/css/cjs/index.js.map +1 -1
  27. package/css/es/components/Mask/Mask.js +7 -0
  28. package/css/es/components/Mask/Mask.js.map +1 -0
  29. package/css/es/components/Segment/Segment.css +18 -19
  30. package/css/es/components/Segment/SegmentGroup.config.js +3 -6
  31. package/css/es/components/Segment/SegmentGroup.config.js.map +1 -1
  32. package/css/es/components/Segment/SegmentGroup.config_notwep.css +10 -0
  33. package/css/es/components/Segment/SegmentItem.config.js +3 -3
  34. package/css/es/components/Segment/SegmentItem.config.js.map +1 -1
  35. package/css/es/components/Segment/SegmentItem.config_g2b5lk.css +9 -0
  36. package/css/es/components/TextField/TextField.js +1 -1
  37. package/css/es/components/TextField/TextField.js.map +1 -1
  38. package/css/es/index.css +19 -20
  39. package/css/es/index.js +1 -0
  40. package/css/es/index.js.map +1 -1
  41. package/css/index.d.ts +2 -0
  42. package/es/components/Mask/Mask.js +3 -0
  43. package/es/components/Mask/index.js +1 -0
  44. package/es/components/Segment/SegmentGroup.config.js +11 -14
  45. package/es/components/Segment/SegmentItem.config.js +8 -8
  46. package/es/components/TextField/TextField.js +1 -1
  47. package/es/index.js +2 -1
  48. package/index.d.ts +1 -0
  49. package/index.js +11 -0
  50. package/package.json +8 -8
  51. package/temp/plasma-web.api.md +196 -12
  52. package/css/cjs/components/Segment/SegmentGroup.config_ni2oaz.css +0 -11
  53. package/css/cjs/components/Segment/SegmentItem.config_1fal3h5.css +0 -9
  54. package/css/es/components/Segment/SegmentGroup.config_ni2oaz.css +0 -11
  55. package/css/es/components/Segment/SegmentItem.config_1fal3h5.css +0 -9
  56. /package/css/cjs/components/{TextField/TextField.css → Mask/Mask.css} +0 -0
  57. /package/css/es/components/{TextField/TextField.css → Mask/Mask.css} +0 -0
@@ -14,21 +14,21 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor),
18
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor),
19
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor)
17
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.outlineFocusColor),
18
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-inverse);\n ", ": var(--plasma-colors-text);\n ", ": var(--plasma-colors-inverse);\n ", ": var(--plasma-colors-text);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.outlineFocusColor),
19
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": var(--plasma-colors-surface-card);\n ", ": var(--plasma-colors-primary);\n ", ": var(--plasma-colors-surface-card);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.outlineFocusColor)
20
20
  },
21
21
  size: {
22
- xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0.5rem 0.75rem;\n ", ": 0.5rem 0.5rem;\n ", ": 0.0625rem 0.125rem;\n ", ": 0.125rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-body-xs-bold-font-family);\n ", ": var(--plasma-typo-body-xs-bold-font-size);\n ", ": var(--plasma-typo-body-xs-bold-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-bold-letter-spacing);\n ", ": var(--plasma-typo-body-xs-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
23
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0.5rem 1rem;\n ", ": 0.5rem 0.5rem;\n ", ": 0.1875rem 0.125rem;\n ", ": 0.125rem;\n ", ": 0rem;\n\n ", ": var(--plasma-typo-body-s-bold-font-family);\n ", ": var(--plasma-typo-body-s-bold-font-size);\n ", ": var(--plasma-typo-body-s-bold-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-bold-letter-spacing);\n ", ": var(--plasma-typo-body-s-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
24
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0.75rem 1.25rem;\n ", ": 0.75rem 0.75rem;\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
25
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": auto;\n ", ": 3.5rem;\n ", ": 1rem 1.5rem; /* 1.625 */\n ", ": 1rem 1rem;\n ", ": 0.0625rem 0.125rem;\n ", ": 0.375rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight)
22
+ xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 1.5rem;\n ", ": 0 0.625rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
23
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0 0.75rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
24
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0 0.875rem;\n ", ": 0.125rem;\n\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.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
25
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0 1rem;\n ", ": 0.125rem;\n\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 "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight)
26
26
  },
27
27
  disabled: {
28
28
  "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.segmentTokens.disabledOpacity)
29
29
  },
30
30
  pilled: {
31
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.75rem;\n "])), _styledComponents.segmentTokens.itemPilledBorderRadius)
31
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n "])), _styledComponents.segmentTokens.itemPilledBorderRadius)
32
32
  }
33
33
  }
34
34
  };
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';
3
- declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
3
+ export declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
4
4
  view: {
5
5
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
6
  positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -45,7 +45,8 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
45
45
  } & {
46
46
  chips?: undefined;
47
47
  onChangeChips?: undefined;
48
- enumerationType?: "plain" | undefined; /**
48
+ enumerationType?: "plain" | undefined;
49
+ /**
49
50
  * Флаг обязательности поля
50
51
  */
51
52
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
@@ -70,7 +71,9 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
70
71
  optional?: false | undefined;
71
72
  } & {
72
73
  enumerationType: "chip";
73
- onSearch?: undefined;
74
+ onSearch?: undefined; /**
75
+ * Флаг обязательности поля
76
+ */
74
77
  chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
75
78
  onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
76
79
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -95,7 +98,8 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
95
98
  } & {
96
99
  chips?: undefined;
97
100
  onChangeChips?: undefined;
98
- enumerationType?: "plain" | undefined; /**
101
+ enumerationType?: "plain" | undefined;
102
+ /**
99
103
  * Флаг обязательности поля
100
104
  */
101
105
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
@@ -120,7 +124,9 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
120
124
  required?: false | undefined;
121
125
  } & {
122
126
  enumerationType: "chip";
123
- onSearch?: undefined;
127
+ onSearch?: undefined; /**
128
+ * Флаг обязательности поля
129
+ */
124
130
  chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
125
131
  onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
126
132
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>))>;
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.TextField = void 0;
7
+ exports.TextFieldComponent = exports.TextField = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
9
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
10
10
  var _TextField = /*#__PURE__*/require("./TextField.config");
@@ -15,7 +15,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
15
15
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
16
16
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
17
17
  var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.textFieldConfig, _TextField.config);
18
- var TextFieldComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
18
+ var TextFieldComponent = exports.TextFieldComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
19
19
  var statusToView = {
20
20
  success: 'positive',
21
21
  warning: 'warning',
@@ -0,0 +1,11 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var plasmaNewHope = require('@salutejs/plasma-new-hope');
6
+ var TextField = require('../TextField/TextField.js');
7
+
8
+ var Mask = /*#__PURE__*/plasmaNewHope.composeMask(TextField.TextFieldComponent);
9
+
10
+ exports.Mask = Mask;
11
+ //# sourceMappingURL=Mask.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Mask.js","sources":["../../../../src-css/components/Mask/Mask.ts"],"sourcesContent":["import { composeMask } from '@salutejs/plasma-new-hope';\n\nimport { TextFieldComponent } from '../TextField/TextField';\n\nexport const Mask = composeMask(TextFieldComponent);\n"],"names":["Mask","composeMask","TextFieldComponent"],"mappings":";;;;;;;IAIaA,IAAI,gBAAGC,yBAAW,CAACC,4BAAkB;;;;"}
@@ -1,21 +1,20 @@
1
- .SegmentItem_config_1fal3h5_cw5l9ny__5b71004f{--plasma-segment-item-color:var(--text-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-tertiary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--text-primary);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--text-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-item-selected-additional-color:var(--text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
2
- .SegmentItem_config_1fal3h5_s1xvuorj__5b71004f{--plasma-segment-item-color:var(--text-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-secondary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--text-primary);--plasma-segment-item-selected-background-color:var(--surface-solid-card);--plasma-segment-item-selected-color-hover:var(--text-primary);--plasma-segment-item-selected-background-color-hover:var(--surface-solid-card);--plasma-segment-item-selected-additional-color:var(--text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
3
- .SegmentItem_config_1fal3h5_d1f4sf91__5b71004f{--plasma-segment-item-color:var(--text-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-secondary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--inverse-text-primary);--plasma-segment-item-selected-background-color:var(--surface-solid-default);--plasma-segment-item-selected-color-hover:var(--inverse-text-primary);--plasma-segment-item-selected-background-color-hover:var(--surface-solid-default);--plasma-segment-item-selected-additional-color:var(--inverse-text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--inverse-text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
4
- .SegmentItem_config_1fal3h5_x12jn5jz__5b71004f{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0.5rem 0.75rem;--plasma-segment-item-pilled-padding:0.5rem 0.5rem;--plasma-segment-item-content-padding:0.0625rem 0.125rem;--plasma-segment-item-content-icon-margin:0.125rem;--plasma-segment-item-margin-left:0;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-bold-line-height);}
5
- .SegmentItem_config_1fal3h5_s1w7desh__5b71004f{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0.5rem 1rem;--plasma-segment-item-pilled-padding:0.5rem 0.5rem;--plasma-segment-item-content-padding:0.1875rem 0.125rem;--plasma-segment-item-content-icon-margin:0.125rem;--plasma-segment-item-margin-left:0rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-bold-line-height);}
6
- .SegmentItem_config_1fal3h5_msu8eyv__5b71004f{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0.75rem 1.25rem;--plasma-segment-item-pilled-padding:0.75rem 0.75rem;--plasma-segment-item-content-padding:0.125rem;--plasma-segment-item-content-icon-margin:0.25rem;--plasma-segment-item-margin-left:0rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-bold-line-height);}
7
- .SegmentItem_config_1fal3h5_l1k7f0bw__5b71004f{--plasma-segment-item-border-radius:0.875rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3.5rem;--plasma-segment-item-padding:1rem 1.5rem;--plasma-segment-item-pilled-padding:1rem 1rem;--plasma-segment-item-content-padding:0.0625rem 0.125rem;--plasma-segment-item-content-icon-margin:0.375rem;--plasma-segment-item-margin-left:0;--plasma-segment-item-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-bold-line-height);}
8
- .SegmentItem_config_1fal3h5_t169sl90__5b71004f{--plasma-segment-disabled-opacity:0.4;}
9
- .SegmentItem_config_1fal3h5_t1aaurja__5b71004f{--plasma-segment-item-pilled-border-radius:1.75rem;}
1
+ .SegmentItem_config_g2b5lk_cw5l9ny__4787903f{--plasma-segment-item-color:var(--plasma-colors-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
2
+ .SegmentItem_config_g2b5lk_d1xvuorj__4787903f{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color:var(--plasma-colors-text);--plasma-segment-item-selected-color-hover:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-text);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
3
+ .SegmentItem_config_g2b5lk_s1f4sf91__4787903f{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:var(--plasma-colors-surface-card);--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-surface-card);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
4
+ .SegmentItem_config_g2b5lk_x12jn5jz__4787903f{--plasma-segment-item-border-radius:0.375rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:1.5rem;--plasma-segment-item-padding:0 0.625rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-line-height);}
5
+ .SegmentItem_config_g2b5lk_s1w7desh__4787903f{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0 0.75rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-line-height);}
6
+ .SegmentItem_config_g2b5lk_msu8eyv__4787903f{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0 0.875rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-line-height);}
7
+ .SegmentItem_config_g2b5lk_l1k7f0bw__4787903f{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0 1rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-line-height);}
8
+ .SegmentItem_config_g2b5lk_t169sl90__4787903f{--plasma-segment-disabled-opacity:0.4;}
9
+ .SegmentItem_config_g2b5lk_t1aaurja__4787903f{--plasma-segment-item-pilled-border-radius:1.5rem;}
10
10
 
11
- .SegmentGroup_config_ni2oaz_cct3vnm__6b1c502b{--plasma-segment-arrow-color:var(--text-secondary);--plasma-segment-group-background-color:tranparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
12
- .SegmentGroup_config_ni2oaz_f15142ru__6b1c502b{--plasma-segment-arrow-color:var(--text-secondary);--plasma-segment-group-background-color:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
13
- .SegmentGroup_config_ni2oaz_xekvq49__6b1c502b{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-pilled-border-radius:1.125rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.25rem 0.75rem;--plasma-segment-group-vertical-arrow-padding:0.75rem 0;}
14
- .SegmentGroup_config_ni2oaz_slveods__6b1c502b{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-pilled-border-radius:1.375rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.5rem 0.875rem;--plasma-segment-group-vertical-arrow-padding:0.875rem 0;}
15
- .SegmentGroup_config_ni2oaz_mt19ik9__6b1c502b{--plasma-segment-group-border-radius:0.875rem;--plasma-segment-group-pilled-border-radius:1.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.75rem 1.25rem;--plasma-segment-group-vertical-arrow-padding:1.25rem 0;}
16
- .SegmentGroup_config_ni2oaz_l1pt19wo__6b1c502b{--plasma-segment-group-border-radius:1rem;--plasma-segment-group-pilled-border-radius:1.875rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:1rem 1.375rem;--plasma-segment-group-vertical-arrow-padding:1.375rem 0;}
17
- .SegmentGroup_config_ni2oaz_t1832286__6b1c502b{--plasma-segment-disabled-opacity:0.4;}
18
-
19
-
20
- .SegmentGroup_config_ni2oaz_tjfuhig__6b1c502b{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid02);}
11
+ .SegmentGroup_config_notwep_cct3vnm__4d136812{--plasma-segment-group-background-color:tranparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
12
+ .SegmentGroup_config_notwep_f15142ru__4d136812{--plasma-segment-group-background-color:transparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
13
+ .SegmentGroup_config_notwep_xekvq49__4d136812{--plasma-segment-group-border-radius:0.5rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
14
+ .SegmentGroup_config_notwep_slveods__4d136812{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
15
+ .SegmentGroup_config_notwep_mt19ik9__4d136812{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
16
+ .SegmentGroup_config_notwep_l1pt19wo__4d136812{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
17
+ .SegmentGroup_config_notwep_t1832286__4d136812{--plasma-segment-disabled-opacity:0.4;}
18
+ .SegmentGroup_config_notwep_tho2yw5__4d136812{--plasma-segment-group-pilled-border-radius:1.75rem;}
19
+ .SegmentGroup_config_notwep_t1q8y2w0__4d136812{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid01);}
21
20
 
@@ -1,4 +1,4 @@
1
- import './SegmentGroup.config_ni2oaz.css';
1
+ import './SegmentGroup.config_notwep.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -25,14 +25,11 @@ var config = {
25
25
  pilled: {
26
26
  "true": "tho2yw5"
27
27
  },
28
- stretch: {
28
+ filledBackground: {
29
29
  "true": "t1q8y2w0"
30
30
  },
31
- filledBackground: {
31
+ stretch: {
32
32
  "true": "tjfuhig"
33
- },
34
- orientation: {
35
- vertical: "v1d6v4b9"
36
33
  }
37
34
  }
38
35
  };
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentGroup.config.js","sources":["../../../../src-css/components/Segment/SegmentGroup.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: tranparent;\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n `,\n filled: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.groupBorderRadius}: 0.625rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.125rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.25rem 0.75rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.75rem 0;\n `,\n s: css`\n ${segmentTokens.groupBorderRadius}: 0.75rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.375rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.5rem 0.875rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.875rem 0;\n `,\n m: css`\n ${segmentTokens.groupBorderRadius}: 0.875rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.625rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.75rem 1.25rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.25rem 0;\n `,\n l: css`\n ${segmentTokens.groupBorderRadius}: 1rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.875rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 1rem 1.375rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.375rem 0;\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css``,\n },\n stretch: {\n true: css``,\n },\n filledBackground: {\n true: css`\n ${segmentTokens.groupFilledBackgroundColor}: var(--plasma-colors-surface-liquid02);\n `,\n },\n orientation: {\n vertical: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","xs","s","m","l","disabled","true","pilled","stretch","filledBackground","orientation","vertical"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAIJ,SAAA;AACDC,MAAAA,MAAM,EAAA,UAAA;KAKT;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAOD,SAAA;AACDC,MAAAA,CAAC,EAOA,SAAA;AACDC,MAAAA,CAAC,EAOA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,SAAA;KACP;AACDE,IAAAA,OAAO,EAAE;MACLF,MAAI,EAAA,UAAA;KACP;AACDG,IAAAA,gBAAgB,EAAE;MACdH,MAAI,EAAA,SAAA;KAGP;AACDI,IAAAA,WAAW,EAAE;AACTC,MAAAA,QAAQ,EAAA,UAAA;AACZ,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"SegmentGroup.config.js","sources":["../../../../src-css/components/Segment/SegmentGroup.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.groupBackgroundColor}: tranparent;\n ${segmentTokens.arrowColor}: var(--plasma-colors-secondary);\n\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n `,\n filled: css`\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.arrowColor}: var(--plasma-colors-secondary);\n\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.groupBorderRadius}: 0.5rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n `,\n s: css`\n ${segmentTokens.groupBorderRadius}: 0.625rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n `,\n m: css`\n ${segmentTokens.groupBorderRadius}: 0.75rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n `,\n l: css`\n ${segmentTokens.groupBorderRadius}: 0.75rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${segmentTokens.groupPilledBorderRadius}: 1.75rem;\n `,\n },\n filledBackground: {\n true: css`\n ${segmentTokens.groupFilledBackgroundColor}: var(--plasma-colors-surface-liquid01);\n `,\n },\n stretch: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","xs","s","m","l","disabled","true","pilled","filledBackground","stretch"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAKJ,SAAA;AACDC,MAAAA,MAAM,EAAA,UAAA;KAMT;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAID,SAAA;AACDC,MAAAA,CAAC,EAIA,SAAA;AACDC,MAAAA,CAAC,EAIA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAKJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,gBAAgB,EAAE;MACdF,MAAI,EAAA,UAAA;KAGP;AACDG,IAAAA,OAAO,EAAE;MACLH,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
@@ -0,0 +1,10 @@
1
+ .cct3vnm{--plasma-segment-group-background-color:tranparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
2
+ .f15142ru{--plasma-segment-group-background-color:transparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
3
+ .xekvq49{--plasma-segment-group-border-radius:0.5rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
4
+ .slveods{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
5
+ .mt19ik9{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
6
+ .l1pt19wo{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
7
+ .t1832286{--plasma-segment-disabled-opacity:0.4;}
8
+ .tho2yw5{--plasma-segment-group-pilled-border-radius:1.75rem;}
9
+ .t1q8y2w0{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid01);}
10
+
@@ -1,4 +1,4 @@
1
- import './SegmentItem.config_1fal3h5.css';
1
+ import './SegmentItem.config_g2b5lk.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -11,8 +11,8 @@ var config = {
11
11
  variations: {
12
12
  view: {
13
13
  clear: "cw5l9ny",
14
- secondary: "s1xvuorj",
15
- "default": "d1f4sf91"
14
+ "default": "d1xvuorj",
15
+ secondary: "s1f4sf91"
16
16
  },
17
17
  size: {
18
18
  xs: "x12jn5jz",
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentItem.config.js","sources":["../../../../src-css/components/Segment/SegmentItem.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.itemColor}: var(--text-secondary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-tertiary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: transparent;\n ${segmentTokens.itemSelectedColorHover}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColorHover}: transparent;\n ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);\n\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n `,\n secondary: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n ${segmentTokens.itemSelectedColorHover}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);\n\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n `,\n default: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${segmentTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--inverse-text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--inverse-text-secondary);\n\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.itemBorderRadius}: 0.5rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2rem;\n ${segmentTokens.itemPadding}: 0.5rem 0.75rem;\n ${segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.125rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-xs-bold-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-xs-bold-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-xs-bold-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-xs-bold-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-xs-bold-line-height);\n `,\n s: css`\n ${segmentTokens.itemBorderRadius}: 0.625rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2.5rem;\n ${segmentTokens.itemPadding}: 0.5rem 1rem;\n ${segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;\n ${segmentTokens.itemContentPadding}: 0.1875rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.125rem;\n ${segmentTokens.itemMarginLeft}: 0rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-s-bold-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-s-bold-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-s-bold-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-s-bold-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-s-bold-line-height);\n `,\n m: css`\n ${segmentTokens.itemBorderRadius}: 0.75rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 3rem;\n ${segmentTokens.itemPadding}: 0.75rem 1.25rem;\n ${segmentTokens.itemPilledPadding}: 0.75rem 0.75rem;\n ${segmentTokens.itemContentPadding}: 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.25rem;\n ${segmentTokens.itemMarginLeft}: 0rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-m-bold-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-m-bold-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-m-bold-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-m-bold-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-m-bold-line-height);\n `,\n l: css`\n ${segmentTokens.itemBorderRadius}: 0.875rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 3.5rem;\n ${segmentTokens.itemPadding}: 1rem 1.5rem; /* 1.625 */\n ${segmentTokens.itemPilledPadding}: 1rem 1rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.375rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-l-bold-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-l-bold-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-l-bold-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-l-bold-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-l-bold-line-height);\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${segmentTokens.itemPilledBorderRadius}: 1.75rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","default","xs","s","m","l","disabled","true","pilled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAeJ,SAAA;AACDC,MAAAA,SAAS,EAeR,UAAA;MACDC,SAAO,EAAA,UAAA;KAgBV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAiBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"SegmentItem.config.js","sources":["../../../../src-css/components/Segment/SegmentItem.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.itemColor}: var(--plasma-colors-secondary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--plasma-colors-primary);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemSelectedColor}: var(--plasma-colors-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: transparent;\n ${segmentTokens.itemSelectedColorHover}: var(--plasma-colors-primary);\n ${segmentTokens.itemSelectedBackgroundColorHover}: transparent;\n\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n `,\n default: css`\n ${segmentTokens.itemColor}: var(--plasma-colors-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--plasma-colors-primary);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemSelectedColor}: var(--plasma-colors-inverse);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--plasma-colors-text);\n ${segmentTokens.itemSelectedColorHover}: var(--plasma-colors-inverse);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--plasma-colors-text);\n\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n `,\n secondary: css`\n ${segmentTokens.itemColor}: var(--plasma-colors-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--plasma-colors-primary);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemSelectedColor}: var(--plasma-colors-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--plasma-colors-surface-card);\n ${segmentTokens.itemSelectedColorHover}: var(--plasma-colors-primary);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--plasma-colors-surface-card);\n\n ${segmentTokens.outlineFocusColor}: var(--plasma-colors-button-focused);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.itemBorderRadius}: 0.375rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 1.5rem;\n ${segmentTokens.itemPadding}: 0 0.625rem;\n ${segmentTokens.itemMarginLeft}: 0.125rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${segmentTokens.itemBorderRadius}: 0.5rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2rem;\n ${segmentTokens.itemPadding}: 0 0.75rem;\n ${segmentTokens.itemMarginLeft}: 0.125rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${segmentTokens.itemBorderRadius}: 0.625rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2.5rem;\n ${segmentTokens.itemPadding}: 0 0.875rem;\n ${segmentTokens.itemMarginLeft}: 0.125rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${segmentTokens.itemBorderRadius}: 0.75rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 3rem;\n ${segmentTokens.itemPadding}: 0 1rem;\n ${segmentTokens.itemMarginLeft}: 0.125rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${segmentTokens.itemPilledBorderRadius}: 1.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","default","secondary","xs","s","m","l","disabled","true","pilled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAWJ,SAAA;AACDC,MAAAA,SAAAA,EAWC,UAAA;AACDC,MAAAA,SAAS,EAAA,UAAA;KAYZ;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,CAAC,EAaA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAcJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
@@ -0,0 +1,9 @@
1
+ .cw5l9ny{--plasma-segment-item-color:var(--plasma-colors-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
2
+ .d1xvuorj{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color:var(--plasma-colors-text);--plasma-segment-item-selected-color-hover:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-text);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
3
+ .s1f4sf91{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:var(--plasma-colors-surface-card);--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-surface-card);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
4
+ .x12jn5jz{--plasma-segment-item-border-radius:0.375rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:1.5rem;--plasma-segment-item-padding:0 0.625rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-line-height);}
5
+ .s1w7desh{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0 0.75rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-line-height);}
6
+ .msu8eyv{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0 0.875rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-line-height);}
7
+ .l1k7f0bw{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0 1rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-line-height);}
8
+ .t169sl90{--plasma-segment-disabled-opacity:0.4;}
9
+ .t1aaurja{--plasma-segment-item-pilled-border-radius:1.5rem;}
@@ -78,4 +78,5 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, ref) {
78
78
  });
79
79
 
80
80
  exports.TextField = TextField;
81
+ exports.TextFieldComponent = TextFieldComponent;
81
82
  //# sourceMappingURL=TextField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype RequiredProps = {\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default right\n */\n requiredPlacement?: 'left' | 'right';\n} & (\n | {\n /**\n * Флаг обязательности поля\n */\n required: true;\n /**\n * Флаг необязательности поля\n */\n optional?: never | false;\n }\n | {\n /**\n * Флаг необязательности поля\n */\n optional?: true;\n /**\n * Флаг обязательности поля\n */\n required?: never | false;\n }\n);\n\ntype TextFieldProps = TextFieldPropsOld & RequiredProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n placeholder,\n animatedHint,\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n if (size !== 'l' && _labelPlacement === 'inner') {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nexport const TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype RequiredProps = {\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default right\n */\n requiredPlacement?: 'left' | 'right';\n} & (\n | {\n /**\n * Флаг обязательности поля\n */\n required: true;\n /**\n * Флаг необязательности поля\n */\n optional?: never | false;\n }\n | {\n /**\n * Флаг необязательности поля\n */\n optional?: true;\n /**\n * Флаг обязательности поля\n */\n required?: never | false;\n }\n);\n\ntype TextFieldProps = TextFieldPropsOld & RequiredProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n placeholder,\n animatedHint,\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n if (size !== 'l' && _labelPlacement === 'inner') {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":"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"}
package/css/cjs/index.css CHANGED
@@ -328,26 +328,25 @@
328
328
  .Range_config_1ysrz7c_t3pjoau__a9b6f7b3{--plasma-range-disabled-opacity:0.4;}
329
329
  .Range_config_1ysrz7c_tk9yl84__a9b6f7b3{--plasma-range-background-readonly:var(--surface-clear);--plasma-range-border-color-readonly:var(--surface-transparent-tertiary);--plasma-range__label-color-readonly:var(--text-secondary);--plasma-range__left-helper-color-readonly:var(--text-secondary);--plasma-range__divider-color-readonly:var(--text-secondary);--plasma-range-textfield-color-readonly:var(--text-secondary);--plasma-range-textfield-background-color-readonly:transparent;--plasma-range-textfield-placeholder-color-readonly:var(--text-secondary);}
330
330
 
331
- .SegmentItem_config_1fal3h5_cw5l9ny__5b71004f{--plasma-segment-item-color:var(--text-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-tertiary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--text-primary);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--text-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-item-selected-additional-color:var(--text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
332
- .SegmentItem_config_1fal3h5_s1xvuorj__5b71004f{--plasma-segment-item-color:var(--text-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-secondary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--text-primary);--plasma-segment-item-selected-background-color:var(--surface-solid-card);--plasma-segment-item-selected-color-hover:var(--text-primary);--plasma-segment-item-selected-background-color-hover:var(--surface-solid-card);--plasma-segment-item-selected-additional-color:var(--text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
333
- .SegmentItem_config_1fal3h5_d1f4sf91__5b71004f{--plasma-segment-item-color:var(--text-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--text-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-additional-color:var(--text-secondary);--plasma-segment-item-additional-color-hover:var(--text-secondary);--plasma-segment-item-selected-color:var(--inverse-text-primary);--plasma-segment-item-selected-background-color:var(--surface-solid-default);--plasma-segment-item-selected-color-hover:var(--inverse-text-primary);--plasma-segment-item-selected-background-color-hover:var(--surface-solid-default);--plasma-segment-item-selected-additional-color:var(--inverse-text-secondary);--plasma-segment-item-selected-additional-color-hover:var(--inverse-text-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
334
- .SegmentItem_config_1fal3h5_x12jn5jz__5b71004f{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0.5rem 0.75rem;--plasma-segment-item-pilled-padding:0.5rem 0.5rem;--plasma-segment-item-content-padding:0.0625rem 0.125rem;--plasma-segment-item-content-icon-margin:0.125rem;--plasma-segment-item-margin-left:0;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-bold-line-height);}
335
- .SegmentItem_config_1fal3h5_s1w7desh__5b71004f{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0.5rem 1rem;--plasma-segment-item-pilled-padding:0.5rem 0.5rem;--plasma-segment-item-content-padding:0.1875rem 0.125rem;--plasma-segment-item-content-icon-margin:0.125rem;--plasma-segment-item-margin-left:0rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-bold-line-height);}
336
- .SegmentItem_config_1fal3h5_msu8eyv__5b71004f{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0.75rem 1.25rem;--plasma-segment-item-pilled-padding:0.75rem 0.75rem;--plasma-segment-item-content-padding:0.125rem;--plasma-segment-item-content-icon-margin:0.25rem;--plasma-segment-item-margin-left:0rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-bold-line-height);}
337
- .SegmentItem_config_1fal3h5_l1k7f0bw__5b71004f{--plasma-segment-item-border-radius:0.875rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3.5rem;--plasma-segment-item-padding:1rem 1.5rem;--plasma-segment-item-pilled-padding:1rem 1rem;--plasma-segment-item-content-padding:0.0625rem 0.125rem;--plasma-segment-item-content-icon-margin:0.375rem;--plasma-segment-item-margin-left:0;--plasma-segment-item-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-bold-line-height);}
338
- .SegmentItem_config_1fal3h5_t169sl90__5b71004f{--plasma-segment-disabled-opacity:0.4;}
339
- .SegmentItem_config_1fal3h5_t1aaurja__5b71004f{--plasma-segment-item-pilled-border-radius:1.75rem;}
340
-
341
- .SegmentGroup_config_ni2oaz_cct3vnm__6b1c502b{--plasma-segment-arrow-color:var(--text-secondary);--plasma-segment-group-background-color:tranparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
342
- .SegmentGroup_config_ni2oaz_f15142ru__6b1c502b{--plasma-segment-arrow-color:var(--text-secondary);--plasma-segment-group-background-color:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
343
- .SegmentGroup_config_ni2oaz_xekvq49__6b1c502b{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-pilled-border-radius:1.125rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.25rem 0.75rem;--plasma-segment-group-vertical-arrow-padding:0.75rem 0;}
344
- .SegmentGroup_config_ni2oaz_slveods__6b1c502b{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-pilled-border-radius:1.375rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.5rem 0.875rem;--plasma-segment-group-vertical-arrow-padding:0.875rem 0;}
345
- .SegmentGroup_config_ni2oaz_mt19ik9__6b1c502b{--plasma-segment-group-border-radius:0.875rem;--plasma-segment-group-pilled-border-radius:1.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:0.75rem 1.25rem;--plasma-segment-group-vertical-arrow-padding:1.25rem 0;}
346
- .SegmentGroup_config_ni2oaz_l1pt19wo__6b1c502b{--plasma-segment-group-border-radius:1rem;--plasma-segment-group-pilled-border-radius:1.875rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;--plasma-segment-group-arrow-padding:1rem 1.375rem;--plasma-segment-group-vertical-arrow-padding:1.375rem 0;}
347
- .SegmentGroup_config_ni2oaz_t1832286__6b1c502b{--plasma-segment-disabled-opacity:0.4;}
348
-
349
-
350
- .SegmentGroup_config_ni2oaz_tjfuhig__6b1c502b{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid02);}
331
+ .SegmentItem_config_g2b5lk_cw5l9ny__4787903f{--plasma-segment-item-color:var(--plasma-colors-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
332
+ .SegmentItem_config_g2b5lk_d1xvuorj__4787903f{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color:var(--plasma-colors-text);--plasma-segment-item-selected-color-hover:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-text);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
333
+ .SegmentItem_config_g2b5lk_s1f4sf91__4787903f{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:var(--plasma-colors-surface-card);--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-surface-card);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
334
+ .SegmentItem_config_g2b5lk_x12jn5jz__4787903f{--plasma-segment-item-border-radius:0.375rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:1.5rem;--plasma-segment-item-padding:0 0.625rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-line-height);}
335
+ .SegmentItem_config_g2b5lk_s1w7desh__4787903f{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0 0.75rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-line-height);}
336
+ .SegmentItem_config_g2b5lk_msu8eyv__4787903f{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0 0.875rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-line-height);}
337
+ .SegmentItem_config_g2b5lk_l1k7f0bw__4787903f{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0 1rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-line-height);}
338
+ .SegmentItem_config_g2b5lk_t169sl90__4787903f{--plasma-segment-disabled-opacity:0.4;}
339
+ .SegmentItem_config_g2b5lk_t1aaurja__4787903f{--plasma-segment-item-pilled-border-radius:1.5rem;}
340
+
341
+ .SegmentGroup_config_notwep_cct3vnm__4d136812{--plasma-segment-group-background-color:tranparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
342
+ .SegmentGroup_config_notwep_f15142ru__4d136812{--plasma-segment-group-background-color:transparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
343
+ .SegmentGroup_config_notwep_xekvq49__4d136812{--plasma-segment-group-border-radius:0.5rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
344
+ .SegmentGroup_config_notwep_slveods__4d136812{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
345
+ .SegmentGroup_config_notwep_mt19ik9__4d136812{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
346
+ .SegmentGroup_config_notwep_l1pt19wo__4d136812{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
347
+ .SegmentGroup_config_notwep_t1832286__4d136812{--plasma-segment-disabled-opacity:0.4;}
348
+ .SegmentGroup_config_notwep_tho2yw5__4d136812{--plasma-segment-group-pilled-border-radius:1.75rem;}
349
+ .SegmentGroup_config_notwep_t1q8y2w0__4d136812{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid01);}
351
350
 
352
351
 
353
352
  .Select_config_63kke9_x12monx2__4f1972a3{--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.5rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-height:1rem;--plasma-select-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-select-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-select-item-border-radius:0.375rem;--plasma-select-item-icon-size:1rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.25rem 0 0;--plasma-select-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-checkbox-trigger-size:0.875rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.25rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);--plasma-select-indicator-size:0.375rem;--plasma-select-chip-gap:0.25rem;--plasma-select-chip-border-radius:0.125rem;--plasma-select-chip-height:1.25rem;--plasma-select-chip-padding-right:0.375rem;--plasma-select-chip-padding-left:0.625rem;--plasma-select-chip-clear-content-margin-left:0.25rem;--plasma-select-chip-clear-content-margin-right:0rem;--plasma-select-chip-close-icon-size:0.75rem;--plasma-select-target-button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-select-target-textfield-arrow-margin:0 0 0 0.375rem;--plasma-select-target-height:2rem;--plasma-select-target-button-padding:0.75rem 0 0.75rem;--plasma-select-target-textfield-padding:0.5rem 0 0.625rem;--plasma-select-target-textfield-chip-padding:0.5rem 0 0.25rem;--plasma-select-label-offset:0.375rem;--plasma-select-inner-label-gap:0;--plasma-select-helper-text-offset:0.25rem;--plasma-select-spinner-size:1rem;--plasma-select-spinner-size-tight:1rem;}
package/css/cjs/index.js CHANGED
@@ -33,6 +33,7 @@ var IconButton = require('./components/IconButton/IconButton.js');
33
33
  var Image = require('./components/Image/Image.js');
34
34
  var Indicator = require('./components/Indicator/Indicator.js');
35
35
  var Link = require('./components/Link/Link.js');
36
+ var Mask = require('./components/Mask/Mask.js');
36
37
  var ModalBase = require('./components/ModalBase/ModalBase.js');
37
38
  var Notification = require('./components/Notification/Notification.js');
38
39
  var Pagination = require('./components/Pagination/Pagination.js');
@@ -243,6 +244,7 @@ exports.IconButton = IconButton.IconButton;
243
244
  exports.Image = Image.Image;
244
245
  exports.Indicator = Indicator.Indicator;
245
246
  exports.Link = Link.Link;
247
+ exports.Mask = Mask.Mask;
246
248
  exports.ModalBase = ModalBase.ModalBase;
247
249
  exports.Notification = Notification.Notification;
248
250
  exports.NotificationsProvider = Notification.NotificationsProvider;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,7 @@
1
+ import { composeMask } from '@salutejs/plasma-new-hope';
2
+ import { TextFieldComponent } from '../TextField/TextField.js';
3
+
4
+ var Mask = /*#__PURE__*/composeMask(TextFieldComponent);
5
+
6
+ export { Mask };
7
+ //# sourceMappingURL=Mask.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Mask.js","sources":["../../../../src-css/components/Mask/Mask.ts"],"sourcesContent":["import { composeMask } from '@salutejs/plasma-new-hope';\n\nimport { TextFieldComponent } from '../TextField/TextField';\n\nexport const Mask = composeMask(TextFieldComponent);\n"],"names":["Mask","composeMask","TextFieldComponent"],"mappings":";;;IAIaA,IAAI,gBAAGC,WAAW,CAACC,kBAAkB;;;;"}