@salutejs/sdds-scan 0.343.0-next-platform-ai.0 → 0.343.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/css/cjs/components/Attach/Attach.config.js +1 -1
  2. package/dist/css/cjs/components/Attach/Attach.config.js.map +1 -1
  3. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
  5. package/dist/css/cjs/components/Note/Note.config.js +1 -1
  6. package/dist/css/cjs/components/Note/Note.config.js.map +1 -1
  7. package/dist/css/cjs/components/NumberInput/NumberInput.config.js +1 -1
  8. package/dist/css/cjs/components/NumberInput/NumberInput.config.js.map +1 -1
  9. package/dist/css/cjs/components/TextArea/TextArea.config.js +2 -1
  10. package/dist/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
  11. package/dist/css/es/components/Attach/Attach.config.js +1 -1
  12. package/dist/css/es/components/Attach/Attach.config.js.map +1 -1
  13. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  14. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  15. package/dist/css/es/components/Note/Note.config.js +1 -1
  16. package/dist/css/es/components/Note/Note.config.js.map +1 -1
  17. package/dist/css/es/components/NumberInput/NumberInput.config.js +1 -1
  18. package/dist/css/es/components/NumberInput/NumberInput.config.js.map +1 -1
  19. package/dist/css/es/components/TextArea/TextArea.config.js +2 -1
  20. package/dist/css/es/components/TextArea/TextArea.config.js.map +1 -1
  21. package/dist/styled-components/cjs/components/Attach/Attach.config.js +1 -1
  22. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  23. package/dist/styled-components/cjs/components/Note/Note.config.js +1 -1
  24. package/dist/styled-components/cjs/components/NumberInput/NumberInput.config.js +1 -1
  25. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +2 -1
  26. package/dist/styled-components/es/components/Attach/Attach.config.js +1 -1
  27. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +1 -1
  28. package/dist/styled-components/es/components/Note/Note.config.js +1 -1
  29. package/dist/styled-components/es/components/NumberInput/NumberInput.config.js +1 -1
  30. package/dist/styled-components/es/components/TextArea/TextArea.config.js +2 -1
  31. package/package.json +8 -8
  32. package/types/components/Attach/Attach.d.ts +16 -16
  33. package/types/components/Autocomplete/Autocomplete.d.ts +8 -8
  34. package/types/components/Button/Button.d.ts +4 -4
  35. package/types/components/Combobox/Combobox.d.ts +24 -0
  36. package/types/components/DatePicker/DatePicker.d.ts +3 -3
  37. package/types/components/Dropdown/Dropdown.d.ts +2 -2
  38. package/types/components/Dropzone/Dropzone.d.ts +2 -2
  39. package/types/components/EmbedIconButton/EmbedIconButton.d.ts +2 -2
  40. package/types/components/IconButton/IconButton.d.ts +2 -2
  41. package/types/components/Notification/Notification.d.ts +1 -1
  42. package/types/components/Select/Select.d.ts +6 -0
  43. package/types/components/TextArea/TextArea.config.d.ts +1 -0
  44. package/types/components/TextField/TextField.d.ts +8 -8
package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.config.js","sources":["../../../../../src-css/components/Autocomplete/Autocomplete.config.ts"],"sourcesContent":["import { css, autocompleteTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-secondary);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.focusColor}: var(--surface-accent);\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldDividerColor}: var(--surface-transparent-tertiary);\n ${tokens.textFieldDividerColorHover}: var(--text-secondary);\n ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n `,\n positive: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-positive);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-positive);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-positive);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-positive);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.focusColor}: var(--surface-accent);\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldDividerColor}: var(--surface-positive);\n ${tokens.textFieldDividerColorHover}: var(--surface-positive);\n ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n `,\n warning: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-warning);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-warning);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-warning);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-warning);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.focusColor}: var(--surface-accent);\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldDividerColor}: var(--surface-warning);\n ${tokens.textFieldDividerColorHover}: var(--surface-warning);\n ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-negative);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-negative);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-negative);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-negative);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.focusColor}: var(--surface-accent);\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldDividerColor}: var(--surface-negative);\n ${tokens.textFieldDividerColorHover}: var(--surface-negative);\n ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.625rem;\n ${tokens.textFieldClearLabelOffset}: 0.25rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 0.875rem 0.875rem 0.875rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.emptyStatePadding}: 1.625rem 0.875rem 0.875rem 0.875rem;\n ${tokens.emptyStateGap}: 0.375rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n ${tokens.infiniteLoaderGap}: 0.375rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.5rem;\n ${tokens.textFieldClearLabelOffset}: 0.25rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 0.6875rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.emptyStatePadding}: 1.375rem 0.625rem 0.625rem 0.625rem;\n ${tokens.emptyStateGap}: 0.25rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n ${tokens.infiniteLoaderGap}: 0.25rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n hintView: {\n default: css`\n ${tokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.textFieldTooltipColor}: var(--text-primary);\n ${tokens.textFieldTooltipArrowBackground}: var(--surface-solid-card);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.textFieldDisabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldReadOnlyOpacity}: 0.1;\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLabelColorReadOnly}: var(--text-primary);\n ${tokens.textFieldDividerColorReadOnly}: var(--surface-transparent-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","m","s","inner","outer","hintView","hintSize","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAyCN;AACDC,MAAAA,QAAQ,EAAA,SAyCP;AACDC,MAAAA,OAAO,EAAA,UAyCN;AACDC,MAAAA,QAAQ,EAAA;KA0CX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,UA0EA;AACDC,MAAAA,CAAC,EAAA;KA2EJ;AACDP,IAAAA,cAAc,EAAE;AACZQ,MAAAA,KAAK,EAAA,UAQJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNR,SAAAA,EAAO;KAMV;AACDS,IAAAA,QAAQ,EAAE;AACNL,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDK,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAUR;AACJ;AACJ;;;;"}
1
+ {"version":3,"file":"Autocomplete.config.js","sources":["../../../../../src-css/components/Autocomplete/Autocomplete.config.ts"],"sourcesContent":["import { css, autocompleteTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-secondary);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.focusColor}: var(--surface-accent);\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldDividerColor}: var(--surface-transparent-tertiary);\n ${tokens.textFieldDividerColorHover}: var(--text-secondary);\n ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n `,\n positive: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-positive);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-positive);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-positive);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-positive);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.focusColor}: var(--surface-accent);\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldDividerColor}: var(--surface-positive);\n ${tokens.textFieldDividerColorHover}: var(--surface-positive);\n ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n `,\n warning: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-warning);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-warning);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-warning);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-warning);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.focusColor}: var(--surface-accent);\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldDividerColor}: var(--surface-warning);\n ${tokens.textFieldDividerColorHover}: var(--surface-warning);\n ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldClearColor}: var(--text-negative);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColor}: var(--text-negative);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-negative);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-negative);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.focusColor}: var(--surface-accent);\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.textFieldDividerColor}: var(--surface-negative);\n ${tokens.textFieldDividerColorHover}: var(--surface-negative);\n ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n ${tokens.background}: var(--surface-solid-card);\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemColor}: var(--text-primary);\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: var(--text-primary);\n\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.625rem;\n ${tokens.textFieldClearLabelOffset}: 0.25rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 0.875rem 0.875rem 0.875rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.emptyStatePadding}: 1.625rem 0.875rem 0.875rem 0.875rem;\n ${tokens.emptyStateGap}: 0.375rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n ${tokens.infiniteLoaderGap}: 0.375rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.5rem;\n ${tokens.textFieldClearLabelOffset}: 0.25rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 0.6875rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.emptyStatePadding}: 1.375rem 0.625rem 0.625rem 0.625rem;\n ${tokens.emptyStateGap}: 0.25rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n ${tokens.infiniteLoaderGap}: 0.25rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n hintView: {\n default: css`\n ${tokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.textFieldTooltipColor}: var(--text-primary);\n ${tokens.textFieldTooltipArrowBackground}: var(--surface-solid-card);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.textFieldDisabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldReadOnlyOpacity}: 0.1;\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLabelColorReadOnly}: var(--text-primary);\n ${tokens.textFieldDividerColorReadOnly}: var(--surface-transparent-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","m","s","inner","outer","hintView","hintSize","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAyCN;AACDC,MAAAA,QAAQ,EAAA,SAyCP;AACDC,MAAAA,OAAO,EAAA,UAyCN;AACDC,MAAAA,QAAQ,EAAA;KA0CX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,UA0EA;AACDC,MAAAA,CAAC,EAAA;KA2EJ;AACDP,IAAAA,cAAc,EAAE;AACZQ,MAAAA,KAAK,EAAA,UAQJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNR,SAAAA,EAAO;KAMV;AACDS,IAAAA,QAAQ,EAAE;AACNL,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDK,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAUR;AACJ;AACJ;;;;"}
package/dist/css/es/components/Note/Note.config.js CHANGED
@@ -2,7 +2,7 @@ import './Note.config_3xvg0a.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
5
- size: 'l'
5
+ size: 'm'
6
6
  },
7
7
  variations: {
8
8
  view: {
package/dist/css/es/components/Note/Note.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Note.config.js","sources":["../../../../../src-css/components/Note/Note.config.ts"],"sourcesContent":["import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-secondary);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-primary);\n `,\n positive: css`\n ${tokens.background}: var(--surface-transparent-positive);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-positive);\n `,\n warning: css`\n ${tokens.background}: var(--surface-transparent-warning);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-warning);\n `,\n negative: css`\n ${tokens.background}: var(--surface-transparent-negative);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-negative);\n `,\n info: css`\n ${tokens.background}: var(--surface-transparent-info);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-info);\n `,\n },\n size: {\n m: css`\n ${tokens.padding}: 1.25rem 1.5rem;\n ${tokens.paddingScalable}: 1.25rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.gap}: 0.625rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.75rem;\n ${tokens.closeIconRight}: 0.75rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 1.5rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-m-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-m-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-m-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 1rem 1.25rem;\n ${tokens.paddingScalable}: 1rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.gap}: 0.5rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1.125rem;\n ${tokens.fixedContentBeforePadding}: 0.063rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-s-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-s-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-s-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-s-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","positive","warning","negative","info","m","s"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,SAIN;AACDC,MAAAA,QAAQ,EAAA,SAIP;AACDC,MAAAA,OAAO,EAAA,SAIN;AACDC,MAAAA,QAAQ,EAAA,UAIP;AACDC,MAAAA,IAAI,EAAA;KAKP;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,SAgCA;AACDC,MAAAA,CAAC,EAAA;AAiCL;AACJ;AACJ;;;;"}
1
+ {"version":3,"file":"Note.config.js","sources":["../../../../../src-css/components/Note/Note.config.ts"],"sourcesContent":["import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-secondary);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-primary);\n `,\n positive: css`\n ${tokens.background}: var(--surface-transparent-positive);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-positive);\n `,\n warning: css`\n ${tokens.background}: var(--surface-transparent-warning);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-warning);\n `,\n negative: css`\n ${tokens.background}: var(--surface-transparent-negative);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-negative);\n `,\n info: css`\n ${tokens.background}: var(--surface-transparent-info);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-info);\n `,\n },\n size: {\n m: css`\n ${tokens.padding}: 1.25rem 1.5rem;\n ${tokens.paddingScalable}: 1.25rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.gap}: 0.625rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.75rem;\n ${tokens.closeIconRight}: 0.75rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 1.5rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-m-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-m-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-m-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 1rem 1.25rem;\n ${tokens.paddingScalable}: 1rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.gap}: 0.5rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1.125rem;\n ${tokens.fixedContentBeforePadding}: 0.063rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-s-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-s-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-s-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-s-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","positive","warning","negative","info","m","s"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,SAIN;AACDC,MAAAA,QAAQ,EAAA,SAIP;AACDC,MAAAA,OAAO,EAAA,SAIN;AACDC,MAAAA,QAAQ,EAAA,UAIP;AACDC,MAAAA,IAAI,EAAA;KAKP;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,SAgCA;AACDC,MAAAA,CAAC,EAAA;AAiCL;AACJ;AACJ;;;;"}
package/dist/css/es/components/NumberInput/NumberInput.config.js CHANGED
@@ -2,7 +2,7 @@ import './NumberInput.config_cuhirc.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
5
- size: 'l',
5
+ size: 'm',
6
6
  shape: 'cornered',
7
7
  inputBackgroundType: 'fill'
8
8
  },
package/dist/css/es/components/NumberInput/NumberInput.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NumberInput.config.js","sources":["../../../../../src-css/components/NumberInput/NumberInput.config.ts"],"sourcesContent":["import { css, numberInputTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'cornered',\n inputBackgroundType: 'fill',\n },\n variations: {\n view: {\n default: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--inverse-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--inverse-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--inverse-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-solid-default);\n\n ${tokens.iconButtonColor}: var(--inverse-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--inverse-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--inverse-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n secondary: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-transparent-secondary);\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.iconButtonColorHover}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.iconButtonColorActive}: var(--text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n accent: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--inverse-text-primary);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--on-dark-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--on-dark-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--on-dark-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-accent);\n\n ${tokens.iconButtonColor}: var(--on-dark-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--on-dark-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--on-dark-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n clear: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: transparent;\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: transparent;\n ${tokens.iconButtonColorHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: transparent;\n ${tokens.iconButtonColorActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: transparent;\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n },\n size: {\n m: css`\n ${tokens.rootMinWidth}: 10.25rem;\n ${tokens.iconButtonHeight}: 3rem;\n ${tokens.iconButtonWidth}: 3rem;\n ${tokens.iconButtonPadding}: 1.25rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.iconButtonRadius}: 0.75rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.75rem;\n ${tokens.textWrapperHeight}: 3rem;\n ${tokens.textWrapperPadding}: 0.875rem 1rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n s: css`\n ${tokens.rootMinWidth}: 8.75rem;\n ${tokens.iconButtonHeight}: 2.5rem;\n ${tokens.iconButtonWidth}: 2.5rem;\n ${tokens.iconButtonPadding}: 1rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.iconButtonRadius}: 0.625rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.625rem;\n ${tokens.textWrapperHeight}: 2.5rem;\n ${tokens.textWrapperPadding}: 0.688rem 0.875rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n },\n shape: {\n cornered: css``,\n pilled: css`\n ${tokens.iconButtonRadius}: 50%;\n `,\n },\n inputBackgroundType: {\n fill: css`\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary);\n `,\n clear: css`\n ${tokens.backgroundColor}: transparent;\n ${tokens.backgroundColorHover}: transparent;\n `,\n },\n segmentation: {\n default: css``,\n segmented: css``,\n solid: css`\n ${tokens.iconButtonSegmentationRadius}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","inputBackgroundType","variations","default","secondary","accent","clear","m","s","cornered","pilled","fill","segmentation","segmented","solid","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE,UAAU;AACjBC,IAAAA,mBAAmB,EAAE;GACxB;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAAO,SA0BN;AACDC,MAAAA,SAAS,EAAA,SA0BR;AACDC,MAAAA,MAAM,EAAA,UA2BL;AACDC,MAAAA,KAAK,EAAA;KA2BR;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAAA,SA+BA;AACDC,MAAAA,CAAC,EAAA;KAgCJ;AACDR,IAAAA,KAAK,EAAE;AACHS,MAAAA,QAAQ,EAAA,UAAO;AACfC,MAAAA,MAAM,EAAA;KAGT;AACDT,IAAAA,mBAAmB,EAAE;AACjBU,MAAAA,IAAI,EAAA,UAGH;AACDL,MAAAA,KAAK,EAAA;KAIR;AACDM,IAAAA,YAAY,EAAE;AACVT,MAAAA,SAAAA,EAAO,SAAO;AACdU,MAAAA,SAAS,EAAA,SAAO;AAChBC,MAAAA,KAAK,EAAA;KAGR;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
1
+ {"version":3,"file":"NumberInput.config.js","sources":["../../../../../src-css/components/NumberInput/NumberInput.config.ts"],"sourcesContent":["import { css, numberInputTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n shape: 'cornered',\n inputBackgroundType: 'fill',\n },\n variations: {\n view: {\n default: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--inverse-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--inverse-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--inverse-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-solid-default);\n\n ${tokens.iconButtonColor}: var(--inverse-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--inverse-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--inverse-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n secondary: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-transparent-secondary);\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.iconButtonColorHover}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.iconButtonColorActive}: var(--text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n accent: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--inverse-text-primary);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--on-dark-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--on-dark-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--on-dark-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-accent);\n\n ${tokens.iconButtonColor}: var(--on-dark-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--on-dark-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--on-dark-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n clear: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: transparent;\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: transparent;\n ${tokens.iconButtonColorHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: transparent;\n ${tokens.iconButtonColorActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: transparent;\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n },\n size: {\n m: css`\n ${tokens.rootMinWidth}: 10.25rem;\n ${tokens.iconButtonHeight}: 3rem;\n ${tokens.iconButtonWidth}: 3rem;\n ${tokens.iconButtonPadding}: 1.25rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.iconButtonRadius}: 0.75rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.75rem;\n ${tokens.textWrapperHeight}: 3rem;\n ${tokens.textWrapperPadding}: 0.875rem 1rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n s: css`\n ${tokens.rootMinWidth}: 8.75rem;\n ${tokens.iconButtonHeight}: 2.5rem;\n ${tokens.iconButtonWidth}: 2.5rem;\n ${tokens.iconButtonPadding}: 1rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.iconButtonRadius}: 0.625rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.625rem;\n ${tokens.textWrapperHeight}: 2.5rem;\n ${tokens.textWrapperPadding}: 0.688rem 0.875rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n },\n shape: {\n cornered: css``,\n pilled: css`\n ${tokens.iconButtonRadius}: 50%;\n `,\n },\n inputBackgroundType: {\n fill: css`\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary);\n `,\n clear: css`\n ${tokens.backgroundColor}: transparent;\n ${tokens.backgroundColorHover}: transparent;\n `,\n },\n segmentation: {\n default: css``,\n segmented: css``,\n solid: css`\n ${tokens.iconButtonSegmentationRadius}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","inputBackgroundType","variations","default","secondary","accent","clear","m","s","cornered","pilled","fill","segmentation","segmented","solid","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE,UAAU;AACjBC,IAAAA,mBAAmB,EAAE;GACxB;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAAO,SA0BN;AACDC,MAAAA,SAAS,EAAA,SA0BR;AACDC,MAAAA,MAAM,EAAA,UA2BL;AACDC,MAAAA,KAAK,EAAA;KA2BR;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAAA,SA+BA;AACDC,MAAAA,CAAC,EAAA;KAgCJ;AACDR,IAAAA,KAAK,EAAE;AACHS,MAAAA,QAAQ,EAAA,UAAO;AACfC,MAAAA,MAAM,EAAA;KAGT;AACDT,IAAAA,mBAAmB,EAAE;AACjBU,MAAAA,IAAI,EAAA,UAGH;AACDL,MAAAA,KAAK,EAAA;KAIR;AACDM,IAAAA,YAAY,EAAE;AACVT,MAAAA,SAAAA,EAAO,SAAO;AACdU,MAAAA,SAAS,EAAA,SAAO;AAChBC,MAAAA,KAAK,EAAA;KAGR;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
package/dist/css/es/components/TextArea/TextArea.config.js CHANGED
@@ -2,7 +2,8 @@ import './TextArea.config_s8hwzj.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
5
- focused: 'true'
5
+ focused: 'true',
6
+ size: 'm'
6
7
  },
7
8
  variations: {
8
9
  view: {
package/dist/css/es/components/TextArea/TextArea.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n },\n variations: {\n view: {\n default: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n positive: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-positive);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-positive-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-positive);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-positive);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-positive-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-positive);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-positive);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-positive);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-positive);\n ${tokens.dividerColorHover}: var(--surface-positive);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n warning: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-warning-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-warning-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-warning);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-warning-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-warning-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-warning);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-warning);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-negative);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7rem;\n ${tokens.inputMinHeight}: 1.125rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.875rem;\n ${tokens.inputPaddingRight}: 1rem;\n ${tokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${tokens.inputPaddingBottom}: 0.75rem;\n ${tokens.inputPaddingLeft}: 1rem;\n\n ${tokens.helpersPaddingTop}: 0.75rem;\n ${tokens.helpersPaddingRight}: 1rem;\n ${tokens.helpersPaddingBottom}: 0.75rem;\n ${tokens.helpersPaddingLeft}: 1rem;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.875rem;\n ${tokens.rightContentRight}: 0.875rem;\n ${tokens.rightContentHeight}: 1.25rem;\n\n ${tokens.labelMarginBottom}: 0.625rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7.187rem;\n ${tokens.inputMinHeight}: 0.625rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.688rem;\n ${tokens.inputPaddingRight}: 0.875rem;\n ${tokens.inputPaddingRightWithRightContent}: 3.125rem;\n ${tokens.inputPaddingBottom}: 0.75rem;\n ${tokens.inputPaddingLeft}: 0.875rem;\n\n ${tokens.helpersPaddingTop}: 0.75rem;\n ${tokens.helpersPaddingRight}: 0.875rem;\n ${tokens.helpersPaddingBottom}: 0.75rem;\n ${tokens.helpersPaddingLeft}: 0.875rem;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.688rem;\n ${tokens.rightContentRight}: 0.75rem;\n ${tokens.rightContentHeight}: 1.25rem;\n\n ${tokens.labelMarginBottom}: 0.5rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.inputColorReadOnly}: var(--text-primary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n ${tokens.inputColorDisabled}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","default","positive","warning","negative","size","m","s","hintView","hintSize","readOnly","true","disabled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAyCN;AACDC,MAAAA,QAAQ,EAAA,UAyCP;AACDC,MAAAA,OAAO,EAAA,UAyCN;AACDC,MAAAA,QAAQ,EAAA;KA0CX;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,CAAC,EAAA,UA0EA;AACDC,MAAAA,CAAC,EAAA;KAyEJ;AACDC,IAAAA,QAAQ,EAAE;MACNP,SAAAA,EAAO;KAMV;AACDQ,IAAAA,QAAQ,EAAE;AACNH,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDG,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAOP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAMR;AACJ;AACJ;;;;"}
1
+ {"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n positive: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-positive);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-positive-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-positive);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-positive);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-positive-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-positive);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-positive);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-positive);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-positive);\n ${tokens.dividerColorHover}: var(--surface-positive);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n warning: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-warning-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-warning-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-warning);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-warning-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-warning-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-warning);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-warning);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-negative);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7rem;\n ${tokens.inputMinHeight}: 1.125rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.875rem;\n ${tokens.inputPaddingRight}: 1rem;\n ${tokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${tokens.inputPaddingBottom}: 0.75rem;\n ${tokens.inputPaddingLeft}: 1rem;\n\n ${tokens.helpersPaddingTop}: 0.75rem;\n ${tokens.helpersPaddingRight}: 1rem;\n ${tokens.helpersPaddingBottom}: 0.75rem;\n ${tokens.helpersPaddingLeft}: 1rem;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.875rem;\n ${tokens.rightContentRight}: 0.875rem;\n ${tokens.rightContentHeight}: 1.25rem;\n\n ${tokens.labelMarginBottom}: 0.625rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7.187rem;\n ${tokens.inputMinHeight}: 0.625rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.688rem;\n ${tokens.inputPaddingRight}: 0.875rem;\n ${tokens.inputPaddingRightWithRightContent}: 3.125rem;\n ${tokens.inputPaddingBottom}: 0.75rem;\n ${tokens.inputPaddingLeft}: 0.875rem;\n\n ${tokens.helpersPaddingTop}: 0.75rem;\n ${tokens.helpersPaddingRight}: 0.875rem;\n ${tokens.helpersPaddingBottom}: 0.75rem;\n ${tokens.helpersPaddingLeft}: 0.875rem;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.688rem;\n ${tokens.rightContentRight}: 0.75rem;\n ${tokens.rightContentHeight}: 1.25rem;\n\n ${tokens.labelMarginBottom}: 0.5rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.inputColorReadOnly}: var(--text-primary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n ${tokens.inputColorDisabled}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","positive","warning","negative","m","s","hintView","hintSize","readOnly","true","disabled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAyCN;AACDC,MAAAA,QAAQ,EAAA,UAyCP;AACDC,MAAAA,OAAO,EAAA,UAyCN;AACDC,MAAAA,QAAQ,EAAA;KA0CX;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,UA0EA;AACDC,MAAAA,CAAC,EAAA;KAyEJ;AACDC,IAAAA,QAAQ,EAAE;MACNN,SAAAA,EAAO;KAMV;AACDO,IAAAA,QAAQ,EAAE;AACNH,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDG,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAOP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAMR;AACJ;AACJ;;;;"}
package/dist/styled-components/cjs/components/Attach/Attach.config.js CHANGED
@@ -172,7 +172,7 @@ var config = {
172
172
  view: 'default',
173
173
  helperTextView: 'default',
174
174
  focused: 'true',
175
- size: 'm'
175
+ size: 's'
176
176
  },
177
177
  variations: {
178
178
  view: {
package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -451,7 +451,7 @@ function _templateObject12() {
451
451
  var config = {
452
452
  defaults: {
453
453
  view: 'default',
454
- size: 'l',
454
+ size: 'm',
455
455
  labelPlacement: 'outer'
456
456
  },
457
457
  variations: {
package/dist/styled-components/cjs/components/Note/Note.config.js CHANGED
@@ -154,7 +154,7 @@ function _templateObject6() {
154
154
  var config = {
155
155
  defaults: {
156
156
  view: 'default',
157
- size: 'l'
157
+ size: 'm'
158
158
  },
159
159
  variations: {
160
160
  view: {
package/dist/styled-components/cjs/components/NumberInput/NumberInput.config.js CHANGED
@@ -290,7 +290,7 @@ function _templateObject13() {
290
290
  var config = {
291
291
  defaults: {
292
292
  view: 'default',
293
- size: 'l',
293
+ size: 'm',
294
294
  shape: 'cornered',
295
295
  inputBackgroundType: 'fill'
296
296
  },
package/dist/styled-components/cjs/components/TextArea/TextArea.config.js CHANGED
@@ -416,7 +416,8 @@ function _templateObject10() {
416
416
  var config = {
417
417
  defaults: {
418
418
  view: 'default',
419
- focused: 'true'
419
+ focused: 'true',
420
+ size: 'm'
420
421
  },
421
422
  variations: {
422
423
  view: {
package/dist/styled-components/es/components/Attach/Attach.config.js CHANGED
@@ -162,7 +162,7 @@ export var config = {
162
162
  view: 'default',
163
163
  helperTextView: 'default',
164
164
  focused: 'true',
165
- size: 'm'
165
+ size: 's'
166
166
  },
167
167
  variations: {
168
168
  view: {
package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -441,7 +441,7 @@ import { css, autocompleteTokens as tokens } from '@salutejs/plasma-new-hope/sty
441
441
  export var config = {
442
442
  defaults: {
443
443
  view: 'default',
444
- size: 'l',
444
+ size: 'm',
445
445
  labelPlacement: 'outer'
446
446
  },
447
447
  variations: {
package/dist/styled-components/es/components/Note/Note.config.js CHANGED
@@ -144,7 +144,7 @@ import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope/styled-comp
144
144
  export var config = {
145
145
  defaults: {
146
146
  view: 'default',
147
- size: 'l'
147
+ size: 'm'
148
148
  },
149
149
  variations: {
150
150
  view: {
package/dist/styled-components/es/components/NumberInput/NumberInput.config.js CHANGED
@@ -280,7 +280,7 @@ import { css, numberInputTokens as tokens } from '@salutejs/plasma-new-hope/styl
280
280
  export var config = {
281
281
  defaults: {
282
282
  view: 'default',
283
- size: 'l',
283
+ size: 'm',
284
284
  shape: 'cornered',
285
285
  inputBackgroundType: 'fill'
286
286
  },
package/dist/styled-components/es/components/TextArea/TextArea.config.js CHANGED
@@ -406,7 +406,8 @@ import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/styled-
406
406
  export var config = {
407
407
  defaults: {
408
408
  view: 'default',
409
- focused: 'true'
409
+ focused: 'true',
410
+ size: 'm'
410
411
  },
411
412
  variations: {
412
413
  view: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-scan",
3
- "version": "0.343.0-next-platform-ai.0",
3
+ "version": "0.343.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS SCAN web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "exports": {
@@ -32,8 +32,8 @@
32
32
  "directory": "packages/sdds-scan"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.357.0-next-platform-ai.0",
36
- "@salutejs/sdds-themes": "0.61.0-next-platform-ai.0"
35
+ "@salutejs/plasma-new-hope": "0.357.0",
36
+ "@salutejs/sdds-themes": "0.61.0"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "react": ">=16.13.1",
@@ -57,10 +57,10 @@
57
57
  "@rollup/plugin-commonjs": "^25.0.4",
58
58
  "@rollup/plugin-node-resolve": "^15.1.0",
59
59
  "@salutejs/plasma-colors": "0.16.0",
60
- "@salutejs/plasma-core": "1.222.0-next-platform-ai.0",
61
- "@salutejs/plasma-cy-utils": "0.152.0-next-platform-ai.0",
62
- "@salutejs/plasma-icons": "1.234.0-next-platform-ai.0",
63
- "@salutejs/plasma-sb-utils": "0.222.0-next-platform-ai.0",
60
+ "@salutejs/plasma-core": "1.222.0",
61
+ "@salutejs/plasma-cy-utils": "0.152.0",
62
+ "@salutejs/plasma-icons": "1.234.0",
63
+ "@salutejs/plasma-sb-utils": "0.222.0",
64
64
  "@types/node": "16.7.13",
65
65
  "@types/react": "18.0.28",
66
66
  "@types/react-dom": "18.0.11",
@@ -108,5 +108,5 @@
108
108
  "sideEffects": [
109
109
  "*.css"
110
110
  ],
111
- "gitHead": "01606311308c4b93d7e7ed13adb3e8f151b9f75b"
111
+ "gitHead": "3cdbc596bd9ed805f8633fbd715d34ab85dd6180"
112
112
  }