npm - @salutejs/sdds-serv - Versions diffs - 0.330.0-canary.2370.19885960439.0 → 0.330.0-canary.2370.19960098637.0 - Mend

@salutejs/sdds-serv 0.330.0-canary.2370.19885960439.0 → 0.330.0-canary.2370.19960098637.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 (382) hide show

package/es/components/Range/Range.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Range.config.js","sources":["../../../src-css/components/Range/Range.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope';\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-primary);\n ${tokens.backgroundError}: var(--surface-transparent-negative);\n ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n ${tokens.dividerColor}: var(--text-primary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.leftHelperColorError}: var(--text-negative);\n ${tokens.leftHelperColorSuccess}: var(--text-positive);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.focusColor}: var(--text-accent);\n `,\n },\n size: {\n xl: css`\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1.125rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n `,\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\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.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\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.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xl","l","m","s","xs","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAoCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAoDD,SAAA;AACDC,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,CAAC,EAoDA,UAAA;AACDC,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqDL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAaR,KAAA;AACJ,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Range.config.js","sources":["../../../src-css/components/Range/Range.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope';\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-primary);\n ${tokens.backgroundError}: var(--surface-transparent-negative);\n ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n ${tokens.dividerColor}: var(--text-primary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.leftHelperColorError}: var(--text-negative);\n ${tokens.leftHelperColorSuccess}: var(--text-positive);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.focusColor}: var(--text-accent);\n `,\n },\n size: {\n xl: css`\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1.125rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n `,\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\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.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\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.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xl","l","m","s","xs","disabled","true","readOnly"],"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;MACFG,SAAAA,EAAO;KAoCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAoDD;AACDC,MAAAA,CAAC,EAAA,SAoDA;AACDC,MAAAA,CAAC,EAAA,UAoDA;AACDC,MAAAA,CAAC,EAAA,SAoDA;AACDC,MAAAA,EAAE,EAAA;KAqDL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAaR;AACJ;AACJ;;;;"}

package/es/components/Range/Range.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Range.js","sources":["../../../src-css/components/Range/Range.ts"],"sourcesContent":["import { rangeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Range.config';\n\nconst mergedConfig = mergeConfig(rangeConfig, config);\n\n/*\n Компонент Range.\n */\nexport const Range = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","rangeConfig","config","Range","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC~~,CAAA~~;;AAErD;AACA;AACA;IACaC,KAAK,gBAAGC,SAAS,CAACL,YAAY;;;;"}
1	+ {"version":3,"file":"Range.js","sources":["../../../src-css/components/Range/Range.ts"],"sourcesContent":["import { rangeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Range.config';\n\nconst mergedConfig = mergeConfig(rangeConfig, config);\n\n/*\n Компонент Range.\n */\nexport const Range = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","rangeConfig","config","Range","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC;;AAErD;AACA;AACA;IACaC,KAAK,gBAAGC,SAAS,CAACL,YAAY;;;;"}

package/es/components/Rating/Rating.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Rating.config.js","sources":["../../../src-css/components/Rating/Rating.config.ts"],"sourcesContent":["import { css, ratingTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.helperTextColor}: var(--text-secondary);\n ${tokens.iconColor}: var(--text-primary);\n ${tokens.outlineIconColor}: var(--text-primary);\n `,\n accent: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.helperTextColor}: var(--text-secondary);\n // TODO: change with token data-yellow, when it will be added to theme\n ${tokens.iconColor}: #F3A912;\n ${tokens.outlineIconColor}: var(--text-tertiary);\n `,\n },\n size: {\n l: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1.25rem;\n `,\n m: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.5rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1.25rem;\n `,\n s: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.5rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1rem;\n `,\n xs: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.contentGap}: 0.375rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.iconSize}: 0.75rem;\n ${tokens.actualIconSize}: 1rem;\n ${tokens.scaleFactor}: 0.75;\n `,\n xxs: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xxs-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.contentGap}: 0.375rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 0.75rem;\n ${tokens.actualIconSize}: 1rem;\n ${tokens.scaleFactor}: 0.75;\n `,\n h1: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h1-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h1-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h1-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h1-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.contentGap}: 1rem;\n ${tokens.singleIconContentGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.25rem;\n ${tokens.iconSizeLarge}: 3rem;\n ${tokens.iconSizeMedium}: 3rem;\n ${tokens.iconSizeSmall}: 2.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.25rem;\n ${tokens.singleIconSizeLarge}: 3rem;\n ${tokens.singleIconSizeMedium}: 3rem;\n ${tokens.singleIconSizeSmall}: 2.25rem;\n `,\n h2: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h2-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h2-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h2-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.contentGap}: 0.875rem;\n ${tokens.singleIconContentGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.25rem;\n ${tokens.iconSizeLarge}: 2rem;\n ${tokens.iconSizeMedium}: 1.75rem;\n ${tokens.iconSizeSmall}: 1.5rem;\n\n ${tokens.singleIconMarginBottom}: 0.25rem;\n ${tokens.singleIconSizeLarge}: 2rem;\n ${tokens.singleIconSizeMedium}: 1.75rem;\n ${tokens.singleIconSizeSmall}: 1.5rem;\n `,\n h3: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h3-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h3-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h3-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h3-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.75rem;\n ${tokens.singleIconContentGap}: 0.375rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.75rem;\n ${tokens.iconSizeMedium}: 1.5rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.75rem;\n ${tokens.singleIconSizeMedium}: 1.5rem;\n ${tokens.singleIconSizeSmall}: 1.25rem;\n `,\n h4: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h4-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h4-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h4-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h4-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.5rem;\n ${tokens.iconSizeMedium}: 1.25rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.5rem;\n ${tokens.singleIconSizeMedium}: 1.25rem;\n ${tokens.singleIconSizeSmall}: 1.25rem;\n `,\n h5: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h5-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h5-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h5-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.25rem;\n ${tokens.iconSizeMedium}: 1.25rem;\n ${tokens.iconSizeSmall}: 1rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.25rem;\n ${tokens.singleIconSizeMedium}: 1.25rem;\n ${tokens.singleIconSizeSmall}: 1rem;\n `,\n displayL: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-l-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-l-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-h3-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-h3-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-h3-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-h3-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.625rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 4rem;\n ${tokens.iconSizeMedium}: 3rem;\n ${tokens.iconSizeSmall}: 2.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.5rem;\n ${tokens.singleIconSizeLarge}: 7.5rem;\n ${tokens.singleIconSizeMedium}: 7rem;\n ${tokens.singleIconSizeSmall}: 5.5rem;\n `,\n displayM: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-m-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-m-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 3rem;\n ${tokens.iconSizeMedium}: 2.25rem;\n ${tokens.iconSizeSmall}: 1.75rem;\n\n ${tokens.singleIconMarginBottom}: 0.5rem;\n ${tokens.singleIconSizeLarge}: 5.25rem;\n ${tokens.singleIconSizeMedium}: 4.5rem;\n ${tokens.singleIconSizeSmall}: 4rem;\n `,\n displayS: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-s-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-s-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.375rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 2rem;\n ${tokens.iconSizeMedium}: 1.5rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.313rem;\n ${tokens.singleIconSizeLarge}: 4rem;\n ${tokens.singleIconSizeMedium}: 3.5rem;\n ${tokens.singleIconSizeSmall}: 2.75rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","l","m","s","xs","xxs","h1","h2","h3","h4","h5","displayL","displayM","displayS"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAKC,SAAA;AACDC,MAAAA,MAAM,EAAA,SAAA;KAOT;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAsBA,UAAA;AACDC,MAAAA,CAAC,EAsBA,SAAA;AACDC,MAAAA,CAAC,EAsBA,SAAA;AACDC,MAAAA,EAAE,EA0BD,SAAA;AACDC,MAAAA,GAAG,EAwBF,SAAA;AACDC,MAAAA,EAAE,EA8BD,UAAA;AACDC,MAAAA,EAAE,EA8BD,SAAA;AACDC,MAAAA,EAAE,EA8BD,UAAA;AACDC,MAAAA,EAAE,EA8BD,UAAA;AACDC,MAAAA,EAAE,EA8BD,SAAA;AACDC,MAAAA,QAAQ,EA8BP,SAAA;AACDC,MAAAA,QAAQ,EA8BP,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;AA+BZ,KAAA;AACJ,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Rating.config.js","sources":["../../../src-css/components/Rating/Rating.config.ts"],"sourcesContent":["import { css, ratingTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.helperTextColor}: var(--text-secondary);\n ${tokens.iconColor}: var(--text-primary);\n ${tokens.outlineIconColor}: var(--text-primary);\n `,\n accent: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.helperTextColor}: var(--text-secondary);\n // TODO: change with token data-yellow, when it will be added to theme\n ${tokens.iconColor}: #F3A912;\n ${tokens.outlineIconColor}: var(--text-tertiary);\n `,\n },\n size: {\n l: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1.25rem;\n `,\n m: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.5rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1.25rem;\n `,\n s: css`\n ${tokens.gap}: 0.25rem;\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-bold-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.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.5rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 1rem;\n `,\n xs: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.contentGap}: 0.375rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.iconSize}: 0.75rem;\n ${tokens.actualIconSize}: 1rem;\n ${tokens.scaleFactor}: 0.75;\n `,\n xxs: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xxs-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.contentGap}: 0.375rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSize}: 0.75rem;\n ${tokens.actualIconSize}: 1rem;\n ${tokens.scaleFactor}: 0.75;\n `,\n h1: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h1-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h1-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h1-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h1-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.contentGap}: 1rem;\n ${tokens.singleIconContentGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.25rem;\n ${tokens.iconSizeLarge}: 3rem;\n ${tokens.iconSizeMedium}: 3rem;\n ${tokens.iconSizeSmall}: 2.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.25rem;\n ${tokens.singleIconSizeLarge}: 3rem;\n ${tokens.singleIconSizeMedium}: 3rem;\n ${tokens.singleIconSizeSmall}: 2.25rem;\n `,\n h2: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h2-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h2-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h2-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h2-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.contentGap}: 0.875rem;\n ${tokens.singleIconContentGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.25rem;\n ${tokens.iconSizeLarge}: 2rem;\n ${tokens.iconSizeMedium}: 1.75rem;\n ${tokens.iconSizeSmall}: 1.5rem;\n\n ${tokens.singleIconMarginBottom}: 0.25rem;\n ${tokens.singleIconSizeLarge}: 2rem;\n ${tokens.singleIconSizeMedium}: 1.75rem;\n ${tokens.singleIconSizeSmall}: 1.5rem;\n `,\n h3: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h3-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h3-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h3-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h3-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.75rem;\n ${tokens.singleIconContentGap}: 0.375rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.75rem;\n ${tokens.iconSizeMedium}: 1.5rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.75rem;\n ${tokens.singleIconSizeMedium}: 1.5rem;\n ${tokens.singleIconSizeSmall}: 1.25rem;\n `,\n h4: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h4-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h4-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h4-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h4-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.5rem;\n ${tokens.iconSizeMedium}: 1.25rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.5rem;\n ${tokens.singleIconSizeMedium}: 1.25rem;\n ${tokens.singleIconSizeSmall}: 1.25rem;\n `,\n h5: css`\n ${tokens.gap}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-h5-font-family);\n ${tokens.fontSize}: var(--plasma-typo-h5-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-h5-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-h5-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.contentGap}: 0.625rem;\n ${tokens.singleIconContentGap}: 0.25rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconMarginBottom}: 0.125rem;\n ${tokens.iconSizeLarge}: 1.25rem;\n ${tokens.iconSizeMedium}: 1.25rem;\n ${tokens.iconSizeSmall}: 1rem;\n\n ${tokens.singleIconMarginBottom}: 0.125rem;\n ${tokens.singleIconSizeLarge}: 1.25rem;\n ${tokens.singleIconSizeMedium}: 1.25rem;\n ${tokens.singleIconSizeSmall}: 1rem;\n `,\n displayL: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-l-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-l-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-h3-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-h3-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-h3-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-h3-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.625rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 4rem;\n ${tokens.iconSizeMedium}: 3rem;\n ${tokens.iconSizeSmall}: 2.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.5rem;\n ${tokens.singleIconSizeLarge}: 7.5rem;\n ${tokens.singleIconSizeMedium}: 7rem;\n ${tokens.singleIconSizeSmall}: 5.5rem;\n `,\n displayM: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-m-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-m-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.5rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 3rem;\n ${tokens.iconSizeMedium}: 2.25rem;\n ${tokens.iconSizeSmall}: 1.75rem;\n\n ${tokens.singleIconMarginBottom}: 0.5rem;\n ${tokens.singleIconSizeLarge}: 5.25rem;\n ${tokens.singleIconSizeMedium}: 4.5rem;\n ${tokens.singleIconSizeSmall}: 4rem;\n `,\n displayS: css`\n ${tokens.gap}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-dspl-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-dspl-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-dspl-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-dspl-s-bold-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-dspl-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-dspl-s-line-height);\n\n ${tokens.helperTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.helperTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.helperTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.helperTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.helperTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.helperTextLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.contentGap}: 1.5rem;\n ${tokens.singleIconContentGap}: 0.75rem;\n ${tokens.wrapperGap}: 0.375rem;\n ${tokens.starsWrapperGap}: 0.125rem;\n\n ${tokens.iconSizeLarge}: 2rem;\n ${tokens.iconSizeMedium}: 1.5rem;\n ${tokens.iconSizeSmall}: 1.25rem;\n\n ${tokens.singleIconMarginBottom}: 0.313rem;\n ${tokens.singleIconSizeLarge}: 4rem;\n ${tokens.singleIconSizeMedium}: 3.5rem;\n ${tokens.singleIconSizeSmall}: 2.75rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","l","m","s","xs","xxs","h1","h2","h3","h4","h5","displayL","displayM","displayS"],"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,SAKN;AACDC,MAAAA,MAAM,EAAA;KAOT;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAsBA;AACDC,MAAAA,CAAC,EAAA,SAsBA;AACDC,MAAAA,CAAC,EAAA,SAsBA;AACDC,MAAAA,EAAE,EAAA,SA0BD;AACDC,MAAAA,GAAG,EAAA,SAwBF;AACDC,MAAAA,EAAE,EAAA,UA8BD;AACDC,MAAAA,EAAE,EAAA,SA8BD;AACDC,MAAAA,EAAE,EAAA,UA8BD;AACDC,MAAAA,EAAE,EAAA,UA8BD;AACDC,MAAAA,EAAE,EAAA,SA8BD;AACDC,MAAAA,QAAQ,EAAA,SA8BP;AACDC,MAAAA,QAAQ,EAAA,UA8BP;AACDC,MAAAA,QAAQ,EAAA;AA+BZ;AACJ;AACJ;;;;"}

package/es/components/Rating/Rating.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Rating.js","sources":["../../../src-css/components/Rating/Rating.ts"],"sourcesContent":["import { ratingConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Rating.config';\n\nconst mergedConfig = mergeConfig(ratingConfig, config);\n\nexport const Rating = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","ratingConfig","config","Rating","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC~~,CAAA~~;IAEzCC,MAAM,gBAAGC,SAAS,CAACL,YAAY;;;;"}
1	+ {"version":3,"file":"Rating.js","sources":["../../../src-css/components/Rating/Rating.ts"],"sourcesContent":["import { ratingConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Rating.config';\n\nconst mergedConfig = mergeConfig(ratingConfig, config);\n\nexport const Rating = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","ratingConfig","config","Rating","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC;IAEzCC,MAAM,gBAAGC,SAAS,CAACL,YAAY;;;;"}

package/es/components/Segment/Segment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Segment.js","sources":["../../../src-css/components/Segment/Segment.ts"],"sourcesContent":["import {\n segmentItemConfig,\n segmentGroupConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as configSegmentItem } from './SegmentItem.config';\nimport { config as configSegmentGroup } from './SegmentGroup.config';\n\n/*\n Провайдер контекста для группы сегментов и хук для доступа к контексту.\n /\nexport { SegmentProvider, useSegment } from '@salutejs/plasma-new-hope';\n\nconst mergedSegmentItemConfig = mergeConfig(segmentItemConfig, configSegmentItem);\nconst mergedSegmentGroupConfig = mergeConfig(segmentGroupConfig, configSegmentGroup);\n\n/\n Компонент группы сегментов.\n /\nexport const SegmentGroup = component(mergedSegmentGroupConfig);\n/\n Компонент сегмента.\n */\nexport const SegmentItem = component(mergedSegmentItemConfig);\n"],"names":["mergedSegmentItemConfig","mergeConfig","segmentItemConfig","configSegmentItem","mergedSegmentGroupConfig","segmentGroupConfig","configSegmentGroup","SegmentGroup","component","SegmentItem"],"mappings":";;;;;AAeA,IAAMA,uBAAuB,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAiB,CAAC~~,CAAA~~;AACjF,IAAMC,wBAAwB,gBAAGH,WAAW,CAACI,kBAAkB,EAAEC,QAAkB,CAAC~~,CAAA~~;;AAEpF;AACA;AACA;IACaC,YAAY,gBAAGC,SAAS,CAACJ,wBAAwB~~,EAAC~~;~~AAC/D~~;AACA;AACA;IACaK,WAAW,gBAAGD,SAAS,CAACR,uBAAuB;;;;"}
1	+ {"version":3,"file":"Segment.js","sources":["../../../src-css/components/Segment/Segment.ts"],"sourcesContent":["import {\n segmentItemConfig,\n segmentGroupConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as configSegmentItem } from './SegmentItem.config';\nimport { config as configSegmentGroup } from './SegmentGroup.config';\n\n/*\n Провайдер контекста для группы сегментов и хук для доступа к контексту.\n /\nexport { SegmentProvider, useSegment } from '@salutejs/plasma-new-hope';\n\nconst mergedSegmentItemConfig = mergeConfig(segmentItemConfig, configSegmentItem);\nconst mergedSegmentGroupConfig = mergeConfig(segmentGroupConfig, configSegmentGroup);\n\n/\n Компонент группы сегментов.\n /\nexport const SegmentGroup = component(mergedSegmentGroupConfig);\n/\n Компонент сегмента.\n */\nexport const SegmentItem = component(mergedSegmentItemConfig);\n"],"names":["mergedSegmentItemConfig","mergeConfig","segmentItemConfig","configSegmentItem","mergedSegmentGroupConfig","segmentGroupConfig","configSegmentGroup","SegmentGroup","component","SegmentItem"],"mappings":";;;;;AAeA,IAAMA,uBAAuB,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAiB,CAAC;AACjF,IAAMC,wBAAwB,gBAAGH,WAAW,CAACI,kBAAkB,EAAEC,QAAkB,CAAC;;AAEpF;AACA;AACA;IACaC,YAAY,gBAAGC,SAAS,CAACJ,wBAAwB;AAC9D;AACA;AACA;IACaK,WAAW,gBAAGD,SAAS,CAACR,uBAAuB;;;;"}

package/es/components/Segment/SegmentGroup.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentGroup.config.js","sources":["../../../src-css/components/Segment/SegmentGroup.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n filled: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.groupBorderRadius}: 0.625rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.125rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.25rem 0.75rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.75rem 0;\n `,\n s: css`\n ${segmentTokens.groupBorderRadius}: 0.75rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.375rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.5rem 0.875rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.875rem 0;\n `,\n m: css`\n ${segmentTokens.groupBorderRadius}: 0.875rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.625rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.75rem 1.25rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.25rem 0;\n `,\n l: css`\n ${segmentTokens.groupBorderRadius}: 1rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.875rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 1rem 1.375rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.375rem 0;\n `,\n xl: css`\n ${segmentTokens.groupBorderRadius}: 1.125rem;\n // NOTE: change on token when added\n ${segmentTokens.groupPilledBorderRadius}: 1000px;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 1.25rem 1.5rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.5rem 0;\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css``,\n },\n stretch: {\n true: css``,\n },\n filledBackground: {\n true: css`\n ${segmentTokens.groupFilledBackgroundColor}: var(--surface-transparent-secondary);\n `,\n },\n orientation: {\n vertical: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","xs","s","m","l","xl","disabled","true","pilled","stretch","filledBackground","orientation","vertical"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE~~,IAAA~~;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,~~EAIJ~~,~~SAAA~~;AACDC,MAAAA,MAAM,EAAA~~,UAAA~~;KAKT;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,~~EAOD~~,~~SAAA~~;AACDC,MAAAA,CAAC,~~EAOA~~,~~SAAA~~;AACDC,MAAAA,CAAC,~~EAOA~~,~~SAAA~~;AACDC,MAAAA,CAAC,~~EAOA~~,~~UAAA~~;AACDC,MAAAA,EAAE,EAAA~~,UAAA~~;KASL;AACDC,IAAAA,QAAQ,EAAE;MACNC,~~MAAI~~,~~EAAA,SAAA~~;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,~~MAAI~~,~~EAAA,UAAA~~;KACP;AACDE,IAAAA,OAAO,EAAE;MACLF,~~MAAI~~,~~EAAA,SAAA~~;KACP;AACDG,IAAAA,gBAAgB,EAAE;MACdH,~~MAAI~~,~~EAAA,UAAA~~;KAGP;AACDI,IAAAA,WAAW,EAAE;AACTC,MAAAA,QAAQ,EAAA~~,SAAA~~;AACZ~~,KAAA~~;AACJ~~,GAAA~~;AACJ;;;;"}
1	+ {"version":3,"file":"SegmentGroup.config.js","sources":["../../../src-css/components/Segment/SegmentGroup.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n filled: css`\n ${segmentTokens.arrowColor}: var(--text-secondary);\n ${segmentTokens.groupBackgroundColor}: transparent;\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.groupBorderRadius}: 0.625rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.125rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.25rem 0.75rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.75rem 0;\n `,\n s: css`\n ${segmentTokens.groupBorderRadius}: 0.75rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.375rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.5rem 0.875rem;\n ${segmentTokens.groupVerticalArrowPadding}: 0.875rem 0;\n `,\n m: css`\n ${segmentTokens.groupBorderRadius}: 0.875rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.625rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 0.75rem 1.25rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.25rem 0;\n `,\n l: css`\n ${segmentTokens.groupBorderRadius}: 1rem;\n ${segmentTokens.groupPilledBorderRadius}: 1.875rem;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 1rem 1.375rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.375rem 0;\n `,\n xl: css`\n ${segmentTokens.groupBorderRadius}: 1.125rem;\n // NOTE: change on token when added\n ${segmentTokens.groupPilledBorderRadius}: 1000px;\n ${segmentTokens.groupWidth}: auto;\n ${segmentTokens.groupHeight}: auto;\n ${segmentTokens.groupArrowPadding}: 1.25rem 1.5rem;\n ${segmentTokens.groupVerticalArrowPadding}: 1.5rem 0;\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css``,\n },\n stretch: {\n true: css``,\n },\n filledBackground: {\n true: css`\n ${segmentTokens.groupFilledBackgroundColor}: var(--surface-transparent-secondary);\n `,\n },\n orientation: {\n vertical: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","xs","s","m","l","xl","disabled","true","pilled","stretch","filledBackground","orientation","vertical"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAIJ;AACDC,MAAAA,MAAM,EAAA;KAKT;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA,SAOD;AACDC,MAAAA,CAAC,EAAA,SAOA;AACDC,MAAAA,CAAC,EAAA,SAOA;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,EAAE,EAAA;KASL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;KACP;AACDE,IAAAA,OAAO,EAAE;MACLF,MAAAA,EAAI;KACP;AACDG,IAAAA,gBAAgB,EAAE;MACdH,MAAAA,EAAI;KAGP;AACDI,IAAAA,WAAW,EAAE;AACTC,MAAAA,QAAQ,EAAA;AACZ;AACJ;AACJ;;;;"}

package/es/components/Segment/SegmentItem.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentItem.config.js","sources":["../../../src-css/components/Segment/SegmentItem.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.itemColor}: var(--text-secondary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-tertiary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColor}: transparent;\n ${segmentTokens.itemSelectedColorHover}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColorHover}: transparent;\n ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);\n\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n secondary: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-transparent-card);\n ${segmentTokens.itemSelectedColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-transparent-card);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);\n\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n default: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${segmentTokens.itemSelectedColorHover}: var(--inverse-text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--inverse-text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--inverse-text-secondary);\n\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n accent: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--on-dark-text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-accent);\n ${segmentTokens.itemSelectedColorHover}: var(--on-dark-text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-accent);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--on-dark-text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--on-dark-text-secondary);\n\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.itemBorderRadius}: 0.5rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2rem;\n ${segmentTokens.itemPadding}: 0.5rem 0.75rem;\n ${segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.125rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${segmentTokens.itemBorderRadius}: 0.625rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2.5rem;\n ${segmentTokens.itemPadding}: 0.5rem 1rem;\n ${segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;\n ${segmentTokens.itemContentPadding}: 0.1875rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.125rem;\n ${segmentTokens.itemMarginLeft}: 0rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${segmentTokens.itemBorderRadius}: 0.75rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 3rem;\n ${segmentTokens.itemPadding}: 0.75rem 1.25rem;\n ${segmentTokens.itemPilledPadding}: 0.75rem 0.75rem;\n ${segmentTokens.itemContentPadding}: 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.25rem;\n ${segmentTokens.itemMarginLeft}: 0rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${segmentTokens.itemBorderRadius}: 0.875rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 3.5rem;\n ${segmentTokens.itemPadding}: 1rem 1.5rem; /* 1.625 */\n ${segmentTokens.itemPilledPadding}: 1rem 1rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.375rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xl: css`\n ${segmentTokens.itemBorderRadius}: 1rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 4rem;\n ${segmentTokens.itemPadding}: 1.25rem 1.75rem;\n ${segmentTokens.itemPilledPadding}: 1.25rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.375rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n // NOTE: change on token when added\n ${segmentTokens.itemPilledBorderRadius}: 1000px;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","default","accent","xs","s","m","l","xl","disabled","true","pilled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAeJ,SAAA;AACDC,MAAAA,SAAS,EAeR,UAAA;AACDC,MAAAA,SAAAA,EAeC,UAAA;AACDC,MAAAA,MAAM,EAAA,UAAA;KAgBT;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,UAAA;AAIR,KAAA;AACJ,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"SegmentItem.config.js","sources":["../../../src-css/components/Segment/SegmentItem.config.ts"],"sourcesContent":["import { css, segmentTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${segmentTokens.itemColor}: var(--text-secondary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-tertiary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColor}: transparent;\n ${segmentTokens.itemSelectedColorHover}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColorHover}: transparent;\n ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);\n\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n secondary: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-transparent-card);\n ${segmentTokens.itemSelectedColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-transparent-card);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--text-secondary);\n\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n default: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${segmentTokens.itemSelectedColorHover}: var(--inverse-text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--inverse-text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--inverse-text-secondary);\n\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n accent: css`\n ${segmentTokens.itemColor}: var(--text-primary);\n ${segmentTokens.itemBackgroundColor}: transparent;\n ${segmentTokens.itemColorHover}: var(--text-primary-hover);\n ${segmentTokens.itemBackgroundColorHover}: transparent;\n ${segmentTokens.itemAdditionalColor}: var(--text-secondary);\n ${segmentTokens.itemAdditionalColorHover}: var(--text-secondary);\n ${segmentTokens.itemSelectedColor}: var(--on-dark-text-primary);\n ${segmentTokens.itemSelectedBackgroundColor}: var(--surface-accent);\n ${segmentTokens.itemSelectedColorHover}: var(--on-dark-text-primary-hover);\n ${segmentTokens.itemSelectedBackgroundColorHover}: var(--surface-accent);\n ${segmentTokens.itemSelectedAdditionalColor}: var(--on-dark-text-secondary);\n ${segmentTokens.itemSelectedAdditionalColorHover}: var(--on-dark-text-secondary);\n\n ${segmentTokens.groupFilledBackgroundColor}: var(--text-accent);\n `,\n },\n size: {\n xs: css`\n ${segmentTokens.itemBorderRadius}: 0.5rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2rem;\n ${segmentTokens.itemPadding}: 0.5rem 0.75rem;\n ${segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.125rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${segmentTokens.itemBorderRadius}: 0.625rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 2.5rem;\n ${segmentTokens.itemPadding}: 0.5rem 1rem;\n ${segmentTokens.itemPilledPadding}: 0.5rem 0.5rem;\n ${segmentTokens.itemContentPadding}: 0.1875rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.125rem;\n ${segmentTokens.itemMarginLeft}: 0rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${segmentTokens.itemBorderRadius}: 0.75rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 3rem;\n ${segmentTokens.itemPadding}: 0.75rem 1.25rem;\n ${segmentTokens.itemPilledPadding}: 0.75rem 0.75rem;\n ${segmentTokens.itemContentPadding}: 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.25rem;\n ${segmentTokens.itemMarginLeft}: 0rem;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n l: css`\n ${segmentTokens.itemBorderRadius}: 0.875rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 3.5rem;\n ${segmentTokens.itemPadding}: 1rem 1.5rem; /* 1.625 */\n ${segmentTokens.itemPilledPadding}: 1rem 1rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.375rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xl: css`\n ${segmentTokens.itemBorderRadius}: 1rem;\n ${segmentTokens.itemWidth}: auto;\n ${segmentTokens.itemHeight}: 4rem;\n ${segmentTokens.itemPadding}: 1.25rem 1.75rem;\n ${segmentTokens.itemPilledPadding}: 1.25rem;\n ${segmentTokens.itemContentPadding}: 0.0625rem 0.125rem;\n ${segmentTokens.itemIconMargin}: 0.375rem;\n ${segmentTokens.itemMarginLeft}: 0;\n\n ${segmentTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${segmentTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${segmentTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${segmentTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${segmentTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${segmentTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n disabled: {\n true: css`\n ${segmentTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n // NOTE: change on token when added\n ${segmentTokens.itemPilledBorderRadius}: 1000px;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","default","accent","xs","s","m","l","xl","disabled","true","pilled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAeJ;AACDC,MAAAA,SAAS,EAAA,UAeR;AACDC,MAAAA,SAAAA,EAAO,UAeN;AACDC,MAAAA,MAAM,EAAA;KAgBT;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,CAAC,EAAA,SAgBA;AACDC,MAAAA,CAAC,EAAA,UAgBA;AACDC,MAAAA,CAAC,EAAA,UAgBA;AACDC,MAAAA,EAAE,EAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;AAIR;AACJ;AACJ;;;;"}