@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
|
|
|
@@ -13,6 +13,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
|
|
|
13
13
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
14
|
};
|
|
15
15
|
}> & Omit<import("@salutejs/plasma-new-hope/styled-components").PopupProps, "draggable" | "resizable"> & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
|
|
16
|
+
animationInfo?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerAnimationInfo;
|
|
16
17
|
placement?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerPlacement;
|
|
17
18
|
asModal?: boolean;
|
|
18
19
|
customBackgroundColor?: string;
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
export declare const config: {
|
|
2
2
|
defaults: {
|
|
3
3
|
size: string;
|
|
4
|
+
view: string;
|
|
4
5
|
};
|
|
5
6
|
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
|
+
lighter: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
10
|
+
};
|
|
6
11
|
size: {
|
|
7
12
|
bodyL: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
8
13
|
bodyM: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -1,31 +1,36 @@
|
|
|
1
|
-
require('./LineSkeleton.
|
|
1
|
+
require('./LineSkeleton.config_1sqmb2e.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
6
|
var config = {
|
|
7
7
|
defaults: {
|
|
8
|
-
size: 'bodyM'
|
|
8
|
+
size: 'bodyM',
|
|
9
|
+
view: 'default'
|
|
9
10
|
},
|
|
10
11
|
variations: {
|
|
12
|
+
view: {
|
|
13
|
+
"default": "d19llrr0",
|
|
14
|
+
lighter: "lownd2t"
|
|
15
|
+
},
|
|
11
16
|
size: {
|
|
12
|
-
bodyL: "
|
|
13
|
-
bodyM: "
|
|
14
|
-
bodyS: "
|
|
15
|
-
bodyXS: "
|
|
16
|
-
bodyXXS: "
|
|
17
|
-
dsplL: "
|
|
18
|
-
dsplM: "
|
|
19
|
-
dsplS: "
|
|
20
|
-
h1: "
|
|
21
|
-
h2: "
|
|
22
|
-
h3: "
|
|
23
|
-
h4: "
|
|
24
|
-
h5: "
|
|
25
|
-
textL: "
|
|
26
|
-
textM: "
|
|
27
|
-
textS: "
|
|
28
|
-
textXS: "
|
|
17
|
+
bodyL: "b1vlwnuz",
|
|
18
|
+
bodyM: "b72vt9m",
|
|
19
|
+
bodyS: "b7xroe3",
|
|
20
|
+
bodyXS: "b6j6lo5",
|
|
21
|
+
bodyXXS: "bvy7k5l",
|
|
22
|
+
dsplL: "d17f8ptj",
|
|
23
|
+
dsplM: "d2hkci6",
|
|
24
|
+
dsplS: "dytodi8",
|
|
25
|
+
h1: "hl0wrbi",
|
|
26
|
+
h2: "hzwkeo",
|
|
27
|
+
h3: "hwfajcs",
|
|
28
|
+
h4: "h1cqdap2",
|
|
29
|
+
h5: "h7a1pe3",
|
|
30
|
+
textL: "tcgpodh",
|
|
31
|
+
textM: "t1f4baxc",
|
|
32
|
+
textS: "tku2ojo",
|
|
33
|
+
textXS: "tfwhw7s"
|
|
29
34
|
}
|
|
30
35
|
}
|
|
31
36
|
};
|
|
@@ -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);}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { RectSkeleton, withSkeleton } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
2
|
export declare const LineSkeleton: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
3
|
+
view: {
|
|
4
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
5
|
+
lighter: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
6
|
+
};
|
|
3
7
|
size: {
|
|
4
8
|
bodyL: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
5
9
|
bodyM: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -24,6 +28,10 @@ export declare const LineSkeleton: import("react").FunctionComponent<import("@sa
|
|
|
24
28
|
roundness?: import("@salutejs/plasma-new-hope/styled-components").Roundness;
|
|
25
29
|
} & import("@salutejs/plasma-new-hope/styled-components").SkeletonGradientProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
26
30
|
export declare const TextSkeleton: import("react").FC<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
31
|
+
view: {
|
|
32
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
33
|
+
lighter: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
34
|
+
};
|
|
27
35
|
size: {
|
|
28
36
|
bodyL: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
29
37
|
bodyM: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -492,6 +492,7 @@ function _templateObject12() {
|
|
|
492
492
|
": 0.5rem;\n ",
|
|
493
493
|
": 1.625rem;\n\n ",
|
|
494
494
|
": 3.5rem;\n ",
|
|
495
|
+
": 3.5rem;\n ",
|
|
495
496
|
": 12.5rem;\n ",
|
|
496
497
|
": 1.5rem;\n ",
|
|
497
498
|
": 0.875rem;\n ",
|
|
@@ -568,6 +569,7 @@ function _templateObject13() {
|
|
|
568
569
|
": 0.5rem;\n ",
|
|
569
570
|
": 1.625rem;\n\n ",
|
|
570
571
|
": 3rem;\n ",
|
|
572
|
+
": 3rem;\n ",
|
|
571
573
|
": 11.25rem;\n ",
|
|
572
574
|
": 1.25rem;\n ",
|
|
573
575
|
": 0.75rem;\n ",
|
|
@@ -644,6 +646,7 @@ function _templateObject14() {
|
|
|
644
646
|
": 0.375rem;\n ",
|
|
645
647
|
": 1.5rem;\n\n ",
|
|
646
648
|
": 2.5rem;\n ",
|
|
649
|
+
": 2.5rem;\n ",
|
|
647
650
|
": 11.25rem;\n ",
|
|
648
651
|
": 1rem;\n ",
|
|
649
652
|
": 0.625rem;\n ",
|
|
@@ -720,6 +723,7 @@ function _templateObject15() {
|
|
|
720
723
|
": 0.25rem;\n ",
|
|
721
724
|
": 1.375rem;\n\n ",
|
|
722
725
|
": 2rem;\n ",
|
|
726
|
+
": 2rem;\n ",
|
|
723
727
|
": 10rem;\n ",
|
|
724
728
|
": 0.75rem;\n ",
|
|
725
729
|
": 0.5rem;\n ",
|
|
@@ -814,10 +818,10 @@ var config = {
|
|
|
814
818
|
negative: (0, _emotion.css)(_templateObject11(), _emotion.attachTokens.helperTextColor)
|
|
815
819
|
},
|
|
816
820
|
size: {
|
|
817
|
-
l: (0, _emotion.css)(_templateObject12(), _emotion.attachTokens.horizontalGap, _emotion.attachTokens.verticalGap, _emotion.attachTokens.verticalGapWithHelperText, _emotion.attachTokens.buttonHeight, _emotion.attachTokens.buttonWidth, _emotion.attachTokens.buttonPadding, _emotion.attachTokens.buttonRadius, _emotion.attachTokens.buttonFontFamily, _emotion.attachTokens.buttonFontSize, _emotion.attachTokens.buttonFontStyle, _emotion.attachTokens.buttonFontWeight, _emotion.attachTokens.buttonLetterSpacing, _emotion.attachTokens.buttonLineHeight, _emotion.attachTokens.buttonSpinnerSize, _emotion.attachTokens.buttonSpinnerColor, _emotion.attachTokens.buttonLeftContentMargin, _emotion.attachTokens.buttonRightContentMargin, _emotion.attachTokens.buttonValueMargin, _emotion.attachTokens.cellWidth, _emotion.attachTokens.cellPadding, _emotion.attachTokens.cellPaddingLeftContent, _emotion.attachTokens.cellPaddingContent, _emotion.attachTokens.cellPaddingRightContent, _emotion.attachTokens.cellTextboxGap, _emotion.attachTokens.cellGap, _emotion.attachTokens.cellLabelFontFamily, _emotion.attachTokens.cellLabelFontSize, _emotion.attachTokens.cellLabelFontStyle, _emotion.attachTokens.cellLabelFontWeight, _emotion.attachTokens.cellLabelLetterSpacing, _emotion.attachTokens.cellLabelLineHeight, _emotion.attachTokens.cellTitleFontFamily, _emotion.attachTokens.cellTitleFontSize, _emotion.attachTokens.cellTitleFontStyle, _emotion.attachTokens.cellTitleFontWeight, _emotion.attachTokens.cellTitleLetterSpacing, _emotion.attachTokens.cellTitleLineHeight, _emotion.attachTokens.cellSubtitleFontFamily, _emotion.attachTokens.cellSubtitleFontSize, _emotion.attachTokens.cellSubtitleFontStyle, _emotion.attachTokens.cellSubtitleFontWeight, _emotion.attachTokens.cellSubtitleLetterSpacing, _emotion.attachTokens.cellSubtitleLineHeight, _emotion.attachTokens.iconButtonHeight, _emotion.attachTokens.iconButtonWidth, _emotion.attachTokens.iconButtonPadding, _emotion.attachTokens.iconButtonRadius, _emotion.attachTokens.iconButtonFontFamily, _emotion.attachTokens.iconButtonFontSize, _emotion.attachTokens.iconButtonFontStyle, _emotion.attachTokens.iconButtonFontWeight, _emotion.attachTokens.iconButtonLetterSpacing, _emotion.attachTokens.iconButtonLineHeight, _emotion.attachTokens.iconButtonSpinnerSize, _emotion.attachTokens.iconButtonSpinnerColor, _emotion.attachTokens.iconButtonCancelHeight, _emotion.attachTokens.iconButtonCancelWidth, _emotion.attachTokens.iconButtonCancelPadding, _emotion.attachTokens.iconButtonCancelRadius, _emotion.attachTokens.iconButtonCancelFontFamily, _emotion.attachTokens.iconButtonCancelFontSize, _emotion.attachTokens.iconButtonCancelFontStyle, _emotion.attachTokens.iconButtonCancelFontWeight, _emotion.attachTokens.iconButtonCancelLetterSpacing, _emotion.attachTokens.iconButtonCancelLineHeight, _emotion.attachTokens.iconButtonCancelSpinnerSize, _emotion.attachTokens.iconButtonCancelSpinnerColor),
|
|
818
|
-
m: (0, _emotion.css)(_templateObject13(), _emotion.attachTokens.horizontalGap, _emotion.attachTokens.verticalGap, _emotion.attachTokens.verticalGapWithHelperText, _emotion.attachTokens.buttonHeight, _emotion.attachTokens.buttonWidth, _emotion.attachTokens.buttonPadding, _emotion.attachTokens.buttonRadius, _emotion.attachTokens.buttonFontFamily, _emotion.attachTokens.buttonFontSize, _emotion.attachTokens.buttonFontStyle, _emotion.attachTokens.buttonFontWeight, _emotion.attachTokens.buttonLetterSpacing, _emotion.attachTokens.buttonLineHeight, _emotion.attachTokens.buttonSpinnerSize, _emotion.attachTokens.buttonSpinnerColor, _emotion.attachTokens.buttonLeftContentMargin, _emotion.attachTokens.buttonRightContentMargin, _emotion.attachTokens.buttonValueMargin, _emotion.attachTokens.cellWidth, _emotion.attachTokens.cellPadding, _emotion.attachTokens.cellPaddingLeftContent, _emotion.attachTokens.cellPaddingContent, _emotion.attachTokens.cellPaddingRightContent, _emotion.attachTokens.cellTextboxGap, _emotion.attachTokens.cellGap, _emotion.attachTokens.cellLabelFontFamily, _emotion.attachTokens.cellLabelFontSize, _emotion.attachTokens.cellLabelFontStyle, _emotion.attachTokens.cellLabelFontWeight, _emotion.attachTokens.cellLabelLetterSpacing, _emotion.attachTokens.cellLabelLineHeight, _emotion.attachTokens.cellTitleFontFamily, _emotion.attachTokens.cellTitleFontSize, _emotion.attachTokens.cellTitleFontStyle, _emotion.attachTokens.cellTitleFontWeight, _emotion.attachTokens.cellTitleLetterSpacing, _emotion.attachTokens.cellTitleLineHeight, _emotion.attachTokens.cellSubtitleFontFamily, _emotion.attachTokens.cellSubtitleFontSize, _emotion.attachTokens.cellSubtitleFontStyle, _emotion.attachTokens.cellSubtitleFontWeight, _emotion.attachTokens.cellSubtitleLetterSpacing, _emotion.attachTokens.cellSubtitleLineHeight, _emotion.attachTokens.iconButtonHeight, _emotion.attachTokens.iconButtonWidth, _emotion.attachTokens.iconButtonPadding, _emotion.attachTokens.iconButtonRadius, _emotion.attachTokens.iconButtonFontFamily, _emotion.attachTokens.iconButtonFontSize, _emotion.attachTokens.iconButtonFontStyle, _emotion.attachTokens.iconButtonFontWeight, _emotion.attachTokens.iconButtonLetterSpacing, _emotion.attachTokens.iconButtonLineHeight, _emotion.attachTokens.iconButtonSpinnerSize, _emotion.attachTokens.iconButtonSpinnerColor, _emotion.attachTokens.iconButtonCancelHeight, _emotion.attachTokens.iconButtonCancelWidth, _emotion.attachTokens.iconButtonCancelPadding, _emotion.attachTokens.iconButtonCancelRadius, _emotion.attachTokens.iconButtonCancelFontFamily, _emotion.attachTokens.iconButtonCancelFontSize, _emotion.attachTokens.iconButtonCancelFontStyle, _emotion.attachTokens.iconButtonCancelFontWeight, _emotion.attachTokens.iconButtonCancelLetterSpacing, _emotion.attachTokens.iconButtonCancelLineHeight, _emotion.attachTokens.iconButtonCancelSpinnerSize, _emotion.attachTokens.iconButtonCancelSpinnerColor),
|
|
819
|
-
s: (0, _emotion.css)(_templateObject14(), _emotion.attachTokens.horizontalGap, _emotion.attachTokens.verticalGap, _emotion.attachTokens.verticalGapWithHelperText, _emotion.attachTokens.buttonHeight, _emotion.attachTokens.buttonWidth, _emotion.attachTokens.buttonPadding, _emotion.attachTokens.buttonRadius, _emotion.attachTokens.buttonFontFamily, _emotion.attachTokens.buttonFontSize, _emotion.attachTokens.buttonFontStyle, _emotion.attachTokens.buttonFontWeight, _emotion.attachTokens.buttonLetterSpacing, _emotion.attachTokens.buttonLineHeight, _emotion.attachTokens.buttonSpinnerSize, _emotion.attachTokens.buttonSpinnerColor, _emotion.attachTokens.buttonLeftContentMargin, _emotion.attachTokens.buttonRightContentMargin, _emotion.attachTokens.buttonValueMargin, _emotion.attachTokens.cellWidth, _emotion.attachTokens.cellPadding, _emotion.attachTokens.cellPaddingLeftContent, _emotion.attachTokens.cellPaddingContent, _emotion.attachTokens.cellPaddingRightContent, _emotion.attachTokens.cellTextboxGap, _emotion.attachTokens.cellGap, _emotion.attachTokens.cellLabelFontFamily, _emotion.attachTokens.cellLabelFontSize, _emotion.attachTokens.cellLabelFontStyle, _emotion.attachTokens.cellLabelFontWeight, _emotion.attachTokens.cellLabelLetterSpacing, _emotion.attachTokens.cellLabelLineHeight, _emotion.attachTokens.cellTitleFontFamily, _emotion.attachTokens.cellTitleFontSize, _emotion.attachTokens.cellTitleFontStyle, _emotion.attachTokens.cellTitleFontWeight, _emotion.attachTokens.cellTitleLetterSpacing, _emotion.attachTokens.cellTitleLineHeight, _emotion.attachTokens.cellSubtitleFontFamily, _emotion.attachTokens.cellSubtitleFontSize, _emotion.attachTokens.cellSubtitleFontStyle, _emotion.attachTokens.cellSubtitleFontWeight, _emotion.attachTokens.cellSubtitleLetterSpacing, _emotion.attachTokens.cellSubtitleLineHeight, _emotion.attachTokens.iconButtonHeight, _emotion.attachTokens.iconButtonWidth, _emotion.attachTokens.iconButtonPadding, _emotion.attachTokens.iconButtonRadius, _emotion.attachTokens.iconButtonFontFamily, _emotion.attachTokens.iconButtonFontSize, _emotion.attachTokens.iconButtonFontStyle, _emotion.attachTokens.iconButtonFontWeight, _emotion.attachTokens.iconButtonLetterSpacing, _emotion.attachTokens.iconButtonLineHeight, _emotion.attachTokens.iconButtonSpinnerSize, _emotion.attachTokens.iconButtonSpinnerColor, _emotion.attachTokens.iconButtonCancelHeight, _emotion.attachTokens.iconButtonCancelWidth, _emotion.attachTokens.iconButtonCancelPadding, _emotion.attachTokens.iconButtonCancelRadius, _emotion.attachTokens.iconButtonCancelFontFamily, _emotion.attachTokens.iconButtonCancelFontSize, _emotion.attachTokens.iconButtonCancelFontStyle, _emotion.attachTokens.iconButtonCancelFontWeight, _emotion.attachTokens.iconButtonCancelLetterSpacing, _emotion.attachTokens.iconButtonCancelLineHeight, _emotion.attachTokens.iconButtonCancelSpinnerSize, _emotion.attachTokens.iconButtonCancelSpinnerColor),
|
|
820
|
-
xs: (0, _emotion.css)(_templateObject15(), _emotion.attachTokens.horizontalGap, _emotion.attachTokens.verticalGap, _emotion.attachTokens.verticalGapWithHelperText, _emotion.attachTokens.buttonHeight, _emotion.attachTokens.buttonWidth, _emotion.attachTokens.buttonPadding, _emotion.attachTokens.buttonRadius, _emotion.attachTokens.buttonFontFamily, _emotion.attachTokens.buttonFontSize, _emotion.attachTokens.buttonFontStyle, _emotion.attachTokens.buttonFontWeight, _emotion.attachTokens.buttonLetterSpacing, _emotion.attachTokens.buttonLineHeight, _emotion.attachTokens.buttonSpinnerSize, _emotion.attachTokens.buttonSpinnerColor, _emotion.attachTokens.buttonLeftContentMargin, _emotion.attachTokens.buttonRightContentMargin, _emotion.attachTokens.buttonValueMargin, _emotion.attachTokens.cellWidth, _emotion.attachTokens.cellPadding, _emotion.attachTokens.cellPaddingLeftContent, _emotion.attachTokens.cellPaddingContent, _emotion.attachTokens.cellPaddingRightContent, _emotion.attachTokens.cellTextboxGap, _emotion.attachTokens.cellGap, _emotion.attachTokens.cellLabelFontFamily, _emotion.attachTokens.cellLabelFontSize, _emotion.attachTokens.cellLabelFontStyle, _emotion.attachTokens.cellLabelFontWeight, _emotion.attachTokens.cellLabelLetterSpacing, _emotion.attachTokens.cellLabelLineHeight, _emotion.attachTokens.cellTitleFontFamily, _emotion.attachTokens.cellTitleFontSize, _emotion.attachTokens.cellTitleFontStyle, _emotion.attachTokens.cellTitleFontWeight, _emotion.attachTokens.cellTitleLetterSpacing, _emotion.attachTokens.cellTitleLineHeight, _emotion.attachTokens.cellSubtitleFontFamily, _emotion.attachTokens.cellSubtitleFontSize, _emotion.attachTokens.cellSubtitleFontStyle, _emotion.attachTokens.cellSubtitleFontWeight, _emotion.attachTokens.cellSubtitleLetterSpacing, _emotion.attachTokens.cellSubtitleLineHeight, _emotion.attachTokens.iconButtonHeight, _emotion.attachTokens.iconButtonWidth, _emotion.attachTokens.iconButtonPadding, _emotion.attachTokens.iconButtonRadius, _emotion.attachTokens.iconButtonFontFamily, _emotion.attachTokens.iconButtonFontSize, _emotion.attachTokens.iconButtonFontStyle, _emotion.attachTokens.iconButtonFontWeight, _emotion.attachTokens.iconButtonLetterSpacing, _emotion.attachTokens.iconButtonLineHeight, _emotion.attachTokens.iconButtonSpinnerSize, _emotion.attachTokens.iconButtonSpinnerColor, _emotion.attachTokens.iconButtonCancelHeight, _emotion.attachTokens.iconButtonCancelWidth, _emotion.attachTokens.iconButtonCancelPadding, _emotion.attachTokens.iconButtonCancelRadius, _emotion.attachTokens.iconButtonCancelFontFamily, _emotion.attachTokens.iconButtonCancelFontSize, _emotion.attachTokens.iconButtonCancelFontStyle, _emotion.attachTokens.iconButtonCancelFontWeight, _emotion.attachTokens.iconButtonCancelLetterSpacing, _emotion.attachTokens.iconButtonCancelLineHeight, _emotion.attachTokens.iconButtonCancelSpinnerSize, _emotion.attachTokens.iconButtonCancelSpinnerColor)
|
|
821
|
+
l: (0, _emotion.css)(_templateObject12(), _emotion.attachTokens.horizontalGap, _emotion.attachTokens.verticalGap, _emotion.attachTokens.verticalGapWithHelperText, _emotion.attachTokens.filenameWrapperHeight, _emotion.attachTokens.buttonHeight, _emotion.attachTokens.buttonWidth, _emotion.attachTokens.buttonPadding, _emotion.attachTokens.buttonRadius, _emotion.attachTokens.buttonFontFamily, _emotion.attachTokens.buttonFontSize, _emotion.attachTokens.buttonFontStyle, _emotion.attachTokens.buttonFontWeight, _emotion.attachTokens.buttonLetterSpacing, _emotion.attachTokens.buttonLineHeight, _emotion.attachTokens.buttonSpinnerSize, _emotion.attachTokens.buttonSpinnerColor, _emotion.attachTokens.buttonLeftContentMargin, _emotion.attachTokens.buttonRightContentMargin, _emotion.attachTokens.buttonValueMargin, _emotion.attachTokens.cellWidth, _emotion.attachTokens.cellPadding, _emotion.attachTokens.cellPaddingLeftContent, _emotion.attachTokens.cellPaddingContent, _emotion.attachTokens.cellPaddingRightContent, _emotion.attachTokens.cellTextboxGap, _emotion.attachTokens.cellGap, _emotion.attachTokens.cellLabelFontFamily, _emotion.attachTokens.cellLabelFontSize, _emotion.attachTokens.cellLabelFontStyle, _emotion.attachTokens.cellLabelFontWeight, _emotion.attachTokens.cellLabelLetterSpacing, _emotion.attachTokens.cellLabelLineHeight, _emotion.attachTokens.cellTitleFontFamily, _emotion.attachTokens.cellTitleFontSize, _emotion.attachTokens.cellTitleFontStyle, _emotion.attachTokens.cellTitleFontWeight, _emotion.attachTokens.cellTitleLetterSpacing, _emotion.attachTokens.cellTitleLineHeight, _emotion.attachTokens.cellSubtitleFontFamily, _emotion.attachTokens.cellSubtitleFontSize, _emotion.attachTokens.cellSubtitleFontStyle, _emotion.attachTokens.cellSubtitleFontWeight, _emotion.attachTokens.cellSubtitleLetterSpacing, _emotion.attachTokens.cellSubtitleLineHeight, _emotion.attachTokens.iconButtonHeight, _emotion.attachTokens.iconButtonWidth, _emotion.attachTokens.iconButtonPadding, _emotion.attachTokens.iconButtonRadius, _emotion.attachTokens.iconButtonFontFamily, _emotion.attachTokens.iconButtonFontSize, _emotion.attachTokens.iconButtonFontStyle, _emotion.attachTokens.iconButtonFontWeight, _emotion.attachTokens.iconButtonLetterSpacing, _emotion.attachTokens.iconButtonLineHeight, _emotion.attachTokens.iconButtonSpinnerSize, _emotion.attachTokens.iconButtonSpinnerColor, _emotion.attachTokens.iconButtonCancelHeight, _emotion.attachTokens.iconButtonCancelWidth, _emotion.attachTokens.iconButtonCancelPadding, _emotion.attachTokens.iconButtonCancelRadius, _emotion.attachTokens.iconButtonCancelFontFamily, _emotion.attachTokens.iconButtonCancelFontSize, _emotion.attachTokens.iconButtonCancelFontStyle, _emotion.attachTokens.iconButtonCancelFontWeight, _emotion.attachTokens.iconButtonCancelLetterSpacing, _emotion.attachTokens.iconButtonCancelLineHeight, _emotion.attachTokens.iconButtonCancelSpinnerSize, _emotion.attachTokens.iconButtonCancelSpinnerColor),
|
|
822
|
+
m: (0, _emotion.css)(_templateObject13(), _emotion.attachTokens.horizontalGap, _emotion.attachTokens.verticalGap, _emotion.attachTokens.verticalGapWithHelperText, _emotion.attachTokens.filenameWrapperHeight, _emotion.attachTokens.buttonHeight, _emotion.attachTokens.buttonWidth, _emotion.attachTokens.buttonPadding, _emotion.attachTokens.buttonRadius, _emotion.attachTokens.buttonFontFamily, _emotion.attachTokens.buttonFontSize, _emotion.attachTokens.buttonFontStyle, _emotion.attachTokens.buttonFontWeight, _emotion.attachTokens.buttonLetterSpacing, _emotion.attachTokens.buttonLineHeight, _emotion.attachTokens.buttonSpinnerSize, _emotion.attachTokens.buttonSpinnerColor, _emotion.attachTokens.buttonLeftContentMargin, _emotion.attachTokens.buttonRightContentMargin, _emotion.attachTokens.buttonValueMargin, _emotion.attachTokens.cellWidth, _emotion.attachTokens.cellPadding, _emotion.attachTokens.cellPaddingLeftContent, _emotion.attachTokens.cellPaddingContent, _emotion.attachTokens.cellPaddingRightContent, _emotion.attachTokens.cellTextboxGap, _emotion.attachTokens.cellGap, _emotion.attachTokens.cellLabelFontFamily, _emotion.attachTokens.cellLabelFontSize, _emotion.attachTokens.cellLabelFontStyle, _emotion.attachTokens.cellLabelFontWeight, _emotion.attachTokens.cellLabelLetterSpacing, _emotion.attachTokens.cellLabelLineHeight, _emotion.attachTokens.cellTitleFontFamily, _emotion.attachTokens.cellTitleFontSize, _emotion.attachTokens.cellTitleFontStyle, _emotion.attachTokens.cellTitleFontWeight, _emotion.attachTokens.cellTitleLetterSpacing, _emotion.attachTokens.cellTitleLineHeight, _emotion.attachTokens.cellSubtitleFontFamily, _emotion.attachTokens.cellSubtitleFontSize, _emotion.attachTokens.cellSubtitleFontStyle, _emotion.attachTokens.cellSubtitleFontWeight, _emotion.attachTokens.cellSubtitleLetterSpacing, _emotion.attachTokens.cellSubtitleLineHeight, _emotion.attachTokens.iconButtonHeight, _emotion.attachTokens.iconButtonWidth, _emotion.attachTokens.iconButtonPadding, _emotion.attachTokens.iconButtonRadius, _emotion.attachTokens.iconButtonFontFamily, _emotion.attachTokens.iconButtonFontSize, _emotion.attachTokens.iconButtonFontStyle, _emotion.attachTokens.iconButtonFontWeight, _emotion.attachTokens.iconButtonLetterSpacing, _emotion.attachTokens.iconButtonLineHeight, _emotion.attachTokens.iconButtonSpinnerSize, _emotion.attachTokens.iconButtonSpinnerColor, _emotion.attachTokens.iconButtonCancelHeight, _emotion.attachTokens.iconButtonCancelWidth, _emotion.attachTokens.iconButtonCancelPadding, _emotion.attachTokens.iconButtonCancelRadius, _emotion.attachTokens.iconButtonCancelFontFamily, _emotion.attachTokens.iconButtonCancelFontSize, _emotion.attachTokens.iconButtonCancelFontStyle, _emotion.attachTokens.iconButtonCancelFontWeight, _emotion.attachTokens.iconButtonCancelLetterSpacing, _emotion.attachTokens.iconButtonCancelLineHeight, _emotion.attachTokens.iconButtonCancelSpinnerSize, _emotion.attachTokens.iconButtonCancelSpinnerColor),
|
|
823
|
+
s: (0, _emotion.css)(_templateObject14(), _emotion.attachTokens.horizontalGap, _emotion.attachTokens.verticalGap, _emotion.attachTokens.verticalGapWithHelperText, _emotion.attachTokens.filenameWrapperHeight, _emotion.attachTokens.buttonHeight, _emotion.attachTokens.buttonWidth, _emotion.attachTokens.buttonPadding, _emotion.attachTokens.buttonRadius, _emotion.attachTokens.buttonFontFamily, _emotion.attachTokens.buttonFontSize, _emotion.attachTokens.buttonFontStyle, _emotion.attachTokens.buttonFontWeight, _emotion.attachTokens.buttonLetterSpacing, _emotion.attachTokens.buttonLineHeight, _emotion.attachTokens.buttonSpinnerSize, _emotion.attachTokens.buttonSpinnerColor, _emotion.attachTokens.buttonLeftContentMargin, _emotion.attachTokens.buttonRightContentMargin, _emotion.attachTokens.buttonValueMargin, _emotion.attachTokens.cellWidth, _emotion.attachTokens.cellPadding, _emotion.attachTokens.cellPaddingLeftContent, _emotion.attachTokens.cellPaddingContent, _emotion.attachTokens.cellPaddingRightContent, _emotion.attachTokens.cellTextboxGap, _emotion.attachTokens.cellGap, _emotion.attachTokens.cellLabelFontFamily, _emotion.attachTokens.cellLabelFontSize, _emotion.attachTokens.cellLabelFontStyle, _emotion.attachTokens.cellLabelFontWeight, _emotion.attachTokens.cellLabelLetterSpacing, _emotion.attachTokens.cellLabelLineHeight, _emotion.attachTokens.cellTitleFontFamily, _emotion.attachTokens.cellTitleFontSize, _emotion.attachTokens.cellTitleFontStyle, _emotion.attachTokens.cellTitleFontWeight, _emotion.attachTokens.cellTitleLetterSpacing, _emotion.attachTokens.cellTitleLineHeight, _emotion.attachTokens.cellSubtitleFontFamily, _emotion.attachTokens.cellSubtitleFontSize, _emotion.attachTokens.cellSubtitleFontStyle, _emotion.attachTokens.cellSubtitleFontWeight, _emotion.attachTokens.cellSubtitleLetterSpacing, _emotion.attachTokens.cellSubtitleLineHeight, _emotion.attachTokens.iconButtonHeight, _emotion.attachTokens.iconButtonWidth, _emotion.attachTokens.iconButtonPadding, _emotion.attachTokens.iconButtonRadius, _emotion.attachTokens.iconButtonFontFamily, _emotion.attachTokens.iconButtonFontSize, _emotion.attachTokens.iconButtonFontStyle, _emotion.attachTokens.iconButtonFontWeight, _emotion.attachTokens.iconButtonLetterSpacing, _emotion.attachTokens.iconButtonLineHeight, _emotion.attachTokens.iconButtonSpinnerSize, _emotion.attachTokens.iconButtonSpinnerColor, _emotion.attachTokens.iconButtonCancelHeight, _emotion.attachTokens.iconButtonCancelWidth, _emotion.attachTokens.iconButtonCancelPadding, _emotion.attachTokens.iconButtonCancelRadius, _emotion.attachTokens.iconButtonCancelFontFamily, _emotion.attachTokens.iconButtonCancelFontSize, _emotion.attachTokens.iconButtonCancelFontStyle, _emotion.attachTokens.iconButtonCancelFontWeight, _emotion.attachTokens.iconButtonCancelLetterSpacing, _emotion.attachTokens.iconButtonCancelLineHeight, _emotion.attachTokens.iconButtonCancelSpinnerSize, _emotion.attachTokens.iconButtonCancelSpinnerColor),
|
|
824
|
+
xs: (0, _emotion.css)(_templateObject15(), _emotion.attachTokens.horizontalGap, _emotion.attachTokens.verticalGap, _emotion.attachTokens.verticalGapWithHelperText, _emotion.attachTokens.filenameWrapperHeight, _emotion.attachTokens.buttonHeight, _emotion.attachTokens.buttonWidth, _emotion.attachTokens.buttonPadding, _emotion.attachTokens.buttonRadius, _emotion.attachTokens.buttonFontFamily, _emotion.attachTokens.buttonFontSize, _emotion.attachTokens.buttonFontStyle, _emotion.attachTokens.buttonFontWeight, _emotion.attachTokens.buttonLetterSpacing, _emotion.attachTokens.buttonLineHeight, _emotion.attachTokens.buttonSpinnerSize, _emotion.attachTokens.buttonSpinnerColor, _emotion.attachTokens.buttonLeftContentMargin, _emotion.attachTokens.buttonRightContentMargin, _emotion.attachTokens.buttonValueMargin, _emotion.attachTokens.cellWidth, _emotion.attachTokens.cellPadding, _emotion.attachTokens.cellPaddingLeftContent, _emotion.attachTokens.cellPaddingContent, _emotion.attachTokens.cellPaddingRightContent, _emotion.attachTokens.cellTextboxGap, _emotion.attachTokens.cellGap, _emotion.attachTokens.cellLabelFontFamily, _emotion.attachTokens.cellLabelFontSize, _emotion.attachTokens.cellLabelFontStyle, _emotion.attachTokens.cellLabelFontWeight, _emotion.attachTokens.cellLabelLetterSpacing, _emotion.attachTokens.cellLabelLineHeight, _emotion.attachTokens.cellTitleFontFamily, _emotion.attachTokens.cellTitleFontSize, _emotion.attachTokens.cellTitleFontStyle, _emotion.attachTokens.cellTitleFontWeight, _emotion.attachTokens.cellTitleLetterSpacing, _emotion.attachTokens.cellTitleLineHeight, _emotion.attachTokens.cellSubtitleFontFamily, _emotion.attachTokens.cellSubtitleFontSize, _emotion.attachTokens.cellSubtitleFontStyle, _emotion.attachTokens.cellSubtitleFontWeight, _emotion.attachTokens.cellSubtitleLetterSpacing, _emotion.attachTokens.cellSubtitleLineHeight, _emotion.attachTokens.iconButtonHeight, _emotion.attachTokens.iconButtonWidth, _emotion.attachTokens.iconButtonPadding, _emotion.attachTokens.iconButtonRadius, _emotion.attachTokens.iconButtonFontFamily, _emotion.attachTokens.iconButtonFontSize, _emotion.attachTokens.iconButtonFontStyle, _emotion.attachTokens.iconButtonFontWeight, _emotion.attachTokens.iconButtonLetterSpacing, _emotion.attachTokens.iconButtonLineHeight, _emotion.attachTokens.iconButtonSpinnerSize, _emotion.attachTokens.iconButtonSpinnerColor, _emotion.attachTokens.iconButtonCancelHeight, _emotion.attachTokens.iconButtonCancelWidth, _emotion.attachTokens.iconButtonCancelPadding, _emotion.attachTokens.iconButtonCancelRadius, _emotion.attachTokens.iconButtonCancelFontFamily, _emotion.attachTokens.iconButtonCancelFontSize, _emotion.attachTokens.iconButtonCancelFontStyle, _emotion.attachTokens.iconButtonCancelFontWeight, _emotion.attachTokens.iconButtonCancelLetterSpacing, _emotion.attachTokens.iconButtonCancelLineHeight, _emotion.attachTokens.iconButtonCancelSpinnerSize, _emotion.attachTokens.iconButtonCancelSpinnerColor)
|
|
821
825
|
}
|
|
822
826
|
}
|
|
823
827
|
};
|
|
@@ -25,10 +25,8 @@ function _templateObject() {
|
|
|
25
25
|
": var(--inverse-text-primary);\n ",
|
|
26
26
|
": var(--inverse-text-primary);\n ",
|
|
27
27
|
": var(--inverse-text-primary);\n ",
|
|
28
|
-
": var(--inverse-text-secondary);\n
|
|
28
|
+
": var(--inverse-text-secondary);\n ",
|
|
29
29
|
": var(--surface-solid-default);\n ",
|
|
30
|
-
": var(--surface-solid-default-hover);\n ",
|
|
31
|
-
": var(--surface-solid-default-active);\n ",
|
|
32
30
|
": var(",
|
|
33
31
|
");\n ",
|
|
34
32
|
": var(--inverse-text-primary-hover);\n ",
|
|
@@ -412,7 +410,7 @@ var config = {
|
|
|
412
410
|
},
|
|
413
411
|
variations: {
|
|
414
412
|
view: {
|
|
415
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonTextColor, _emotion.buttonTokens.buttonIconColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.
|
|
413
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonTextColor, _emotion.buttonTokens.buttonIconColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive),
|
|
416
414
|
accent: (0, _emotion.css)(_templateObject1(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonTextColor, _emotion.buttonTokens.buttonIconColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
|
|
417
415
|
secondary: (0, _emotion.css)(_templateObject2(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonTextColor, _emotion.buttonTokens.buttonIconColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
|
|
418
416
|
clear: (0, _emotion.css)(_templateObject3(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonTextColor, _emotion.buttonTokens.buttonIconColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
|