@salutejs/sdds-finai 0.356.0 → 0.356.1-dev.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.
- package/dist/beta/cjs/EmbeddedButton/EmbeddedButton.config.js +9 -0
- package/dist/beta/css/cjs/components/_beta/EmbeddedButton/EmbeddedButton.config.js +8 -7
- package/dist/beta/css/cjs/components/_beta/EmbeddedButton/EmbeddedButton.config.js.map +1 -1
- package/dist/beta/css/cjs/components/_beta/EmbeddedButton/{EmbeddedButton.config_1kyw6dl.css → EmbeddedButton.config_zc4t48.css} +6 -5
- package/dist/beta/css/cjs/components/_beta/EmbeddedButton/EmbeddedButton.css +13 -12
- package/dist/beta/css/cjs/index.css +13 -12
- package/dist/beta/css/es/components/_beta/EmbeddedButton/EmbeddedButton.config.js +8 -7
- package/dist/beta/css/es/components/_beta/EmbeddedButton/EmbeddedButton.config.js.map +1 -1
- package/dist/beta/css/es/components/_beta/EmbeddedButton/{EmbeddedButton.config_1kyw6dl.css → EmbeddedButton.config_zc4t48.css} +6 -5
- package/dist/beta/css/es/components/_beta/EmbeddedButton/EmbeddedButton.css +13 -12
- package/dist/beta/css/es/index.css +13 -12
- package/dist/beta/emotion/cjs/EmbeddedButton/EmbeddedButton.config.js +9 -0
- package/dist/beta/emotion/es/EmbeddedButton/EmbeddedButton.config.js +10 -1
- package/dist/beta/es/EmbeddedButton/EmbeddedButton.config.js +10 -1
- package/dist/beta/types/EmbeddedButton/EmbeddedButton.config.d.ts +1 -0
- package/dist/beta/types/EmbeddedButton/EmbeddedButton.d.ts +1 -0
- package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js +30 -0
- package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/dist/css/cjs/components/Avatar/Avatar.config.js +23 -23
- package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/{es/components/Avatar/Avatar.config_194ow05.css → cjs/components/Avatar/Avatar.config_10406v1.css} +22 -22
- package/dist/css/cjs/components/Avatar/Avatar.css +22 -22
- package/dist/css/cjs/components/Button/Button.config.js +11 -10
- package/dist/css/cjs/components/Button/Button.config.js.map +1 -1
- package/dist/css/{es/components/Button/Button.config_1ycc2qc.css → cjs/components/Button/Button.config_rafi3h.css} +6 -5
- package/dist/css/cjs/components/Button/Button.css +16 -15
- package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js +16 -15
- package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/dist/css/cjs/components/ButtonGroup/{ButtonGroup.config_1a2vbl.css → ButtonGroup.config_k5yu4i.css} +10 -9
- package/dist/css/cjs/components/ButtonGroup/ButtonGroup.css +20 -19
- package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js +8 -7
- package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/dist/css/cjs/components/EmbedIconButton/{EmbedIconButton.config_cdgtoa.css → EmbedIconButton.config_vvzol4.css} +6 -5
- package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.css +13 -12
- package/dist/css/cjs/components/IconButton/IconButton.config.js +8 -7
- package/dist/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
- package/dist/css/{es/components/IconButton/IconButton.config_zugwrv.css → cjs/components/IconButton/IconButton.config_edu4ku.css} +6 -5
- package/dist/css/cjs/components/IconButton/IconButton.css +16 -15
- package/dist/css/cjs/components/LinkButton/LinkButton.config.js +7 -6
- package/dist/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
- package/dist/css/cjs/components/LinkButton/{LinkButton.config_195yqrn.css → LinkButton.config_1k8mr42.css} +5 -4
- package/dist/css/cjs/components/LinkButton/LinkButton.css +12 -11
- package/dist/css/cjs/components/LinkButton/LinkButton.js +27 -1
- package/dist/css/cjs/components/LinkButton/LinkButton.js.map +1 -1
- package/dist/css/cjs/components/Slider/Slider.config.js +1 -1
- package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
- package/dist/css/cjs/components/Slider/{Slider.config_czw5fa.css → Slider.config_1bu7g7m.css} +3 -3
- package/dist/css/cjs/components/Slider/Slider.css +9 -9
- package/dist/css/cjs/index.css +116 -111
- package/dist/css/cjs/index.js +4 -0
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js +28 -1
- package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/dist/css/es/components/Avatar/Avatar.config.js +23 -23
- package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/{cjs/components/Avatar/Avatar.config_194ow05.css → es/components/Avatar/Avatar.config_10406v1.css} +22 -22
- package/dist/css/es/components/Avatar/Avatar.css +22 -22
- package/dist/css/es/components/Button/Button.config.js +11 -10
- package/dist/css/es/components/Button/Button.config.js.map +1 -1
- package/dist/css/{cjs/components/Button/Button.config_1ycc2qc.css → es/components/Button/Button.config_rafi3h.css} +6 -5
- package/dist/css/es/components/Button/Button.css +16 -15
- package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js +16 -15
- package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/dist/css/es/components/ButtonGroup/{ButtonGroup.config_1a2vbl.css → ButtonGroup.config_k5yu4i.css} +10 -9
- package/dist/css/es/components/ButtonGroup/ButtonGroup.css +20 -19
- package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js +8 -7
- package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
- package/dist/css/es/components/EmbedIconButton/{EmbedIconButton.config_cdgtoa.css → EmbedIconButton.config_vvzol4.css} +6 -5
- package/dist/css/es/components/EmbedIconButton/EmbedIconButton.css +13 -12
- package/dist/css/es/components/IconButton/IconButton.config.js +8 -7
- package/dist/css/es/components/IconButton/IconButton.config.js.map +1 -1
- package/dist/css/{cjs/components/IconButton/IconButton.config_zugwrv.css → es/components/IconButton/IconButton.config_edu4ku.css} +6 -5
- package/dist/css/es/components/IconButton/IconButton.css +16 -15
- package/dist/css/es/components/LinkButton/LinkButton.config.js +7 -6
- package/dist/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/dist/css/es/components/LinkButton/{LinkButton.config_195yqrn.css → LinkButton.config_1k8mr42.css} +5 -4
- package/dist/css/es/components/LinkButton/LinkButton.css +12 -11
- package/dist/css/es/components/LinkButton/LinkButton.js +23 -3
- package/dist/css/es/components/LinkButton/LinkButton.js.map +1 -1
- package/dist/css/es/components/Slider/Slider.config.js +1 -1
- package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
- package/dist/css/es/components/Slider/{Slider.config_czw5fa.css → Slider.config_1bu7g7m.css} +3 -3
- package/dist/css/es/components/Slider/Slider.css +9 -9
- package/dist/css/es/index.css +116 -111
- package/dist/css/es/index.js +1 -1
- package/dist/emotion/cjs/components/Button/Button.config.js +10 -0
- package/dist/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +10 -0
- package/dist/emotion/cjs/components/EmbedIconButton/EmbedIconButton.config.js +7 -0
- package/dist/emotion/cjs/components/IconButton/IconButton.config.js +7 -0
- package/dist/emotion/cjs/components/LinkButton/LinkButton.config.js +10 -0
- package/dist/emotion/cjs/components/LinkButton/LinkButton.js +78 -4
- package/dist/emotion/cjs/components/Notification/index.js +3 -0
- package/dist/emotion/cjs/components/Slider/Slider.config.js +3 -5
- package/dist/emotion/es/components/Button/Button.config.js +11 -1
- package/dist/emotion/es/components/ButtonGroup/ButtonGroup.config.js +11 -1
- package/dist/emotion/es/components/EmbedIconButton/EmbedIconButton.config.js +8 -1
- package/dist/emotion/es/components/IconButton/IconButton.config.js +8 -1
- package/dist/emotion/es/components/LinkButton/LinkButton.config.js +11 -1
- package/dist/emotion/es/components/LinkButton/LinkButton.js +22 -2
- package/dist/emotion/es/components/Notification/index.js +1 -1
- package/dist/emotion/es/components/Slider/Slider.config.js +3 -5
- package/dist/styled-components/cjs/components/Button/Button.config.js +10 -0
- package/dist/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +10 -0
- package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.config.js +7 -0
- package/dist/styled-components/cjs/components/IconButton/IconButton.config.js +7 -0
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +10 -0
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.js +85 -6
- package/dist/styled-components/cjs/components/Notification/index.js +3 -0
- package/dist/styled-components/cjs/components/Slider/Slider.config.js +3 -5
- package/dist/styled-components/es/components/Button/Button.config.js +11 -1
- package/dist/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +11 -1
- package/dist/styled-components/es/components/EmbedIconButton/EmbedIconButton.config.js +8 -1
- package/dist/styled-components/es/components/IconButton/IconButton.config.js +8 -1
- package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +11 -1
- package/dist/styled-components/es/components/LinkButton/LinkButton.js +27 -2
- package/dist/styled-components/es/components/Notification/index.js +1 -1
- package/dist/styled-components/es/components/Slider/Slider.config.js +3 -5
- package/package.json +9 -9
- package/types/components/Button/Button.config.d.ts +1 -0
- package/types/components/Button/Button.d.ts +2 -0
- package/types/components/ButtonGroup/ButtonGroup.config.d.ts +1 -0
- package/types/components/ButtonGroup/ButtonGroup.d.ts +1 -0
- package/types/components/DatePicker/DatePicker.d.ts +4 -0
- package/types/components/Drawer/Drawer.d.ts +1 -0
- package/types/components/EmbedIconButton/EmbedIconButton.config.d.ts +1 -0
- package/types/components/EmbedIconButton/EmbedIconButton.d.ts +1 -0
- package/types/components/IconButton/IconButton.config.d.ts +1 -0
- package/types/components/IconButton/IconButton.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.config.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.d.ts +35 -3
- package/types/components/Notification/index.d.ts +1 -1
- package/types/components/Range/Range.d.ts +144 -0
- package/types/components/Tabs/TabItem.d.ts +4 -2
- package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
- package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.config.js","sources":["../../../../../src-css/components/LinkButton/LinkButton.config.ts"],"sourcesContent":["import { css, linkButtonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n bodyXXS,\n bodyXXSBold,\n surfaceAccent,\n surfaceClear,\n textAccent,\n textAccentActive,\n textAccentHover,\n textInfo,\n textInfoActive,\n textInfoHover,\n textNegative,\n textNegativeActive,\n textNegativeHover,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textWarning,\n textWarningActive,\n textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textPrimary};\n ${linkButtonTokens.linkButtonTextColor}: ${textPrimary};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textPrimaryHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textPrimaryActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textPrimaryHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textPrimaryActive};\n `,\n accent: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textAccent};\n ${linkButtonTokens.linkButtonTextColor}: ${textAccent};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textAccentHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textAccentActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textAccentHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textAccentActive};\n `,\n secondary: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textSecondary};\n ${linkButtonTokens.linkButtonTextColor}: ${textSecondary};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textSecondaryHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textSecondaryActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textSecondaryHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textSecondaryActive};\n `,\n positive: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textPositive};\n ${linkButtonTokens.linkButtonTextColor}: ${textPositive};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textPositiveHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textPositiveActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textPositiveHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textPositiveActive};\n `,\n warning: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textWarning};\n ${linkButtonTokens.linkButtonTextColor}: ${textWarning};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textWarningHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textWarningActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textWarningHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textWarningActive};\n `,\n negative: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textNegative};\n ${linkButtonTokens.linkButtonTextColor}: ${textNegative};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textNegativeHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textNegativeActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textNegativeHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textNegativeActive};\n `,\n info: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textInfo};\n ${linkButtonTokens.linkButtonTextColor}: ${textInfo};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textInfoHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textInfoActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textInfoHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textInfoActive};\n `,\n },\n size: {\n s: css`\n ${linkButtonTokens.linkButtonHeight}: 2.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.625rem;\n ${linkButtonTokens.linkButtonFontFamily}: ${bodyS.fontFamily};\n ${linkButtonTokens.linkButtonFontSize}: ${bodyS.fontSize};\n ${linkButtonTokens.linkButtonFontStyle}: ${bodyS.fontStyle};\n ${linkButtonTokens.linkButtonFontWeight}: ${bodySBold.fontWeight};\n ${linkButtonTokens.linkButtonLetterSpacing}: ${bodyS.letterSpacing};\n ${linkButtonTokens.linkButtonLineHeight}: ${bodyS.lineHeight};\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${linkButtonTokens.linkButtonHeight}: 2rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.5rem;\n ${linkButtonTokens.linkButtonFontFamily}: ${bodyXS.fontFamily};\n ${linkButtonTokens.linkButtonFontSize}: ${bodyXS.fontSize};\n ${linkButtonTokens.linkButtonFontStyle}: ${bodyXS.fontStyle};\n ${linkButtonTokens.linkButtonFontWeight}: ${bodyXSBold.fontWeight};\n ${linkButtonTokens.linkButtonLetterSpacing}: ${bodyXS.letterSpacing};\n ${linkButtonTokens.linkButtonLineHeight}: ${bodyXS.lineHeight};\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${linkButtonTokens.linkButtonHeight}: 1.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.375rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.375rem;\n ${linkButtonTokens.linkButtonFontFamily}: ${bodyXXS.fontFamily};\n ${linkButtonTokens.linkButtonFontSize}: ${bodyXXS.fontSize};\n ${linkButtonTokens.linkButtonFontStyle}: ${bodyXXS.fontStyle};\n ${linkButtonTokens.linkButtonFontWeight}: ${bodyXXSBold.fontWeight};\n ${linkButtonTokens.linkButtonLetterSpacing}: ${bodyXXS.letterSpacing};\n ${linkButtonTokens.linkButtonLineHeight}: ${bodyXXS.lineHeight};\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 0.75rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0.063rem 0.25rem 0.063rem 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0.063rem 0 0.063rem 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${linkButtonTokens.linkButtonDisabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","positive","warning","negative","info","s","xs","xxs","disabled","true"],"mappings":";;;;AAiCO,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,UASN;AACDC,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,SAAS,EAAA,UASR;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,IAAI,EAAA;KAUP;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA,SAkBD;AACDC,MAAAA,GAAG,EAAA;KAkBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"LinkButton.config.js","sources":["../../../../../src-css/components/LinkButton/LinkButton.config.ts"],"sourcesContent":["import { css, linkButtonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n bodyXXS,\n bodyXXSBold,\n surfaceAccent,\n surfaceClear,\n textAccent,\n textAccentActive,\n textAccentGradient,\n textAccentHover,\n textInfo,\n textInfoActive,\n textInfoHover,\n textNegative,\n textNegativeActive,\n textNegativeHover,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textWarning,\n textWarningActive,\n textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textPrimary};\n ${linkButtonTokens.linkButtonTextColor}: ${textPrimary};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textPrimaryHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textPrimaryActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textPrimaryHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textPrimaryActive};\n `,\n accent: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textAccent};\n ${linkButtonTokens.linkButtonTextColor}: ${textAccent};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textAccentHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textAccentActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textAccentHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textAccentActive};\n `,\n secondary: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textSecondary};\n ${linkButtonTokens.linkButtonTextColor}: ${textSecondary};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textSecondaryHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textSecondaryActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textSecondaryHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textSecondaryActive};\n `,\n positive: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textPositive};\n ${linkButtonTokens.linkButtonTextColor}: ${textPositive};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textPositiveHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textPositiveActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textPositiveHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textPositiveActive};\n `,\n warning: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textWarning};\n ${linkButtonTokens.linkButtonTextColor}: ${textWarning};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textWarningHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textWarningActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textWarningHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textWarningActive};\n `,\n negative: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textNegative};\n ${linkButtonTokens.linkButtonTextColor}: ${textNegative};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textNegativeHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textNegativeActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textNegativeHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textNegativeActive};\n `,\n info: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textInfo};\n ${linkButtonTokens.linkButtonTextColor}: ${textInfo};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textInfoHover};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textInfoActive};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textInfoHover};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textInfoActive};\n `,\n gradient: css`\n ${linkButtonTokens.linkButtonIconColor}: ${textAccentGradient};\n ${linkButtonTokens.linkButtonTextColor}: ${textAccentGradient};\n ${linkButtonTokens.linkButtonBackgroundColor}: ${surfaceClear};\n ${linkButtonTokens.linkButtonIconColorHover}: ${textAccentGradient};\n ${linkButtonTokens.linkButtonIconColorActive}: ${textAccentGradient};\n ${linkButtonTokens.linkButtonFocusColor}: ${surfaceAccent};\n ${linkButtonTokens.linkButtonTextColorHover}: ${textAccentGradient};\n ${linkButtonTokens.linkButtonTextColorActive}: ${textAccentGradient};\n `,\n },\n size: {\n s: css`\n ${linkButtonTokens.linkButtonHeight}: 2.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.625rem;\n ${linkButtonTokens.linkButtonFontFamily}: ${bodyS.fontFamily};\n ${linkButtonTokens.linkButtonFontSize}: ${bodyS.fontSize};\n ${linkButtonTokens.linkButtonFontStyle}: ${bodyS.fontStyle};\n ${linkButtonTokens.linkButtonFontWeight}: ${bodySBold.fontWeight};\n ${linkButtonTokens.linkButtonLetterSpacing}: ${bodyS.letterSpacing};\n ${linkButtonTokens.linkButtonLineHeight}: ${bodyS.lineHeight};\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${linkButtonTokens.linkButtonHeight}: 2rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.5rem;\n ${linkButtonTokens.linkButtonFontFamily}: ${bodyXS.fontFamily};\n ${linkButtonTokens.linkButtonFontSize}: ${bodyXS.fontSize};\n ${linkButtonTokens.linkButtonFontStyle}: ${bodyXS.fontStyle};\n ${linkButtonTokens.linkButtonFontWeight}: ${bodyXSBold.fontWeight};\n ${linkButtonTokens.linkButtonLetterSpacing}: ${bodyXS.letterSpacing};\n ${linkButtonTokens.linkButtonLineHeight}: ${bodyXS.lineHeight};\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${linkButtonTokens.linkButtonHeight}: 1.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.375rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.375rem;\n ${linkButtonTokens.linkButtonFontFamily}: ${bodyXXS.fontFamily};\n ${linkButtonTokens.linkButtonFontSize}: ${bodyXXS.fontSize};\n ${linkButtonTokens.linkButtonFontStyle}: ${bodyXXS.fontStyle};\n ${linkButtonTokens.linkButtonFontWeight}: ${bodyXXSBold.fontWeight};\n ${linkButtonTokens.linkButtonLetterSpacing}: ${bodyXXS.letterSpacing};\n ${linkButtonTokens.linkButtonLineHeight}: ${bodyXXS.lineHeight};\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 0.75rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0.063rem 0.25rem 0.063rem 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0.063rem 0 0.063rem 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${linkButtonTokens.linkButtonDisabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","positive","warning","negative","info","gradient","s","xs","xxs","disabled","true"],"mappings":";;;;AAkCO,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,UASN;AACDC,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,SAAS,EAAA,UASR;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,IAAI,EAAA,UASH;AACDC,MAAAA,QAAQ,EAAA;KAUX;AACDT,IAAAA,IAAI,EAAE;AACFU,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,EAAE,EAAA,SAkBD;AACDC,MAAAA,GAAG,EAAA;KAkBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -5,7 +5,8 @@
|
|
|
5
5
|
.wui1buo{--plasma-link-button-icon-color:var(--text-warning,#FF7024);--plasma-link-button-text-color:var(--text-warning,#FF7024);--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-link-button-icon-color-active:var(--text-warning-active,#FF5D05FF);--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-link-button-text-color-active:var(--text-warning-active,#FF5D05FF);}
|
|
6
6
|
.n122wi17{--plasma-link-button-icon-color:var(--text-negative,#FF3D51);--plasma-link-button-text-color:var(--text-negative,#FF3D51);--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-link-button-icon-color-active:var(--text-negative-active,#FF1F35FF);--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-link-button-text-color-active:var(--text-negative-active,#FF1F35FF);}
|
|
7
7
|
.i1re18w5{--plasma-link-button-icon-color:var(--text-info,#199AF0);--plasma-link-button-text-color:var(--text-info,#199AF0);--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-link-button-icon-color-active:var(--text-info-active,#0E8ADDFF);--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-link-button-text-color-active:var(--text-info-active,#0E8ADDFF);}
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.xgnc62y{--plasma-link-button-height:
|
|
11
|
-
.
|
|
8
|
+
.g1idaf1b{--plasma-link-button-icon-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-link-button-text-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-link-button-icon-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-link-button-text-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));}
|
|
9
|
+
.sbaq7s0{--plasma-link-button-height:2.5rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.625rem;--plasma-link-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
10
|
+
.xgnc62y{--plasma-link-button-height:2rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.5rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:1rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
11
|
+
.x13sr3kn{--plasma-link-button-height:1.5rem;--plasma-link-button-padding:0.375rem 0;--plasma-link-button-radius:0.375rem;--plasma-link-button-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xxs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-link-button-spinner-size:0.75rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-left-content-margin:0.063rem 0.25rem 0.063rem 0;--plasma-link-button-right-content-margin:0.063rem 0 0.063rem 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
12
|
+
.t1jqrt5d{--plasma-link-button-disabled-opacity:0.4;}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
1
|
+
.LinkButton_config_1k8mr42_d1nmslpw__fbe23316{--plasma-link-button-icon-color:var(--text-primary,#F2F5F8F5);--plasma-link-button-text-color:var(--text-primary,#F2F5F8F5);--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-link-button-icon-color-active:var(--text-primary-active,#F2F5F8C4);--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-link-button-text-color-active:var(--text-primary-active,#F2F5F8C4);}
|
|
2
|
+
.LinkButton_config_1k8mr42_anqu7ib__fbe23316{--plasma-link-button-icon-color:var(--text-accent,#199AF0);--plasma-link-button-text-color:var(--text-accent,#199AF0);--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-accent-hover,#66BCF5FF);--plasma-link-button-icon-color-active:var(--text-accent-active,#0E8ADDFF);--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-accent-hover,#66BCF5FF);--plasma-link-button-text-color-active:var(--text-accent-active,#0E8ADDFF);}
|
|
3
|
+
.LinkButton_config_1k8mr42_s1xit3mw__fbe23316{--plasma-link-button-icon-color:var(--text-secondary,#D5DFE69E);--plasma-link-button-text-color:var(--text-secondary,#D5DFE69E);--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-link-button-icon-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-link-button-text-color-active:var(--text-secondary-active,#D6DFE6BE);}
|
|
4
|
+
.LinkButton_config_1k8mr42_ppxj5rq__fbe23316{--plasma-link-button-icon-color:var(--text-positive,#24B23E);--plasma-link-button-text-color:var(--text-positive,#24B23E);--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-link-button-icon-color-active:var(--text-positive-active,#1F9835FF);--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-link-button-text-color-active:var(--text-positive-active,#1F9835FF);}
|
|
5
|
+
.LinkButton_config_1k8mr42_wui1buo__fbe23316{--plasma-link-button-icon-color:var(--text-warning,#FF7024);--plasma-link-button-text-color:var(--text-warning,#FF7024);--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-link-button-icon-color-active:var(--text-warning-active,#FF5D05FF);--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-link-button-text-color-active:var(--text-warning-active,#FF5D05FF);}
|
|
6
|
+
.LinkButton_config_1k8mr42_n122wi17__fbe23316{--plasma-link-button-icon-color:var(--text-negative,#FF3D51);--plasma-link-button-text-color:var(--text-negative,#FF3D51);--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-link-button-icon-color-active:var(--text-negative-active,#FF1F35FF);--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-link-button-text-color-active:var(--text-negative-active,#FF1F35FF);}
|
|
7
|
+
.LinkButton_config_1k8mr42_i1re18w5__fbe23316{--plasma-link-button-icon-color:var(--text-info,#199AF0);--plasma-link-button-text-color:var(--text-info,#199AF0);--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-link-button-icon-color-active:var(--text-info-active,#0E8ADDFF);--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-link-button-text-color-active:var(--text-info-active,#0E8ADDFF);}
|
|
8
|
+
.LinkButton_config_1k8mr42_g1idaf1b__fbe23316{--plasma-link-button-icon-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-link-button-text-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-link-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-link-button-icon-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-link-button-icon-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-link-button-focus-color:var(--surface-accent,#199AF0);--plasma-link-button-text-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-link-button-text-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));}
|
|
9
|
+
.LinkButton_config_1k8mr42_sbaq7s0__fbe23316{--plasma-link-button-height:2.5rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.625rem;--plasma-link-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
10
|
+
.LinkButton_config_1k8mr42_xgnc62y__fbe23316{--plasma-link-button-height:2rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.5rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:1rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
11
|
+
.LinkButton_config_1k8mr42_x13sr3kn__fbe23316{--plasma-link-button-height:1.5rem;--plasma-link-button-padding:0.375rem 0;--plasma-link-button-radius:0.375rem;--plasma-link-button-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xxs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-link-button-spinner-size:0.75rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-left-content-margin:0.063rem 0.25rem 0.063rem 0;--plasma-link-button-right-content-margin:0.063rem 0 0.063rem 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
12
|
+
.LinkButton_config_1k8mr42_t1jqrt5d__fbe23316{--plasma-link-button-disabled-opacity:0.4;}
|
|
@@ -2,11 +2,37 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var styled = require('styled-components');
|
|
5
8
|
var css = require('@salutejs/plasma-new-hope/css');
|
|
6
9
|
var LinkButton_config = require('./LinkButton.config.js');
|
|
7
10
|
|
|
11
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
14
|
+
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
15
|
+
|
|
16
|
+
var _excluded = ["view"];
|
|
17
|
+
var _templateObject;
|
|
8
18
|
var mergedConfig = /*#__PURE__*/css.mergeConfig(css.linkButtonConfig, LinkButton_config.config);
|
|
9
|
-
var
|
|
19
|
+
var LinkButtonComponent = /*#__PURE__*/css.component(mergedConfig);
|
|
20
|
+
var GradientLinkButton = /*#__PURE__*/styled__default.default(LinkButtonComponent)(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n & .sdds-core-text-node {\n background: var(", ");\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n &:hover .sdds-core-text-node {\n background: var(", ");\n background-clip: text;\n -webkit-background-clip: text;\n }\n\n &:active .sdds-core-text-node {\n background: var(", ");\n background-clip: text;\n -webkit-background-clip: text;\n }\n"])), css.linkButtonTokens.linkButtonTextColor, css.linkButtonTokens.linkButtonTextColor, css.linkButtonTokens.linkButtonTextColor);
|
|
21
|
+
var LinkButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
22
|
+
var view = _ref.view,
|
|
23
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
24
|
+
if (view === 'gradient') {
|
|
25
|
+
return /*#__PURE__*/React__default.default.createElement(GradientLinkButton, _rollupPluginBabelHelpers.extends({
|
|
26
|
+
ref: ref,
|
|
27
|
+
view: view
|
|
28
|
+
}, rest));
|
|
29
|
+
}
|
|
30
|
+
return /*#__PURE__*/React__default.default.createElement(LinkButtonComponent, _rollupPluginBabelHelpers.extends({
|
|
31
|
+
ref: ref,
|
|
32
|
+
view: view
|
|
33
|
+
}, rest));
|
|
34
|
+
});
|
|
10
35
|
|
|
36
|
+
exports.GradientLinkButton = GradientLinkButton;
|
|
11
37
|
exports.LinkButton = LinkButton;
|
|
12
38
|
//# sourceMappingURL=LinkButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.js","sources":["../../../../../src-css/components/LinkButton/LinkButton.
|
|
1
|
+
{"version":3,"file":"LinkButton.js","sources":["../../../../../src-css/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef } from 'react';\nimport styled from 'styled-components';\nimport {\n component,\n mergeConfig,\n linkButtonConfig,\n linkButtonTokens,\n} from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './LinkButton.config';\n\nconst mergedConfig = mergeConfig(linkButtonConfig, config);\n\nconst LinkButtonComponent = component(mergedConfig);\n\ntype LinkButtonComponentProps = ComponentProps<typeof LinkButtonComponent>;\n\nexport const GradientLinkButton = styled(LinkButtonComponent)`\n & .sdds-core-text-node {\n background: var(${linkButtonTokens.linkButtonTextColor});\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n &:hover .sdds-core-text-node {\n background: var(${linkButtonTokens.linkButtonTextColor});\n background-clip: text;\n -webkit-background-clip: text;\n }\n\n &:active .sdds-core-text-node {\n background: var(${linkButtonTokens.linkButtonTextColor});\n background-clip: text;\n -webkit-background-clip: text;\n }\n`;\n\nexport const LinkButton = forwardRef<HTMLAnchorElement, LinkButtonComponentProps>(({ view, ...rest }, ref) => {\n if (view === 'gradient') {\n return <GradientLinkButton ref={ref} view={view} {...rest} />;\n }\n\n return <LinkButtonComponent ref={ref} view={view} {...rest} />;\n});\n"],"names":["mergedConfig","mergeConfig","linkButtonConfig","config","LinkButtonComponent","component","GradientLinkButton","styled","_templateObject","_taggedTemplateLiteral","linkButtonTokens","linkButtonTextColor","LinkButton","forwardRef","_ref","ref","view","rest","_objectWithoutProperties","_excluded","React","createElement","_extends"],"mappings":";;;;;;;;;;;;;;;;;AAWA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,oBAAgB,EAAEC,wBAAM,CAAC;AAE1D,IAAMC,mBAAmB,gBAAGC,aAAS,CAACL,YAAY,CAAC;AAI5C,IAAMM,kBAAkB,gBAAGC,uBAAM,CAACH,mBAAmB,CAAC,CAAAI,eAAA,KAAAA,eAAA,gBAAAC,+CAAA,CAAA,CAAA,0DAAA,EAAA,kMAAA,EAAA,oJAAA,EAAA,qFAAA,CAAA,CAAA,CAAA,EAEnCC,oBAAgB,CAACC,mBAAmB,EAOpCD,oBAAgB,CAACC,mBAAmB,EAMpCD,oBAAgB,CAACC,mBAAmB;AAMvD,IAAMC,UAAU,gBAAGC,gBAAU,CAA8C,UAAAC,IAAA,EAAoBC,GAAG,EAAK;AAAA,EAAA,IAAzBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;EAC9F,IAAIH,IAAI,KAAK,UAAU,EAAE;AACrB,IAAA,oBAAOI,sBAAA,CAAAC,aAAA,CAACf,kBAAkB,EAAAgB,iCAAA,CAAA;AAACP,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,IAAI,EAAEA;KAAK,EAAKC,IAAI,CAAG,CAAC;AACjE,EAAA;AAEA,EAAA,oBAAOG,sBAAA,CAAAC,aAAA,CAACjB,mBAAmB,EAAAkB,iCAAA,CAAA;AAACP,IAAAA,GAAG,EAAEA,GAAI;AAACC,IAAAA,IAAI,EAAEA;GAAK,EAAKC,IAAI,CAAG,CAAC;AAClE,CAAC;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.config.js","sources":["../../../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n onLightSurfaceSolidCard,\n outlineSolidTertiary,\n surfaceAccent,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentPrimary,\n surfaceTransparentPrimaryHover,\n surfaceTransparentSecondary,\n textAccent,\n textPrimary,\n textSecondary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n pointerSize: 'small',\n tickType: 'bullet',\n },\n variations: {\n view: {\n default: css`\n ${sliderTokens.labelColor}: ${textPrimary};\n\n ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n ${sliderTokens.thumbBorderColor}: ${outlineSolidTertiary};\n ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n ${sliderTokens.thumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n ${sliderTokens.fillColor}: ${surfaceSolidDefault};\n\n ${sliderTokens.tickDotColor}: ${surfaceSolidTertiary};\n ${sliderTokens.tickDotFilledColor}: ${surfaceSolidDefault};\n\n ${sliderTokens.textFieldCaretColor}: ${textAccent};\n ${sliderTokens.textFieldColor}: ${textPrimary};\n ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n `,\n accent: css`\n ${sliderTokens.labelColor}: ${textPrimary};\n\n ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n ${sliderTokens.thumbBorderColor}: ${outlineSolidTertiary};\n ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n ${sliderTokens.thumbFocusBorderColor}: ${surfaceAccent};\n\n ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n ${sliderTokens.fillColor}: ${surfaceAccent};\n\n ${sliderTokens.tickDotColor}: ${surfaceSolidTertiary};\n ${sliderTokens.tickDotFilledColor}: ${surfaceAccent};\n\n ${sliderTokens.textFieldCaretColor}: ${textAccent};\n ${sliderTokens.textFieldColor}: ${textPrimary};\n ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n `,\n },\n size: {\n l: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 1rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyL.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyL.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyL.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyL.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.875rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.75rem;\n\n ${sliderTokens.valueFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.valueFontSize}: ${bodyM.fontSize};\n ${sliderTokens.valueFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.valueFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.valueLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.valueLineHeight}: ${bodyM.lineHeight};\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3.5rem;\n ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyL.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyL.lineHeight};\n `,\n m: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.75rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyM.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.75rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.625rem;\n\n ${sliderTokens.valueFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.valueFontSize}: ${bodyS.fontSize};\n ${sliderTokens.valueFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.valueFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.valueLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.valueLineHeight}: ${bodyS.lineHeight};\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3rem;\n ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyM.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyM.lineHeight};\n `,\n s: css`\n ${sliderTokens.size}: 1rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyS.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.625rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.625rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;\n\n ${sliderTokens.valueFontFamily}: ${bodyXS.fontFamily};\n ${sliderTokens.valueFontSize}: ${bodyXS.fontSize};\n ${sliderTokens.valueFontStyle}: ${bodyXS.fontStyle};\n ${sliderTokens.valueFontWeight}: ${bodyXS.fontWeight};\n ${sliderTokens.valueLetterSpacing}: ${bodyXS.letterSpacing};\n ${sliderTokens.valueLineHeight}: ${bodyXS.lineHeight};\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 2.5rem;\n ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyS.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyS.lineHeight};\n `,\n },\n pointerSize: {\n small: css`\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbBorderStyle}: solid;\n ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n large: css`\n ${sliderTokens.thumbSize}: 1.25rem;\n ${sliderTokens.thumbBorderStyle}: solid;\n ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 1rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n none: css`\n ${sliderTokens.thumbSize}: 0rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${sliderTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","pointerSize","tickType","variations","default","accent","l","m","s","small","large","none","disabled","true"],"mappings":";;;;AAmBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAAO,SAwBN;AACDC,MAAAA,MAAM,EAAA;KAyBT;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,UAiDA;AACDC,MAAAA,CAAC,EAAA,SAiDA;AACDC,MAAAA,CAAC,EAAA;KAkDJ;AACDP,IAAAA,WAAW,EAAE;AACTQ,MAAAA,KAAK,EAAA,SAQJ;AACDC,MAAAA,KAAK,EAAA,SAQJ;AACDC,MAAAA,IAAI,EAAA;KAOP;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Slider.config.js","sources":["../../../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n onLightSurfaceSolidCard,\n outlineSolidTertiary,\n surfaceAccent,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentPrimary,\n surfaceTransparentPrimaryHover,\n surfaceTransparentSecondary,\n textAccent,\n textPrimary,\n textSecondary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n pointerSize: 'small',\n tickType: 'bullet',\n },\n variations: {\n view: {\n default: css`\n ${sliderTokens.labelColor}: ${textPrimary};\n\n ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n ${sliderTokens.thumbBorderColor}: ${outlineSolidTertiary};\n ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n ${sliderTokens.thumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n ${sliderTokens.fillColor}: ${surfaceSolidDefault};\n\n ${sliderTokens.tickDotColor}: ${surfaceSolidTertiary};\n ${sliderTokens.tickDotFilledColor}: ${surfaceSolidDefault};\n\n ${sliderTokens.textFieldCaretColor}: ${textAccent};\n ${sliderTokens.textFieldColor}: ${textPrimary};\n ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n `,\n accent: css`\n ${sliderTokens.labelColor}: ${textPrimary};\n\n ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n ${sliderTokens.thumbBorderColor}: ${outlineSolidTertiary};\n ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n ${sliderTokens.thumbFocusBorderColor}: ${surfaceAccent};\n\n ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n ${sliderTokens.fillColor}: ${surfaceAccent};\n\n ${sliderTokens.tickDotColor}: ${surfaceSolidTertiary};\n ${sliderTokens.tickDotFilledColor}: ${surfaceAccent};\n\n ${sliderTokens.textFieldCaretColor}: ${textAccent};\n ${sliderTokens.textFieldColor}: ${textPrimary};\n ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n `,\n },\n size: {\n l: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 1rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyL.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyL.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyL.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyL.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.875rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.75rem;\n\n ${sliderTokens.valueFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.valueFontSize}: ${bodyM.fontSize};\n ${sliderTokens.valueFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.valueFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.valueLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.valueLineHeight}: ${bodyM.lineHeight};\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3.5rem;\n ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyL.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyL.lineHeight};\n `,\n m: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.75rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyM.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.75rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.625rem;\n\n ${sliderTokens.valueFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.valueFontSize}: ${bodyS.fontSize};\n ${sliderTokens.valueFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.valueFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.valueLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.valueLineHeight}: ${bodyS.lineHeight};\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3rem;\n ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyM.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyM.lineHeight};\n `,\n s: css`\n ${sliderTokens.size}: 1rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyS.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.625rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.625rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;\n\n ${sliderTokens.valueFontFamily}: ${bodyXS.fontFamily};\n ${sliderTokens.valueFontSize}: ${bodyXS.fontSize};\n ${sliderTokens.valueFontStyle}: ${bodyXS.fontStyle};\n ${sliderTokens.valueFontWeight}: ${bodyXS.fontWeight};\n ${sliderTokens.valueLetterSpacing}: ${bodyXS.letterSpacing};\n ${sliderTokens.valueLineHeight}: ${bodyXS.lineHeight};\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 2.5rem;\n ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyS.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyS.lineHeight};\n `,\n },\n pointerSize: {\n small: css`\n ${sliderTokens.thumbWidth}: 1rem;\n ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n large: css`\n ${sliderTokens.thumbWidth}: 1.25rem;\n ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 1rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n none: css`\n ${sliderTokens.thumbWidth}: 0rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${sliderTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","pointerSize","tickType","variations","default","accent","l","m","s","small","large","none","disabled","true"],"mappings":";;;;AAmBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAAO,SAwBN;AACDC,MAAAA,MAAM,EAAA;KAyBT;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,UAiDA;AACDC,MAAAA,CAAC,EAAA,SAiDA;AACDC,MAAAA,CAAC,EAAA;KAkDJ;AACDP,IAAAA,WAAW,EAAE;AACTQ,MAAAA,KAAK,EAAA,SAOJ;AACDC,MAAAA,KAAK,EAAA,SAOJ;AACDC,MAAAA,IAAI,EAAA;KAOP;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
package/dist/css/cjs/components/Slider/{Slider.config_czw5fa.css → Slider.config_1bu7g7m.css}
RENAMED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
.l15uwhki{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:1rem;--plasma-slider-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.875rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.75rem;--plasma-slider-value-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.625rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3.5rem;--plasma-slider-text-field-padding:1.25rem 1rem 1.25rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-l-line-height);}
|
|
4
4
|
.mlm3h8c{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.75rem;--plasma-slider-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.75rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.625rem;--plasma-slider-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.75rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3rem;--plasma-slider-text-field-padding:0.875rem 1rem 0.875rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-m-line-height);}
|
|
5
5
|
.sog9szd{--plasma-slider-size:1rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.625rem;--plasma-slider-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-range-value-horizontal-margin:0.5rem;--plasma-slider-range-value-bottom-offset:0.625rem;--plasma-slider-range-value-horizontal-offset:0.625rem;--plasma-slider-range-value-vertical-margin:0.5rem;--plasma-slider-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.25rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:2.5rem;--plasma-slider-text-field-padding:0.5rem 1rem 0.5rem 1rem;--plasma-slider-text-field-border-radius:0.625rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-s-line-height);}
|
|
6
|
-
.shhrpp3{--plasma-slider-thumb-
|
|
7
|
-
.lugcj18{--plasma-slider-thumb-
|
|
8
|
-
.nttsb93{--plasma-slider-thumb-
|
|
6
|
+
.shhrpp3{--plasma-slider-thumb-width:1rem;--plasma-slider-thumb-border-width:0.0625rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:0.5rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
7
|
+
.lugcj18{--plasma-slider-thumb-width:1.25rem;--plasma-slider-thumb-border-width:0.0625rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:1rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
8
|
+
.nttsb93{--plasma-slider-thumb-width:0rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:0.5rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
9
9
|
.te87g56{--plasma-slider-disabled-opacity:0.4;}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
1
|
+
.Slider_config_1bu7g7m_d6l4g7t__3d9f7bcf{--plasma-slider-label-color:var(--text-primary,#F2F5F8F5);--plasma-slider-range-value-color:var(--text-secondary,#D5DFE69E);--plasma-slider-thumb-border-color:var(--outline-solid-tertiary,#657179);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card,#FFFFFFFF);--plasma-slider-thumb-focus-border-color:var(--surface-solid-default,#F7F9FB);--plasma-slider-rail-background-color:var(--surface-solid-tertiary,#30373C);--plasma-slider-fill-color:var(--surface-solid-default,#F7F9FB);--plasma-slider-tick-dot-color:var(--surface-solid-tertiary,#30373C);--plasma-slider-tick-dot-filled-color:var(--surface-solid-default,#F7F9FB);--plasma-slider-text-field-caret-color:var(--text-accent,#199AF0);--plasma-slider-text-field-color:var(--text-primary,#F2F5F8F5);--plasma-slider-text-field-focus-color:var(--text-primary,#F2F5F8F5);--plasma-slider-text-field-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-slider-text-field-background-color:var(--surface-transparent-primary,#FFFFFF0F);--plasma-slider-text-field-background-color-hover:var(--surface-transparent-primary-hover,#FFFFFF1F);--plasma-slider-text-field-background-color-focus:var(--surface-transparent-secondary,#D5DFE624);}
|
|
2
|
+
.Slider_config_1bu7g7m_arixt6__3d9f7bcf{--plasma-slider-label-color:var(--text-primary,#F2F5F8F5);--plasma-slider-range-value-color:var(--text-secondary,#D5DFE69E);--plasma-slider-thumb-border-color:var(--outline-solid-tertiary,#657179);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card,#FFFFFFFF);--plasma-slider-thumb-focus-border-color:var(--surface-accent,#199AF0);--plasma-slider-rail-background-color:var(--surface-solid-tertiary,#30373C);--plasma-slider-fill-color:var(--surface-accent,#199AF0);--plasma-slider-tick-dot-color:var(--surface-solid-tertiary,#30373C);--plasma-slider-tick-dot-filled-color:var(--surface-accent,#199AF0);--plasma-slider-text-field-caret-color:var(--text-accent,#199AF0);--plasma-slider-text-field-color:var(--text-primary,#F2F5F8F5);--plasma-slider-text-field-focus-color:var(--text-primary,#F2F5F8F5);--plasma-slider-text-field-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-slider-text-field-background-color:var(--surface-transparent-primary,#FFFFFF0F);--plasma-slider-text-field-background-color-hover:var(--surface-transparent-primary-hover,#FFFFFF1F);--plasma-slider-text-field-background-color-focus:var(--surface-transparent-secondary,#D5DFE624);}
|
|
3
|
+
.Slider_config_1bu7g7m_l15uwhki__3d9f7bcf{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:1rem;--plasma-slider-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.875rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.75rem;--plasma-slider-value-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.625rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3.5rem;--plasma-slider-text-field-padding:1.25rem 1rem 1.25rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-l-line-height);}
|
|
4
|
+
.Slider_config_1bu7g7m_mlm3h8c__3d9f7bcf{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.75rem;--plasma-slider-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.75rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.625rem;--plasma-slider-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.75rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3rem;--plasma-slider-text-field-padding:0.875rem 1rem 0.875rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-m-line-height);}
|
|
5
|
+
.Slider_config_1bu7g7m_sog9szd__3d9f7bcf{--plasma-slider-size:1rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.625rem;--plasma-slider-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-range-value-horizontal-margin:0.5rem;--plasma-slider-range-value-bottom-offset:0.625rem;--plasma-slider-range-value-horizontal-offset:0.625rem;--plasma-slider-range-value-vertical-margin:0.5rem;--plasma-slider-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.25rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:2.5rem;--plasma-slider-text-field-padding:0.5rem 1rem 0.5rem 1rem;--plasma-slider-text-field-border-radius:0.625rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-s-line-height);}
|
|
6
|
+
.Slider_config_1bu7g7m_shhrpp3__3d9f7bcf{--plasma-slider-thumb-width:1rem;--plasma-slider-thumb-border-width:0.0625rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:0.5rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
7
|
+
.Slider_config_1bu7g7m_lugcj18__3d9f7bcf{--plasma-slider-thumb-width:1.25rem;--plasma-slider-thumb-border-width:0.0625rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:1rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
8
|
+
.Slider_config_1bu7g7m_nttsb93__3d9f7bcf{--plasma-slider-thumb-width:0rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:0.5rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
9
|
+
.Slider_config_1bu7g7m_te87g56__3d9f7bcf{--plasma-slider-disabled-opacity:0.4;}
|