@salutejs/sdds-serv 0.323.0-canary.2235.17792261875.0 → 0.323.0-canary.2238.17818313113.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/components/Attach/Attach.config.js +1 -1
- package/components/Attach/Attach.config.js.map +1 -1
- package/components/Attach/{Attach.config_ld8c4j.css → Attach.config_18v389v.css} +4 -4
- package/components/Attach/Attach.css +16 -16
- package/components/Button/Button.config.js +1 -1
- package/components/Button/Button.config.js.map +1 -1
- package/{es/components/Button/Button.config_1biimik.css → components/Button/Button.config_195dx41.css} +1 -1
- package/components/Button/Button.css +18 -18
- package/components/Drawer/Drawer.d.ts +1 -0
- package/components/Skeleton/LineSkeleton.config.d.ts +5 -0
- package/components/Skeleton/LineSkeleton.config.js +24 -19
- package/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/components/Skeleton/LineSkeleton.config_1sqmb2e.css +19 -0
- package/components/Skeleton/Skeleton.css +19 -17
- package/components/Skeleton/Skeleton.d.ts +8 -0
- package/emotion/cjs/components/Attach/Attach.config.js +8 -4
- package/emotion/cjs/components/Button/Button.config.js +2 -4
- package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +76 -51
- package/emotion/es/components/Attach/Attach.config.js +8 -4
- package/emotion/es/components/Button/Button.config.js +2 -4
- package/emotion/es/components/Skeleton/LineSkeleton.config.js +76 -51
- package/es/components/Attach/Attach.config.js +1 -1
- package/es/components/Attach/Attach.config.js.map +1 -1
- package/es/components/Attach/{Attach.config_ld8c4j.css → Attach.config_18v389v.css} +4 -4
- package/es/components/Attach/Attach.css +16 -16
- package/es/components/Button/Button.config.js +1 -1
- package/es/components/Button/Button.config.js.map +1 -1
- package/{components/Button/Button.config_1biimik.css → es/components/Button/Button.config_195dx41.css} +1 -1
- package/es/components/Button/Button.css +18 -18
- package/es/components/Skeleton/LineSkeleton.config.js +24 -19
- package/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton.config_1sqmb2e.css +19 -0
- package/es/components/Skeleton/Skeleton.css +19 -17
- package/es/index.css +53 -51
- package/package.json +7 -7
- package/styled-components/cjs/components/Attach/Attach.config.js +8 -4
- package/styled-components/cjs/components/Button/Button.config.js +2 -4
- package/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +76 -51
- package/styled-components/es/components/Attach/Attach.config.js +8 -4
- package/styled-components/es/components/Button/Button.config.js +2 -4
- package/styled-components/es/components/Skeleton/LineSkeleton.config.js +76 -51
- package/components/Skeleton/LineSkeleton.config_10dcgps.css +0 -17
- package/es/components/Skeleton/LineSkeleton.config_10dcgps.css +0 -17
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.config.js","sources":["../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonTextColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonIconColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.75rem;\n ${buttonTokens.buttonRadius}: 1rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n `,\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAWC,UAAA;AACDC,MAAAA,MAAM,EASL,UAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EASP,UAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,CAAC,EAoBA,SAAA;AACDC,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAqBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDpB,IAAAA,OAAO,EAAE;MACLoB,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,SAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Button.config.js","sources":["../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonTextColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonIconColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonTextColor}: var(--text-primary);\n ${buttonTokens.buttonIconColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonTextColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonIconColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.75rem;\n ${buttonTokens.buttonRadius}: 1rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n `,\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EASC,UAAA;AACDC,MAAAA,MAAM,EASL,UAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EASP,UAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,CAAC,EAoBA,SAAA;AACDC,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,EAAE,EAoBD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAqBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDpB,IAAAA,OAAO,EAAE;MACLoB,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,SAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.d1fnkof5{--plasma-button-color:var(--inverse-text-primary);--plasma-button-text-color:var(--inverse-text-primary);--plasma-button-icon-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-
|
|
1
|
+
.d1fnkof5{--plasma-button-color:var(--inverse-text-primary);--plasma-button-text-color:var(--inverse-text-primary);--plasma-button-icon-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover);--plasma-button-color-active:var(--inverse-text-primary-active);}
|
|
2
2
|
.a1129msw{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
|
3
3
|
.sbaqjet{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
4
4
|
.cmxfxlw{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
1
|
+
.Button_config_195dx41_d1fnkof5__b3d70ded{--plasma-button-color:var(--inverse-text-primary);--plasma-button-text-color:var(--inverse-text-primary);--plasma-button-icon-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover);--plasma-button-color-active:var(--inverse-text-primary-active);}
|
|
2
|
+
.Button_config_195dx41_a1129msw__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
|
3
|
+
.Button_config_195dx41_sbaqjet__b3d70ded{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
4
|
+
.Button_config_195dx41_cmxfxlw__b3d70ded{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
5
|
+
.Button_config_195dx41_sleczrv__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-background-color-active:var(--surface-positive-active);}
|
|
6
|
+
.Button_config_195dx41_wlekduy__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-background-color-active:var(--surface-warning-active);}
|
|
7
|
+
.Button_config_195dx41_c1yfa47j__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-background-color-active:var(--surface-negative-active);}
|
|
8
|
+
.Button_config_195dx41_dsb1lec__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-transparent-deep);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
|
|
9
|
+
.Button_config_195dx41_b123wpoi__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
|
|
10
|
+
.Button_config_195dx41_w1w797f8__b3d70ded{--plasma-button-color:var(--on-light-text-primary);--plasma-button-text-color:var(--on-light-text-primary);--plasma-button-icon-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-color-active:var(--on-light-text-primary-active);}
|
|
11
|
+
.Button_config_195dx41_x1toqou7__b3d70ded{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
|
|
12
|
+
.Button_config_195dx41_ly229gi__b3d70ded{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
|
|
13
|
+
.Button_config_195dx41_m1joiaye__b3d70ded{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.375rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
|
|
14
|
+
.Button_config_195dx41_s1i1eza5__b3d70ded{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
|
|
15
|
+
.Button_config_195dx41_x1r1gaby__b3d70ded{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.125rem;}
|
|
16
|
+
.Button_config_195dx41_xqhwg07__b3d70ded{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-additional-content-margin:0 0rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.125rem;}
|
|
17
|
+
.Button_config_195dx41_t1bf1tsb__b3d70ded{--plasma-button-disabled-opacity:0.4;}
|
|
18
|
+
.Button_config_195dx41_t1ca3q6l__b3d70ded{--plasma-button-focus-color:var(--surface-accent);}
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
@@ -1,27 +1,32 @@
|
|
|
1
|
-
import './LineSkeleton.
|
|
1
|
+
import './LineSkeleton.config_1sqmb2e.css';
|
|
2
2
|
var config = {
|
|
3
3
|
defaults: {
|
|
4
|
-
size: 'bodyM'
|
|
4
|
+
size: 'bodyM',
|
|
5
|
+
view: 'default'
|
|
5
6
|
},
|
|
6
7
|
variations: {
|
|
8
|
+
view: {
|
|
9
|
+
"default": "d19llrr0",
|
|
10
|
+
lighter: "lownd2t"
|
|
11
|
+
},
|
|
7
12
|
size: {
|
|
8
|
-
bodyL: "
|
|
9
|
-
bodyM: "
|
|
10
|
-
bodyS: "
|
|
11
|
-
bodyXS: "
|
|
12
|
-
bodyXXS: "
|
|
13
|
-
dsplL: "
|
|
14
|
-
dsplM: "
|
|
15
|
-
dsplS: "
|
|
16
|
-
h1: "
|
|
17
|
-
h2: "
|
|
18
|
-
h3: "
|
|
19
|
-
h4: "
|
|
20
|
-
h5: "
|
|
21
|
-
textL: "
|
|
22
|
-
textM: "
|
|
23
|
-
textS: "
|
|
24
|
-
textXS: "
|
|
13
|
+
bodyL: "b1vlwnuz",
|
|
14
|
+
bodyM: "b72vt9m",
|
|
15
|
+
bodyS: "b7xroe3",
|
|
16
|
+
bodyXS: "b6j6lo5",
|
|
17
|
+
bodyXXS: "bvy7k5l",
|
|
18
|
+
dsplL: "d17f8ptj",
|
|
19
|
+
dsplM: "d2hkci6",
|
|
20
|
+
dsplS: "dytodi8",
|
|
21
|
+
h1: "hl0wrbi",
|
|
22
|
+
h2: "hzwkeo",
|
|
23
|
+
h3: "hwfajcs",
|
|
24
|
+
h4: "h1cqdap2",
|
|
25
|
+
h5: "h7a1pe3",
|
|
26
|
+
textL: "tcgpodh",
|
|
27
|
+
textM: "t1f4baxc",
|
|
28
|
+
textS: "tku2ojo",
|
|
29
|
+
textXS: "tfwhw7s"
|
|
25
30
|
}
|
|
26
31
|
}
|
|
27
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineSkeleton.config.js","sources":["../../../src-css/components/Skeleton/LineSkeleton.config.ts"],"sourcesContent":["import { css, skeletonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n size: 'bodyM',\n },\n variations: {\n size: {\n bodyL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-l-font-size);\n `,\n bodyM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-m-font-size);\n `,\n bodyS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-s-font-size);\n `,\n bodyXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xs-font-size);\n `,\n bodyXXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xxs-font-size);\n `,\n dsplL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-l-font-size);\n `,\n dsplM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-m-font-size);\n `,\n dsplS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-s-font-size);\n `,\n h1: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h1-font-size);\n `,\n h2: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h2-font-size);\n `,\n h3: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h3-font-size);\n `,\n h4: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h4-font-size);\n `,\n h5: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h5-font-size);\n `,\n textL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-l-font-size);\n `,\n textM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-m-font-size);\n `,\n textS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-s-font-size);\n `,\n textXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-xs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-xs-font-size);\n `,\n },\n },\n};\n"],"names":["config","defaults","size","variations","bodyL","bodyM","bodyS","bodyXS","bodyXXS","dsplL","dsplM","dsplS","h1","h2","h3","h4","h5","textL","textM","textS","textXS"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"LineSkeleton.config.js","sources":["../../../src-css/components/Skeleton/LineSkeleton.config.ts"],"sourcesContent":["import { css, skeletonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n size: 'bodyM',\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n `,\n lighter: css`\n ${skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n `,\n },\n size: {\n bodyL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-l-font-size);\n `,\n bodyM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-m-font-size);\n `,\n bodyS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-s-font-size);\n `,\n bodyXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xs-font-size);\n `,\n bodyXXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xxs-font-size);\n `,\n dsplL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-l-font-size);\n `,\n dsplM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-m-font-size);\n `,\n dsplS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-s-font-size);\n `,\n h1: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h1-font-size);\n `,\n h2: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h2-font-size);\n `,\n h3: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h3-font-size);\n `,\n h4: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h4-font-size);\n `,\n h5: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h5-font-size);\n `,\n textL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-l-font-size);\n `,\n textM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-m-font-size);\n `,\n textS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-s-font-size);\n `,\n textXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-xs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-xs-font-size);\n `,\n },\n },\n};\n"],"names":["config","defaults","size","view","variations","default","lighter","bodyL","bodyM","bodyS","bodyXS","bodyXXS","dsplL","dsplM","dsplS","h1","h2","h3","h4","h5","textL","textM","textS","textXS"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAEC,UAAA;AACDC,MAAAA,OAAO,EAAA,SAAA;KAGV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,KAAK,EAGJ,UAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,MAAM,EAGL,SAAA;AACDC,MAAAA,OAAO,EAGN,SAAA;AACDC,MAAAA,KAAK,EAGJ,UAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,EAAE,EAGD,SAAA;AACDC,MAAAA,EAAE,EAGD,QAAA;AACDC,MAAAA,EAAE,EAGD,SAAA;AACDC,MAAAA,EAAE,EAGD,UAAA;AACDC,MAAAA,EAAE,EAGD,SAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,KAAK,EAGJ,UAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,MAAM,EAAA,SAAA;AAIV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
.d19llrr0{--plasma-skeleton-gradient-color:var(--plasma-colors-skeleton-gradient,var(--surface-skeleton-gradient));}
|
|
2
|
+
.lownd2t{--plasma-skeleton-gradient-color:var(--plasma-colors-skeleton-gradient-lighter,var(--surface-skeleton-deep-gradient));}
|
|
3
|
+
.b1vlwnuz{--plasma-skeleton-line-height:var(--plasma-typo-body-l-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-body-l-font-size);}
|
|
4
|
+
.b72vt9m{--plasma-skeleton-line-height:var(--plasma-typo-body-m-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-body-m-font-size);}
|
|
5
|
+
.b7xroe3{--plasma-skeleton-line-height:var(--plasma-typo-body-s-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-body-s-font-size);}
|
|
6
|
+
.b6j6lo5{--plasma-skeleton-line-height:var(--plasma-typo-body-xs-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-body-xs-font-size);}
|
|
7
|
+
.bvy7k5l{--plasma-skeleton-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-body-xxs-font-size);}
|
|
8
|
+
.d17f8ptj{--plasma-skeleton-line-height:var(--plasma-typo-dspl-l-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-dspl-l-font-size);}
|
|
9
|
+
.d2hkci6{--plasma-skeleton-line-height:var(--plasma-typo-dspl-m-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-dspl-m-font-size);}
|
|
10
|
+
.dytodi8{--plasma-skeleton-line-height:var(--plasma-typo-dspl-s-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-dspl-s-font-size);}
|
|
11
|
+
.hl0wrbi{--plasma-skeleton-line-height:var(--plasma-typo-h1-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-h1-font-size);}
|
|
12
|
+
.hzwkeo{--plasma-skeleton-line-height:var(--plasma-typo-h2-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-h2-font-size);}
|
|
13
|
+
.hwfajcs{--plasma-skeleton-line-height:var(--plasma-typo-h3-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-h3-font-size);}
|
|
14
|
+
.h1cqdap2{--plasma-skeleton-line-height:var(--plasma-typo-h4-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-h4-font-size);}
|
|
15
|
+
.h7a1pe3{--plasma-skeleton-line-height:var(--plasma-typo-h5-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-h5-font-size);}
|
|
16
|
+
.tcgpodh{--plasma-skeleton-line-height:var(--plasma-typo-text-l-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-text-l-font-size);}
|
|
17
|
+
.t1f4baxc{--plasma-skeleton-line-height:var(--plasma-typo-text-m-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-text-m-font-size);}
|
|
18
|
+
.tku2ojo{--plasma-skeleton-line-height:var(--plasma-typo-text-s-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-text-s-font-size);}
|
|
19
|
+
.tfwhw7s{--plasma-skeleton-line-height:var(--plasma-typo-text-xs-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-text-xs-font-size);}
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
1
|
+
.LineSkeleton_config_1sqmb2e_d19llrr0__0382b704{--plasma-skeleton-gradient-color:var(--plasma-colors-skeleton-gradient,var(--surface-skeleton-gradient));}
|
|
2
|
+
.LineSkeleton_config_1sqmb2e_lownd2t__0382b704{--plasma-skeleton-gradient-color:var(--plasma-colors-skeleton-gradient-lighter,var(--surface-skeleton-deep-gradient));}
|
|
3
|
+
.LineSkeleton_config_1sqmb2e_b1vlwnuz__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-body-l-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-body-l-font-size);}
|
|
4
|
+
.LineSkeleton_config_1sqmb2e_b72vt9m__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-body-m-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-body-m-font-size);}
|
|
5
|
+
.LineSkeleton_config_1sqmb2e_b7xroe3__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-body-s-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-body-s-font-size);}
|
|
6
|
+
.LineSkeleton_config_1sqmb2e_b6j6lo5__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-body-xs-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-body-xs-font-size);}
|
|
7
|
+
.LineSkeleton_config_1sqmb2e_bvy7k5l__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-body-xxs-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-body-xxs-font-size);}
|
|
8
|
+
.LineSkeleton_config_1sqmb2e_d17f8ptj__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-dspl-l-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-dspl-l-font-size);}
|
|
9
|
+
.LineSkeleton_config_1sqmb2e_d2hkci6__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-dspl-m-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-dspl-m-font-size);}
|
|
10
|
+
.LineSkeleton_config_1sqmb2e_dytodi8__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-dspl-s-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-dspl-s-font-size);}
|
|
11
|
+
.LineSkeleton_config_1sqmb2e_hl0wrbi__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-h1-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-h1-font-size);}
|
|
12
|
+
.LineSkeleton_config_1sqmb2e_hzwkeo__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-h2-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-h2-font-size);}
|
|
13
|
+
.LineSkeleton_config_1sqmb2e_hwfajcs__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-h3-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-h3-font-size);}
|
|
14
|
+
.LineSkeleton_config_1sqmb2e_h1cqdap2__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-h4-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-h4-font-size);}
|
|
15
|
+
.LineSkeleton_config_1sqmb2e_h7a1pe3__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-h5-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-h5-font-size);}
|
|
16
|
+
.LineSkeleton_config_1sqmb2e_tcgpodh__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-text-l-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-text-l-font-size);}
|
|
17
|
+
.LineSkeleton_config_1sqmb2e_t1f4baxc__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-text-m-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-text-m-font-size);}
|
|
18
|
+
.LineSkeleton_config_1sqmb2e_tku2ojo__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-text-s-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-text-s-font-size);}
|
|
19
|
+
.LineSkeleton_config_1sqmb2e_tfwhw7s__0382b704{--plasma-skeleton-line-height:var(--plasma-typo-text-xs-line-height);--plasma-skeleton-visible-line-height:var(--plasma-typo-text-xs-font-size);}
|