@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":"IconButton.config.js","sources":["../../../../../src-css/components/IconButton/IconButton.config.ts"],"sourcesContent":["import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextPrimaryActive,\n inverseTextPrimaryHover,\n onDarkSurfaceSolidDefault,\n onDarkTextPrimary,\n onDarkTextPrimaryActive,\n onDarkTextPrimaryHover,\n onLightSurfaceSolidDefault,\n onLightSurfaceTransparentDeep,\n onLightTextPrimary,\n onLightTextPrimaryActive,\n onLightTextPrimaryHover,\n surfaceAccent,\n surfaceAccentActive,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeActive,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveActive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningActive,\n surfaceWarningHover,\n textPrimary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${iconButtonTokens.iconButtonColor}: ${inverseTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceSolidDefault};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: ${inverseTextPrimaryHover};\n ${iconButtonTokens.iconButtonColorActive}: ${inverseTextPrimaryActive};\n `,\n accent: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceAccent};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceAccentHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceAccentActive};\n `,\n secondary: css`\n ${iconButtonTokens.iconButtonColor}: ${textPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceTransparentSecondary};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n clear: css`\n ${iconButtonTokens.iconButtonColor}: ${textPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceClear};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n positive: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfacePositive};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfacePositiveHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfacePositiveActive};\n `,\n warning: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceWarning};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceWarningHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceWarningActive};\n `,\n negative: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceNegative};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceNegativeHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceNegativeActive};\n `,\n dark: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: ${onDarkTextPrimaryHover};\n ${iconButtonTokens.iconButtonColorActive}: ${onDarkTextPrimaryActive};\n `,\n black: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${onLightSurfaceSolidDefault};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: ${onDarkTextPrimaryHover};\n ${iconButtonTokens.iconButtonColorActive}: ${onDarkTextPrimaryActive};\n `,\n white: css`\n ${iconButtonTokens.iconButtonColor}: ${onLightTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: ${onLightTextPrimaryHover};\n ${iconButtonTokens.iconButtonColorActive}: ${onLightTextPrimaryActive};\n `,\n },\n size: {\n s: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1rem;\n ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n ${iconButtonTokens.iconButtonFontFamily}: ${bodyS.fontFamily};\n ${iconButtonTokens.iconButtonFontSize}: ${bodyS.fontSize};\n ${iconButtonTokens.iconButtonFontStyle}: ${bodyS.fontStyle};\n ${iconButtonTokens.iconButtonFontWeight}: ${bodySBold.fontWeight};\n ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyS.letterSpacing};\n ${iconButtonTokens.iconButtonLineHeight}: ${bodyS.lineHeight};\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xs: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonPadding}: 0.75rem;\n ${iconButtonTokens.iconButtonRadius}: 0.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};\n ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};\n ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};\n ${iconButtonTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};\n ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};\n ${iconButtonTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xxs: css`\n ${iconButtonTokens.iconButtonHeight}: 1.5rem;\n ${iconButtonTokens.iconButtonWidth}: 1.5rem;\n ${iconButtonTokens.iconButtonPadding}: 0.5rem;\n ${iconButtonTokens.iconButtonRadius}: 0.375rem;\n ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};\n ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};\n ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};\n ${iconButtonTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};\n ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};\n ${iconButtonTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 0.625rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n },\n disabled: {\n true: css`\n ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${iconButtonTokens.iconButtonFocusColor}: ${surfaceAccent};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","s","xs","xxs","disabled","true"],"mappings":"AAsCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAMN;AACDC,MAAAA,MAAM,EAAA,SAML;AACDC,MAAAA,SAAS,EAAA,SAMR;AACDC,MAAAA,KAAK,EAAA,UAMJ;AACDC,MAAAA,QAAQ,EAAA,SAMP;AACDC,MAAAA,OAAO,EAAA,UAMN;AACDC,MAAAA,QAAQ,EAAA,SAMP;AACDC,MAAAA,IAAI,EAAA,UAMH;AACDC,MAAAA,KAAK,EAAA,UAMJ;AACDC,MAAAA,KAAK,EAAA;KAOR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,EAAE,EAAA,UAcD;AACDC,MAAAA,GAAG,EAAA;KAeN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDjB,IAAAA,OAAO,EAAE;MACLiB,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"IconButton.config.js","sources":["../../../../../src-css/components/IconButton/IconButton.config.ts"],"sourcesContent":["import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextPrimaryActive,\n inverseTextPrimaryHover,\n onDarkSurfaceSolidDefault,\n onDarkTextPrimary,\n onDarkTextPrimaryActive,\n onDarkTextPrimaryHover,\n onLightSurfaceSolidDefault,\n onLightSurfaceTransparentDeep,\n onLightTextPrimary,\n onLightTextPrimaryActive,\n onLightTextPrimaryHover,\n surfaceAccent,\n surfaceAccentActive,\n surfaceAccentGradient,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeActive,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveActive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningActive,\n surfaceWarningHover,\n textPrimary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${iconButtonTokens.iconButtonColor}: ${inverseTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceSolidDefault};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: ${inverseTextPrimaryHover};\n ${iconButtonTokens.iconButtonColorActive}: ${inverseTextPrimaryActive};\n `,\n accent: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceAccent};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceAccentHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceAccentActive};\n `,\n secondary: css`\n ${iconButtonTokens.iconButtonColor}: ${textPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceTransparentSecondary};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n clear: css`\n ${iconButtonTokens.iconButtonColor}: ${textPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceClear};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n positive: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfacePositive};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfacePositiveHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfacePositiveActive};\n `,\n warning: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceWarning};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceWarningHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceWarningActive};\n `,\n negative: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceNegative};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceNegativeHover};\n ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceNegativeActive};\n `,\n dark: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: ${onDarkTextPrimaryHover};\n ${iconButtonTokens.iconButtonColorActive}: ${onDarkTextPrimaryActive};\n `,\n black: css`\n ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${onLightSurfaceSolidDefault};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: ${onDarkTextPrimaryHover};\n ${iconButtonTokens.iconButtonColorActive}: ${onDarkTextPrimaryActive};\n `,\n white: css`\n ${iconButtonTokens.iconButtonColor}: ${onLightTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: ${onLightTextPrimaryHover};\n ${iconButtonTokens.iconButtonColorActive}: ${onLightTextPrimaryActive};\n `,\n gradient: css`\n ${iconButtonTokens.iconButtonColor}: ${onLightTextPrimary};\n ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceAccentGradient};\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: ${onLightTextPrimaryHover};\n ${iconButtonTokens.iconButtonColorActive}: ${onLightTextPrimaryActive};\n `,\n },\n size: {\n s: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1rem;\n ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n ${iconButtonTokens.iconButtonFontFamily}: ${bodyS.fontFamily};\n ${iconButtonTokens.iconButtonFontSize}: ${bodyS.fontSize};\n ${iconButtonTokens.iconButtonFontStyle}: ${bodyS.fontStyle};\n ${iconButtonTokens.iconButtonFontWeight}: ${bodySBold.fontWeight};\n ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyS.letterSpacing};\n ${iconButtonTokens.iconButtonLineHeight}: ${bodyS.lineHeight};\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xs: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonPadding}: 0.75rem;\n ${iconButtonTokens.iconButtonRadius}: 0.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};\n ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};\n ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};\n ${iconButtonTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};\n ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};\n ${iconButtonTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xxs: css`\n ${iconButtonTokens.iconButtonHeight}: 1.5rem;\n ${iconButtonTokens.iconButtonWidth}: 1.5rem;\n ${iconButtonTokens.iconButtonPadding}: 0.5rem;\n ${iconButtonTokens.iconButtonRadius}: 0.375rem;\n ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};\n ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};\n ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};\n ${iconButtonTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};\n ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};\n ${iconButtonTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 0.625rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n },\n disabled: {\n true: css`\n ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${iconButtonTokens.iconButtonFocusColor}: ${surfaceAccent};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","gradient","s","xs","xxs","disabled","true"],"mappings":"AAuCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAMN;AACDC,MAAAA,MAAM,EAAA,SAML;AACDC,MAAAA,SAAS,EAAA,SAMR;AACDC,MAAAA,KAAK,EAAA,UAMJ;AACDC,MAAAA,QAAQ,EAAA,SAMP;AACDC,MAAAA,OAAO,EAAA,UAMN;AACDC,MAAAA,QAAQ,EAAA,SAMP;AACDC,MAAAA,IAAI,EAAA,UAMH;AACDC,MAAAA,KAAK,EAAA,UAMJ;AACDC,MAAAA,KAAK,EAAA,UAMJ;AACDC,MAAAA,QAAQ,EAAA;KAOX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,EAAE,EAAA,SAcD;AACDC,MAAAA,GAAG,EAAA;KAeN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDlB,IAAAA,OAAO,EAAE;MACLkB,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -8,8 +8,9 @@
|
|
|
8
8
|
.d11wn1rp{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-icon-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);}
|
|
9
9
|
.b1b6yic8{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--on-light-surface-solid-default,#060A0C);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-icon-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);}
|
|
10
10
|
.w1bgiggf{--plasma-icon-button-color:var(--on-light-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--on-light-text-primary-active,#13181BC4);}
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.xf24ef4{--plasma-icon-button-height:
|
|
14
|
-
.
|
|
15
|
-
.t1gtjmmp{--plasma-icon-button-
|
|
11
|
+
.g1dxcd0l{--plasma-icon-button-color:var(--on-light-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--on-light-text-primary-active,#13181BC4);}
|
|
12
|
+
.s1dmlkwi{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
|
|
13
|
+
.xf24ef4{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
|
|
14
|
+
.xc2xiyr{--plasma-icon-button-height:1.5rem;--plasma-icon-button-width:1.5rem;--plasma-icon-button-padding:0.5rem;--plasma-icon-button-radius:0.375rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:0.625rem;--plasma-icon-button-spinner-color:inherit;}
|
|
15
|
+
.t1gtjmmp{--plasma-icon-button-disabled-opacity:0.4;}
|
|
16
|
+
.t1sas78d{--plasma-icon-button-focus-color:var(--surface-accent,#199AF0);}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
1
|
+
.IconButton_config_edu4ku_d18ihzhr__076d99f2{--plasma-icon-button-color:var(--inverse-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--surface-solid-default,#F7F9FB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--inverse-text-primary-active,#13181BC4);}
|
|
2
|
+
.IconButton_config_edu4ku_asnn66s__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-accent,#199AF0);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover,#36A7F2FF);--plasma-icon-button-background-color-active:var(--surface-accent-active,#0F96F0FF);}
|
|
3
|
+
.IconButton_config_edu4ku_sxdpxpi__076d99f2{--plasma-icon-button-color:var(--text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-transparent-secondary,#D5DFE624);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
|
|
4
|
+
.IconButton_config_edu4ku_c1gkv8om__076d99f2{--plasma-icon-button-color:var(--text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
|
|
5
|
+
.IconButton_config_edu4ku_pvlui54__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-positive,#1A9E32);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-positive-hover,#1DAF37FF);--plasma-icon-button-background-color-active:var(--surface-positive-active,#18952FFF);}
|
|
6
|
+
.IconButton_config_edu4ku_w1h4he2a__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-warning,#FA5F05);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-warning-hover,#FB7223FF);--plasma-icon-button-background-color-active:var(--surface-warning-active,#F05B05FF);}
|
|
7
|
+
.IconButton_config_edu4ku_nrva8ns__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-negative,#FF293E);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-negative-hover,#FF475AFF);--plasma-icon-button-background-color-active:var(--surface-negative-active,#FF1F35FF);}
|
|
8
|
+
.IconButton_config_edu4ku_d11wn1rp__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-icon-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);}
|
|
9
|
+
.IconButton_config_edu4ku_b1b6yic8__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--on-light-surface-solid-default,#060A0C);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-icon-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);}
|
|
10
|
+
.IconButton_config_edu4ku_w1bgiggf__076d99f2{--plasma-icon-button-color:var(--on-light-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--on-light-text-primary-active,#13181BC4);}
|
|
11
|
+
.IconButton_config_edu4ku_g1dxcd0l__076d99f2{--plasma-icon-button-color:var(--on-light-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--on-light-text-primary-active,#13181BC4);}
|
|
12
|
+
.IconButton_config_edu4ku_s1dmlkwi__076d99f2{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
|
|
13
|
+
.IconButton_config_edu4ku_xf24ef4__076d99f2{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
|
|
14
|
+
.IconButton_config_edu4ku_xc2xiyr__076d99f2{--plasma-icon-button-height:1.5rem;--plasma-icon-button-width:1.5rem;--plasma-icon-button-padding:0.5rem;--plasma-icon-button-radius:0.375rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:0.625rem;--plasma-icon-button-spinner-color:inherit;}
|
|
15
|
+
.IconButton_config_edu4ku_t1gtjmmp__076d99f2{--plasma-icon-button-disabled-opacity:0.4;}
|
|
16
|
+
.IconButton_config_edu4ku_t1sas78d__076d99f2{--plasma-icon-button-focus-color:var(--surface-accent,#199AF0);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './LinkButton.
|
|
1
|
+
import './LinkButton.config_1k8mr42.css';
|
|
2
2
|
var config = {
|
|
3
3
|
defaults: {
|
|
4
4
|
view: 'default',
|
|
@@ -12,15 +12,16 @@ var config = {
|
|
|
12
12
|
positive: "ppxj5rq",
|
|
13
13
|
warning: "wui1buo",
|
|
14
14
|
negative: "n122wi17",
|
|
15
|
-
info: "i1re18w5"
|
|
15
|
+
info: "i1re18w5",
|
|
16
|
+
gradient: "g1idaf1b"
|
|
16
17
|
},
|
|
17
18
|
size: {
|
|
18
|
-
s: "
|
|
19
|
-
xs: "
|
|
20
|
-
xxs: "
|
|
19
|
+
s: "sbaq7s0",
|
|
20
|
+
xs: "xgnc62y",
|
|
21
|
+
xxs: "x13sr3kn"
|
|
21
22
|
},
|
|
22
23
|
disabled: {
|
|
23
|
-
"true": "
|
|
24
|
+
"true": "t1jqrt5d"
|
|
24
25
|
}
|
|
25
26
|
}
|
|
26
27
|
};
|
|
@@ -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;}
|
|
@@ -1,8 +1,28 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, taggedTemplateLiteral as _taggedTemplateLiteral } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
import { linkButtonTokens, component, mergeConfig, linkButtonConfig } from '@salutejs/plasma-new-hope/css';
|
|
2
5
|
import { config } from './LinkButton.config.js';
|
|
3
6
|
|
|
7
|
+
var _excluded = ["view"];
|
|
8
|
+
var _templateObject;
|
|
4
9
|
var mergedConfig = /*#__PURE__*/mergeConfig(linkButtonConfig, config);
|
|
5
|
-
var
|
|
10
|
+
var LinkButtonComponent = /*#__PURE__*/component(mergedConfig);
|
|
11
|
+
var GradientLinkButton = /*#__PURE__*/styled(LinkButtonComponent)(_templateObject || (_templateObject = /*#__PURE__*/_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"])), linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonTextColor);
|
|
12
|
+
var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
13
|
+
var view = _ref.view,
|
|
14
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
+
if (view === 'gradient') {
|
|
16
|
+
return /*#__PURE__*/React.createElement(GradientLinkButton, _extends({
|
|
17
|
+
ref: ref,
|
|
18
|
+
view: view
|
|
19
|
+
}, rest));
|
|
20
|
+
}
|
|
21
|
+
return /*#__PURE__*/React.createElement(LinkButtonComponent, _extends({
|
|
22
|
+
ref: ref,
|
|
23
|
+
view: view
|
|
24
|
+
}, rest));
|
|
25
|
+
});
|
|
6
26
|
|
|
7
|
-
export { LinkButton };
|
|
27
|
+
export { GradientLinkButton, LinkButton };
|
|
8
28
|
//# 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,WAAW,CAACC,gBAAgB,EAAEC,MAAM,CAAC;AAE1D,IAAMC,mBAAmB,gBAAGC,SAAS,CAACL,YAAY,CAAC;AAI5C,IAAMM,kBAAkB,gBAAGC,MAAM,CAACH,mBAAmB,CAAC,CAAAI,eAAA,KAAAA,eAAA,gBAAAC,sBAAA,CAAA,CAAA,0DAAA,EAAA,kMAAA,EAAA,oJAAA,EAAA,qFAAA,CAAA,CAAA,CAAA,EAEnCC,gBAAgB,CAACC,mBAAmB,EAOpCD,gBAAgB,CAACC,mBAAmB,EAMpCD,gBAAgB,CAACC,mBAAmB;AAMvD,IAAMC,UAAU,gBAAGC,UAAU,CAA8C,UAAAC,IAAA,EAAoBC,GAAG,EAAK;AAAA,EAAA,IAAzBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;EAC9F,IAAIH,IAAI,KAAK,UAAU,EAAE;AACrB,IAAA,oBAAOI,KAAA,CAAAC,aAAA,CAACf,kBAAkB,EAAAgB,QAAA,CAAA;AAACP,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,IAAI,EAAEA;KAAK,EAAKC,IAAI,CAAG,CAAC;AACjE,EAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACjB,mBAAmB,EAAAkB,QAAA,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/es/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;}
|