@salutejs/sdds-serv 0.323.0-canary.2227.17672582071.0 → 0.323.0-canary.2231.17732581275.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/Notification/Notification.d.ts +1 -1
- package/components/Pagination/Pagination.config.js +1 -1
- package/components/Pagination/Pagination.config.js.map +1 -1
- package/components/Pagination/{Pagination.config_zljjom.css → Pagination.config_172i67c.css} +7 -7
- package/components/Pagination/Pagination.css +10 -10
- package/components/Tree/Tree.config.js +1 -1
- package/components/Tree/Tree.config.js.map +1 -1
- package/components/Tree/{Tree.config_8w5wt.css → Tree.config_3ngxbx.css} +1 -1
- package/components/Tree/Tree.css +5 -5
- package/emotion/cjs/components/Pagination/Pagination.config.js +18 -11
- package/emotion/cjs/components/Tree/Tree.config.js +4 -2
- package/emotion/es/components/Pagination/Pagination.config.js +18 -11
- package/emotion/es/components/Tree/Tree.config.js +4 -2
- package/es/components/Pagination/Pagination.config.js +1 -1
- package/es/components/Pagination/Pagination.config.js.map +1 -1
- package/es/components/Pagination/{Pagination.config_zljjom.css → Pagination.config_172i67c.css} +7 -7
- package/es/components/Pagination/Pagination.css +10 -10
- package/es/components/Tree/Tree.config.js +1 -1
- package/es/components/Tree/Tree.config.js.map +1 -1
- package/es/components/Tree/{Tree.config_8w5wt.css → Tree.config_3ngxbx.css} +1 -1
- package/es/components/Tree/Tree.css +5 -5
- package/es/index.css +15 -15
- package/package.json +3 -3
- package/styled-components/cjs/components/Pagination/Pagination.config.js +18 -11
- package/styled-components/cjs/components/Tree/Tree.config.js +4 -2
- package/styled-components/es/components/Pagination/Pagination.config.js +18 -11
- package/styled-components/es/components/Tree/Tree.config.js +4 -2
|
@@ -20,7 +20,7 @@ export declare const NotificationNewHope: React.FunctionComponent<import("@salut
|
|
|
20
20
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
21
21
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
22
22
|
};
|
|
23
|
-
}> & (React.HTMLAttributes<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChange<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>)>;
|
|
23
|
+
}> & (React.HTMLAttributes<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChange<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutDraggable<HTMLElement>)>;
|
|
24
24
|
type ConfigProps = 'size' | 'view' | 'layout' | 'closeIconType';
|
|
25
25
|
type NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> & Omit<NotificationPropsNewHope, ConfigProps>;
|
|
26
26
|
export declare const Notification: ForwardRefExoticComponent<NotificationProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.config.js","sources":["../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n default: css`\n ${paginationTokens.buttonColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--inverse-text-primary-active);\n ${paginationTokens.buttonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n ${paginationTokens.buttonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonArrowColor}: var(--inverse-text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--inverse-text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.inputBorderColor}:transparent;\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n secondary: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-secondary);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n clear: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-clear);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-card);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 90%);\n `,\n },\n size: {\n l: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-l-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-l-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-l-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${paginationTokens.buttonHeight}: 3.5rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2.25rem;\n ${paginationTokens.paginationInputWidth}: 4rem;\n ${paginationTokens.buttonRadius}: 0.875rem;\n ${paginationTokens.paginationIconSize}: 1.2rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.45rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.5rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 1rem 1rem 1rem 1rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.875rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 1rem;\n ${paginationTokens.selectTargetPadding}: 1.5rem 0 1.5rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.875rem;\n ${paginationTokens.inputWidth}: 4rem;\n ${paginationTokens.inputHeight}: 3.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n m: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-m-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-m-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-m-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${paginationTokens.buttonHeight}: 3rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2rem;\n ${paginationTokens.paginationInputWidth}: 3.5rem;\n ${paginationTokens.buttonRadius}: 0.75rem;\n ${paginationTokens.paginationIconSize}: 1.05rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.3rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.375rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.875rem;\n ${paginationTokens.selectTargetPadding}: 1.25rem 0 1.25rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.75rem;\n ${paginationTokens.inputWidth}: 3.5rem;\n ${paginationTokens.inputHeight}: 3rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n s: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-s-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-s-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-s-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-xs-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetPadding}: 0.75rem 0 0.75rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","default","secondary","clear","l","m","s","xs","type","compact"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAyBC,UAAA;AACDC,MAAAA,SAAS,EAqBR,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAsBR;AACDL,IAAAA,eAAe,EAAE;AACbG,MAAAA,SAAAA,EAeC,UAAA;AACDC,MAAAA,SAAS,EAeR,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAQR;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAuCL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAO,UAAA;MACdR,SAAO,EAAA,SAAA;AACX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Pagination.config.js","sources":["../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n default: css`\n ${paginationTokens.buttonColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--inverse-text-primary-active);\n ${paginationTokens.buttonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n ${paginationTokens.buttonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonArrowColor}: var(--inverse-text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--inverse-text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.inputBorderColor}:transparent;\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n secondary: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-secondary);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n clear: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-clear);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-card);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 90%);\n `,\n },\n size: {\n l: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-l-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-l-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-l-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${paginationTokens.buttonHeight}: 3.5rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2.25rem;\n ${paginationTokens.paginationInputWidth}: 4rem;\n ${paginationTokens.buttonRadius}: 0.875rem;\n ${paginationTokens.paginationIconSize}: 1.2rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.45rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.5rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 1rem 1rem 1rem 1rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.875rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 1rem;\n ${paginationTokens.selectTargetPadding}: 1.5rem 0 1.5rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.875rem;\n ${paginationTokens.inputWidth}: 4rem;\n ${paginationTokens.inputHeight}: 3.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n m: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-m-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-m-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-m-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${paginationTokens.buttonHeight}: 3rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2rem;\n ${paginationTokens.paginationInputWidth}: 3.5rem;\n ${paginationTokens.buttonRadius}: 0.75rem;\n ${paginationTokens.paginationIconSize}: 1.05rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.3rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.375rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.875rem;\n ${paginationTokens.selectTargetPadding}: 1.25rem 0 1.25rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.75rem;\n ${paginationTokens.inputWidth}: 3.5rem;\n ${paginationTokens.inputHeight}: 3rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n s: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-s-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-s-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-s-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-xs-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetPadding}: 0.75rem 0 0.75rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","default","secondary","clear","l","m","s","xs","type","compact"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EA0BC,UAAA;AACDC,MAAAA,SAAS,EAsBR,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAuBR;AACDL,IAAAA,eAAe,EAAE;AACbG,MAAAA,SAAAA,EAeC,UAAA;AACDC,MAAAA,SAAS,EAeR,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAQR;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAwCA,UAAA;AACDC,MAAAA,CAAC,EAwCA,UAAA;AACDC,MAAAA,CAAC,EAwCA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAyCL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAO,UAAA;MACdR,SAAO,EAAA,SAAA;AACX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
package/components/Pagination/{Pagination.config_zljjom.css → Pagination.config_172i67c.css}
RENAMED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
.d147d9k7{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover);--plasma-pagination-button-color-active:var(--inverse-text-primary-active);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active);--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
|
|
2
|
-
.s1g35n3{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-bg-color-hover:var(--surface-transparent-secondary-hover);--plasma-pagination-button-bg-color-active:var(--surface-transparent-secondary-active);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
|
|
3
|
-
.c1o7skzx{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-clear);--plasma-pagination-button-bg-color-hover:var(--surface-clear);--plasma-pagination-button-bg-color-active:var(--surface-clear);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-card);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination--button-color-focus:var(--surface-accent);}
|
|
1
|
+
.d147d9k7{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover);--plasma-pagination-button-color-active:var(--inverse-text-primary-active);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active);--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
|
|
2
|
+
.s1g35n3{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-bg-color-hover:var(--surface-transparent-secondary-hover);--plasma-pagination-button-bg-color-active:var(--surface-transparent-secondary-active);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
|
|
3
|
+
.c1o7skzx{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-clear);--plasma-pagination-button-bg-color-hover:var(--surface-clear);--plasma-pagination-button-bg-color-active:var(--surface-clear);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-card);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
|
|
4
4
|
.d17sk1w4{--plasma-pagination-button-current-color:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color:var(--surface-solid-default);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );}
|
|
5
5
|
.sovf1p6{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 85% );--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 80% );}
|
|
6
6
|
.c6lqjbg{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-clear);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);}
|
|
7
|
-
.l1j7j26c{--plasma-pagination-font-family:var(--plasma-typo-body-l-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-l-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-l-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-l-line-height);--plasma-pagination-button-height:3.5rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2.25rem;--plasma-pagination-input-width:4rem;--plasma-pagination-button-radius:0.875rem;--plasma-pagination-icon-size:1.2rem;--plasma-pagination-icon-double-size:1.45rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:1rem 1rem 1rem 1rem;--plasma-pagination-select-item-content-left-width:1.875rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:1rem;--plasma-pagination-select-target-padding:1.5rem 0 1.5rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.875rem;--plasma-pagination-input-width:4rem;--plasma-pagination-input-height:3.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
|
|
8
|
-
.m18ks0gg{--plasma-pagination-font-family:var(--plasma-typo-body-m-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-m-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-m-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-m-line-height);--plasma-pagination-button-height:3rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-button-radius:0.75rem;--plasma-pagination-icon-size:1.05rem;--plasma-pagination-icon-double-size:1.3rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.875rem;--plasma-pagination-select-target-padding:1.25rem 0 1.25rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.75rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-input-height:3rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
|
|
9
|
-
.sd1ub5p{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
|
|
10
|
-
.xrmyrl1{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;}
|
|
7
|
+
.l1j7j26c{--plasma-pagination-font-family:var(--plasma-typo-body-l-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-l-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-l-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-l-line-height);--plasma-pagination-button-height:3.5rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2.25rem;--plasma-pagination-input-width:4rem;--plasma-pagination-button-radius:0.875rem;--plasma-pagination-icon-size:1.2rem;--plasma-pagination-icon-double-size:1.45rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:1rem 1rem 1rem 1rem;--plasma-pagination-select-item-content-left-width:1.875rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:1rem;--plasma-pagination-select-target-padding:1.5rem 0 1.5rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.875rem;--plasma-pagination-input-width:4rem;--plasma-pagination-input-height:3.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
|
|
8
|
+
.m18ks0gg{--plasma-pagination-font-family:var(--plasma-typo-body-m-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-m-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-m-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-m-line-height);--plasma-pagination-button-height:3rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-button-radius:0.75rem;--plasma-pagination-icon-size:1.05rem;--plasma-pagination-icon-double-size:1.3rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.875rem;--plasma-pagination-select-target-padding:1.25rem 0 1.25rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.75rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-input-height:3rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
|
|
9
|
+
.sd1ub5p{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
|
|
10
|
+
.xrmyrl1{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
|
|
11
11
|
|
|
12
12
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
1
|
+
.Pagination_config_172i67c_d147d9k7__008a6fc6{--plasma-pagination-button-color:var(--inverse-text-primary);--plasma-pagination-button-color-hover:var(--inverse-text-primary-hover);--plasma-pagination-button-color-active:var(--inverse-text-primary-active);--plasma-pagination-button-color-hover:var(--inverse-text-primary);--plasma-pagination-button-bg-color:var(--surface-solid-default);--plasma-pagination-button-bg-color-hover:var(--surface-solid-default-hover);--plasma-pagination-button-bg-color-active:var(--surface-solid-default-active);--plasma-pagination--button-color-active:var(--inverse-text-primary);--plasma-pagination--button-arrow-color:var(--inverse-text-secondary);--plasma-pagination--button-arrow-color-hover:var(--inverse-text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--inverse-text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-select-bg-color:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
|
|
2
|
+
.Pagination_config_172i67c_s1g35n3__008a6fc6{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-bg-color-hover:var(--surface-transparent-secondary-hover);--plasma-pagination-button-bg-color-active:var(--surface-transparent-secondary-active);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-secondary);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
|
|
3
|
+
.Pagination_config_172i67c_c1o7skzx__008a6fc6{--plasma-pagination-button-color:var(--text-primary);--plasma-pagination-button-color-hover:var(--text-primary-hover);--plasma-pagination-button-color-active:var(--text-primary-active);--plasma-pagination-button-bg-color:var(--surface-clear);--plasma-pagination-button-bg-color-hover:var(--surface-clear);--plasma-pagination-button-bg-color-active:var(--surface-clear);--plasma-pagination-button-color-hover:var(--text-primary);--plasma-pagination--button-color-active:var(--text-primary);--plasma-pagination--button-arrow-color:var(--text-secondary);--plasma-pagination--button-arrow-color-hover:var(--text-secondary-hover);--plasma-pagination--button-arrow-color-active:var(--text-secondary-hover);--plasma-pagination-button-disabled-opacity:0.4;--plasma-pagination-input-bg-color:var(--surface-transparent-secondary);--plasma-pagination-select-bg-color:var(--surface-solid-card);--plasma-pagination-input-border-color:transparent;--plasma-pagination-color:var(--text-primary);--plasma-pagination-helper-text-color:var(--text-secondary);--plasma-pagination--button-color-focus:var(--surface-accent);}
|
|
4
|
+
.Pagination_config_172i67c_d17sk1w4__008a6fc6{--plasma-pagination-button-current-color:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color:var(--surface-solid-default);--plasma-pagination-button-current-color-hover:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 85% );--plasma-pagination--button-current-color-active:var(--inverse-text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-solid-default) 80% );}
|
|
5
|
+
.Pagination_config_172i67c_sovf1p6__008a6fc6{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-transparent-secondary);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 85% );--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix( in srgb, var(--inverse-text-primary), var(--surface-transparent-secondary) 80% );}
|
|
6
|
+
.Pagination_config_172i67c_c6lqjbg__008a6fc6{--plasma-pagination-button-current-color:var(--text-primary);--plasma-pagination-button-current-bg-color:var(--surface-clear);--plasma-pagination-button-current-color-hover:var(--text-primary);--plasma-pagination-button-current-bg-color-hover:color-mix(in srgb,var(--text-primary),var(--surface-clear) 95%);--plasma-pagination--button-current-color-active:var(--text-primary);--plasma-pagination-button-current-bg-color-active:color-mix(in srgb,var(--text-primary),var(--surface-clear) 90%);}
|
|
7
|
+
.Pagination_config_172i67c_l1j7j26c__008a6fc6{--plasma-pagination-font-family:var(--plasma-typo-body-l-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-l-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-l-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-l-line-height);--plasma-pagination-button-height:3.5rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2.25rem;--plasma-pagination-input-width:4rem;--plasma-pagination-button-radius:0.875rem;--plasma-pagination-icon-size:1.2rem;--plasma-pagination-icon-double-size:1.45rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.5rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:1rem 1rem 1rem 1rem;--plasma-pagination-select-item-content-left-width:1.875rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:1rem;--plasma-pagination-select-target-padding:1.5rem 0 1.5rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.875rem;--plasma-pagination-input-width:4rem;--plasma-pagination-input-height:3.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
|
|
8
|
+
.Pagination_config_172i67c_m18ks0gg__008a6fc6{--plasma-pagination-font-family:var(--plasma-typo-body-m-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-m-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-m-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-m-line-height);--plasma-pagination-button-height:3rem;--plasma-pagination-button-width:3rem;--plasma-pagination-button-width-shorter:2rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-button-radius:0.75rem;--plasma-pagination-icon-size:1.05rem;--plasma-pagination-icon-double-size:1.3rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.375rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.875rem;--plasma-pagination-select-target-padding:1.25rem 0 1.25rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.75rem;--plasma-pagination-input-width:3.5rem;--plasma-pagination-input-height:3rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
|
|
9
|
+
.Pagination_config_172i67c_sd1ub5p__008a6fc6{--plasma-pagination-font-family:var(--plasma-typo-body-s-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-s-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-s-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-s-line-height);--plasma-pagination-button-height:2.5rem;--plasma-pagination-button-width:2.5rem;--plasma-pagination-button-width-shorter:1.75rem;--plasma-pagination-input-width:3rem;--plasma-pagination-button-radius:0.625rem;--plasma-pagination-icon-size:0.9rem;--plasma-pagination-icon-double-size:1.15rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1.5rem;--plasma-pagination-select-item-padding:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-pagination-select-item-content-left-width:1.75rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.75rem;--plasma-pagination-select-target-padding:1rem 0 1rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.625rem;--plasma-pagination-input-width:3rem;--plasma-pagination-input-height:2.5rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
|
|
10
|
+
.Pagination_config_172i67c_xrmyrl1__008a6fc6{--plasma-pagination-font-family:var(--plasma-typo-body-xs-font-family);--plasma-pagination-font-size:var(--plasma-typo-body-xs-font-size);--plasma-pagination-font-style:var(--plasma-typo-body-xs-font-style);--plasma-pagination-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-pagination-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-pagination-line-height:var(--plasma-typo-body-xs-line-height);--plasma-pagination-button-height:2rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-button-radius:0.5rem;--plasma-pagination-button-width:2rem;--plasma-pagination-button-width-shorter:1.5rem;--plasma-pagination-icon-size:0.75rem;--plasma-pagination-icon-double-size:1rem;--plasma-pagination--button-arrow-margin:0 -0.125rem 0 0.25rem;--plasma-pagination-select-height:auto;--plasma-pagination-select-padding-top:0.125rem;--plasma-pagination-select-padding-right:0.125rem;--plasma-pagination-select-padding-bottom:0.125rem;--plasma-pagination-select-padding-left:0.125rem;--plasma-pagination-select-item-height:1rem;--plasma-pagination-select-item-padding:0.5rem 0.5rem 0.5rem 0.5rem;--plasma-pagination-select-item-content-left-width:1.25rem;--plasma-pagination-select-item-bg-color:transparent;--plasma-pagination-select-target-arrow-right:0.5rem;--plasma-pagination-select-target-padding:0.75rem 0 0.75rem;--plasma-pagination-select-target-inner-top:0.5rem;--plasma-pagination-select-target-label-inner-top:0.375rem;--plasma-pagination-input-border-radius:0.5rem;--plasma-pagination-input-width:2.5rem;--plasma-pagination-input-height:2rem;--plasma-pagination-input-padding:0 0.625rem;--plasma-pagination-input-border-width:0.0625rem;--plasma-pagination-helper-text-gap:0.5rem 2.5rem;}
|
|
11
11
|
|
|
12
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.config.js","sources":["../../src-css/components/Tree/Tree.config.ts"],"sourcesContent":["import { css, treeTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.iconFolderColor}: var(--text-primary);\n ${tokens.arrowColor}: var(--text-secondary);\n ${tokens.arrowColorHover}: var(--text-secondary-hover);\n ${tokens.arrowColorActive}: var(--text-secondary-active);\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSelected}: var(--text-primary);\n ${tokens.itemBackgroundColorSelected}: var(--surface-transparent-secondary);\n ${tokens.itemBackgroundColorPrimary}: transparent;\n\n ${tokens.itemBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.itemBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${tokens.checkboxBorderColor}: var(--text-secondary);\n ${tokens.checkboxBackgroundColor}: var(--text-accent);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledBorderColor}: var(--text-secondary);\n ${tokens.itemDisabledColor}: var(--text-secondary);\n `,\n },\n size: {\n l: css`\n ${tokens.itemHeight}: 3.5rem;\n ${tokens.itemPadding}: 1rem;\n ${tokens.itemPaddingTight}: 0.375rem;\n ${tokens.itemIndent}: 2rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n ${tokens.itemTop}: 0.25rem;\n ${tokens.itemBottom}: 0.25rem;\n ${tokens.iconFolderMargin}: 0 0.5rem 0 0;\n ${tokens.switcherMargin}: 0 0.5rem 0 0;\n ${tokens.switcherMarginInverted}: 0 0 0 0.5rem;\n ${tokens.switcherSize}: 1.5rem;\n ${tokens.checkboxMargin}: 0 0.5rem 0 0;\n ${tokens.checkboxSize}: 1.5rem;\n ${tokens.checkboxInnerSize}: 1.25rem;\n ${tokens.checkboxBorderRadius}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${tokens.itemHeight}: 3rem;\n ${tokens.itemPadding}: 0.875rem;\n ${tokens.itemPaddingTight}: 0.375rem;\n ${tokens.itemIndent}: 2rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n ${tokens.itemTop}: 0.25rem;\n ${tokens.itemBottom}: 0.25rem;\n ${tokens.iconFolderMargin}: 0 0.5rem 0 0;\n ${tokens.switcherMargin}: 0 0.5rem 0 0;\n ${tokens.switcherMarginInverted}: 0 0 0 0.5rem;\n ${tokens.switcherSize}: 1.5rem;\n ${tokens.checkboxMargin}: 0 0.5rem 0 0;\n ${tokens.checkboxSize}: 1.5rem;\n ${tokens.checkboxInnerSize}: 1.25rem;\n ${tokens.checkboxBorderRadius}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${tokens.itemHeight}: 2.5rem;\n ${tokens.itemPadding}: 0.75rem;\n ${tokens.itemPaddingTight}: 0.25rem;\n ${tokens.itemIndent}: 1.875rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n ${tokens.itemTop}: 0.25rem;\n ${tokens.itemBottom}: 0.25rem;\n ${tokens.iconFolderMargin}: 0 0.375rem 0 0;\n ${tokens.switcherMargin}: 0 0.375rem 0 0;\n ${tokens.switcherMarginInverted}: 0 0 0 0.375rem;\n ${tokens.switcherSize}: 1.5rem;\n ${tokens.checkboxMargin}: 0 0.25rem 0 0;\n ${tokens.checkboxSize}: 1.5rem;\n ${tokens.checkboxInnerSize}: 1.25rem;\n ${tokens.checkboxBorderRadius}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${tokens.itemHeight}: 2rem;\n ${tokens.itemPadding}: 0.5rem;\n ${tokens.itemPaddingTight}: 0.125rem;\n ${tokens.itemIndent}: 1.25rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n ${tokens.itemTop}: 0.25rem;\n ${tokens.itemBottom}: 0.25rem;\n ${tokens.iconFolderMargin}: 0 0.25rem 0 0;\n ${tokens.switcherMargin}: 0 0.25rem 0 0;\n ${tokens.switcherMarginInverted}: 0 0 0 0.25rem;\n ${tokens.switcherSize}: 1rem;\n ${tokens.checkboxMargin}: 0 0.25rem 0 0;\n ${tokens.checkboxSize}: 1rem;\n ${tokens.checkboxInnerSize}: 0.875rem;\n ${tokens.checkboxBorderRadius}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;
|
|
1
|
+
{"version":3,"file":"Tree.config.js","sources":["../../src-css/components/Tree/Tree.config.ts"],"sourcesContent":["import { css, treeTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.iconFolderColor}: var(--text-primary);\n ${tokens.arrowColor}: var(--text-secondary);\n ${tokens.arrowColorHover}: var(--text-secondary-hover);\n ${tokens.arrowColorActive}: var(--text-secondary-active);\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSelected}: var(--text-primary);\n ${tokens.itemBackgroundColorSelected}: var(--surface-transparent-secondary);\n ${tokens.itemBackgroundColorPrimary}: transparent;\n\n ${tokens.itemBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.itemBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${tokens.checkboxBorderColor}: var(--text-secondary);\n ${tokens.checkboxBackgroundColor}: var(--text-accent);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledBorderColor}: var(--text-secondary);\n ${tokens.itemDisabledColor}: var(--text-secondary);\n ${tokens.itemDraggableBorderColor}: var(--surface-positive);\n ${tokens.itemDraggableLineColor}: var(--surface-solid-default);\n `,\n },\n size: {\n l: css`\n ${tokens.itemHeight}: 3.5rem;\n ${tokens.itemPadding}: 1rem;\n ${tokens.itemPaddingTight}: 0.375rem;\n ${tokens.itemIndent}: 2rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n ${tokens.itemTop}: 0.25rem;\n ${tokens.itemBottom}: 0.25rem;\n ${tokens.iconFolderMargin}: 0 0.5rem 0 0;\n ${tokens.switcherMargin}: 0 0.5rem 0 0;\n ${tokens.switcherMarginInverted}: 0 0 0 0.5rem;\n ${tokens.switcherSize}: 1.5rem;\n ${tokens.checkboxMargin}: 0 0.5rem 0 0;\n ${tokens.checkboxSize}: 1.5rem;\n ${tokens.checkboxInnerSize}: 1.25rem;\n ${tokens.checkboxBorderRadius}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${tokens.itemHeight}: 3rem;\n ${tokens.itemPadding}: 0.875rem;\n ${tokens.itemPaddingTight}: 0.375rem;\n ${tokens.itemIndent}: 2rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n ${tokens.itemTop}: 0.25rem;\n ${tokens.itemBottom}: 0.25rem;\n ${tokens.iconFolderMargin}: 0 0.5rem 0 0;\n ${tokens.switcherMargin}: 0 0.5rem 0 0;\n ${tokens.switcherMarginInverted}: 0 0 0 0.5rem;\n ${tokens.switcherSize}: 1.5rem;\n ${tokens.checkboxMargin}: 0 0.5rem 0 0;\n ${tokens.checkboxSize}: 1.5rem;\n ${tokens.checkboxInnerSize}: 1.25rem;\n ${tokens.checkboxBorderRadius}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${tokens.itemHeight}: 2.5rem;\n ${tokens.itemPadding}: 0.75rem;\n ${tokens.itemPaddingTight}: 0.25rem;\n ${tokens.itemIndent}: 1.875rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n ${tokens.itemTop}: 0.25rem;\n ${tokens.itemBottom}: 0.25rem;\n ${tokens.iconFolderMargin}: 0 0.375rem 0 0;\n ${tokens.switcherMargin}: 0 0.375rem 0 0;\n ${tokens.switcherMarginInverted}: 0 0 0 0.375rem;\n ${tokens.switcherSize}: 1.5rem;\n ${tokens.checkboxMargin}: 0 0.25rem 0 0;\n ${tokens.checkboxSize}: 1.5rem;\n ${tokens.checkboxInnerSize}: 1.25rem;\n ${tokens.checkboxBorderRadius}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${tokens.itemHeight}: 2rem;\n ${tokens.itemPadding}: 0.5rem;\n ${tokens.itemPaddingTight}: 0.125rem;\n ${tokens.itemIndent}: 1.25rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n ${tokens.itemTop}: 0.25rem;\n ${tokens.itemBottom}: 0.25rem;\n ${tokens.iconFolderMargin}: 0 0.25rem 0 0;\n ${tokens.switcherMargin}: 0 0.25rem 0 0;\n ${tokens.switcherMarginInverted}: 0 0 0 0.25rem;\n ${tokens.switcherSize}: 1rem;\n ${tokens.checkboxMargin}: 0 0.25rem 0 0;\n ${tokens.checkboxSize}: 1rem;\n ${tokens.checkboxInnerSize}: 0.875rem;\n ${tokens.checkboxBorderRadius}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAuBA,SAAA;AACDC,MAAAA,CAAC,EAuBA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAwBN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.de6q557{--plasma-tree-icon-folder-color:var(--text-primary);--plasma-tree-arrow-color:var(--text-secondary);--plasma-tree-arrow-color-hover:var(--text-secondary-hover);--plasma-tree-arrow-color-active:var(--text-secondary-active);--plasma-tree-color:var(--text-primary);--plasma-tree-color-selected:var(--text-primary);--plasma-tree-item-background-color-selected:var(--surface-transparent-secondary);--plasma-tree-item-background-color-primary:transparent;--plasma-tree-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-tree-item-background-color-active:var(--surface-transparent-secondary-active);--plasma-tree-checkbox-border-color:var(--text-secondary);--plasma-tree-checkbox-background-color:var(--text-accent);--plasma-tree-item-disabled-opacity:0.4;--plasma-tree-item-disabled-border-color:var(--text-secondary);--plasma-tree-item-disabled-color:var(--text-secondary);}
|
|
1
|
+
.de6q557{--plasma-tree-icon-folder-color:var(--text-primary);--plasma-tree-arrow-color:var(--text-secondary);--plasma-tree-arrow-color-hover:var(--text-secondary-hover);--plasma-tree-arrow-color-active:var(--text-secondary-active);--plasma-tree-color:var(--text-primary);--plasma-tree-color-selected:var(--text-primary);--plasma-tree-item-background-color-selected:var(--surface-transparent-secondary);--plasma-tree-item-background-color-primary:transparent;--plasma-tree-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-tree-item-background-color-active:var(--surface-transparent-secondary-active);--plasma-tree-checkbox-border-color:var(--text-secondary);--plasma-tree-checkbox-background-color:var(--text-accent);--plasma-tree-item-disabled-opacity:0.4;--plasma-tree-item-disabled-border-color:var(--text-secondary);--plasma-tree-item-disabled-color:var(--text-secondary);--plasma-tree-item-draggable-border-color:var(--surface-positive);--plasma-tree-item-draggable-line-color:var(--surface-solid-default);}
|
|
2
2
|
.l1adci4f{--plasma-tree-item-height:3.5rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.75rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.5rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-l-font-family);--plasma-tree-font-size:var(--plasma-typo-body-l-font-size);--plasma-tree-font-style:var(--plasma-typo-body-l-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-l-line-height);}
|
|
3
3
|
.mtlwm4v{--plasma-tree-item-height:3rem;--plasma-tree-item-padding:0.875rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.625rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.5rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-m-font-family);--plasma-tree-font-size:var(--plasma-typo-body-m-font-size);--plasma-tree-font-style:var(--plasma-typo-body-m-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-m-line-height);}
|
|
4
4
|
.s5rli8c{--plasma-tree-item-height:2.5rem;--plasma-tree-item-padding:0.75rem;--plasma-tree-item-padding-tight:0.25rem;--plasma-tree-item-indent:1.875rem;--plasma-tree-item-border-radius:0.5rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.375rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-s-font-family);--plasma-tree-font-size:var(--plasma-typo-body-s-font-size);--plasma-tree-font-style:var(--plasma-typo-body-s-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-s-line-height);}
|
package/components/Tree/Tree.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
1
|
+
.Tree_config_3ngxbx_de6q557__c639ed19{--plasma-tree-icon-folder-color:var(--text-primary);--plasma-tree-arrow-color:var(--text-secondary);--plasma-tree-arrow-color-hover:var(--text-secondary-hover);--plasma-tree-arrow-color-active:var(--text-secondary-active);--plasma-tree-color:var(--text-primary);--plasma-tree-color-selected:var(--text-primary);--plasma-tree-item-background-color-selected:var(--surface-transparent-secondary);--plasma-tree-item-background-color-primary:transparent;--plasma-tree-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-tree-item-background-color-active:var(--surface-transparent-secondary-active);--plasma-tree-checkbox-border-color:var(--text-secondary);--plasma-tree-checkbox-background-color:var(--text-accent);--plasma-tree-item-disabled-opacity:0.4;--plasma-tree-item-disabled-border-color:var(--text-secondary);--plasma-tree-item-disabled-color:var(--text-secondary);--plasma-tree-item-draggable-border-color:var(--surface-positive);--plasma-tree-item-draggable-line-color:var(--surface-solid-default);}
|
|
2
|
+
.Tree_config_3ngxbx_l1adci4f__c639ed19{--plasma-tree-item-height:3.5rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.75rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.5rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-l-font-family);--plasma-tree-font-size:var(--plasma-typo-body-l-font-size);--plasma-tree-font-style:var(--plasma-typo-body-l-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-l-line-height);}
|
|
3
|
+
.Tree_config_3ngxbx_mtlwm4v__c639ed19{--plasma-tree-item-height:3rem;--plasma-tree-item-padding:0.875rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.625rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.5rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-m-font-family);--plasma-tree-font-size:var(--plasma-typo-body-m-font-size);--plasma-tree-font-style:var(--plasma-typo-body-m-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-m-line-height);}
|
|
4
|
+
.Tree_config_3ngxbx_s5rli8c__c639ed19{--plasma-tree-item-height:2.5rem;--plasma-tree-item-padding:0.75rem;--plasma-tree-item-padding-tight:0.25rem;--plasma-tree-item-indent:1.875rem;--plasma-tree-item-border-radius:0.5rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.375rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-s-font-family);--plasma-tree-font-size:var(--plasma-typo-body-s-font-size);--plasma-tree-font-style:var(--plasma-typo-body-s-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-s-line-height);}
|
|
5
|
+
.Tree_config_3ngxbx_xvylsia__c639ed19{--plasma-tree-item-height:2rem;--plasma-tree-item-padding:0.5rem;--plasma-tree-item-padding-tight:0.125rem;--plasma-tree-item-indent:1.25rem;--plasma-tree-item-border-radius:0.375rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.25rem;--plasma-tree-switcher-size:1rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1rem;--plasma-tree-checkbox-inner-size:0.875rem;--plasma-tree-checkbox-border-radius:0.25rem;--plasma-tree-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tree-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tree-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
@@ -38,6 +38,7 @@ function _templateObject() {
|
|
|
38
38
|
":transparent;\n ",
|
|
39
39
|
": color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ",
|
|
40
40
|
": var(--text-primary);\n ",
|
|
41
|
+
": var(--text-secondary);\n ",
|
|
41
42
|
": var(--surface-accent);\n "
|
|
42
43
|
]);
|
|
43
44
|
_templateObject = function _templateObject() {
|
|
@@ -64,6 +65,7 @@ function _templateObject1() {
|
|
|
64
65
|
": var(--surface-solid-secondary);\n ",
|
|
65
66
|
": transparent;\n\n ",
|
|
66
67
|
": var(--text-primary);\n ",
|
|
68
|
+
": var(--text-secondary);\n ",
|
|
67
69
|
": var(--surface-accent);\n "
|
|
68
70
|
]);
|
|
69
71
|
_templateObject1 = function _templateObject() {
|
|
@@ -90,6 +92,7 @@ function _templateObject2() {
|
|
|
90
92
|
": var(--surface-solid-card);\n ",
|
|
91
93
|
": transparent;\n\n ",
|
|
92
94
|
": var(--text-primary);\n ",
|
|
95
|
+
": var(--text-secondary);\n ",
|
|
93
96
|
": var(--surface-accent);\n "
|
|
94
97
|
]);
|
|
95
98
|
_templateObject2 = function _templateObject() {
|
|
@@ -176,7 +179,8 @@ function _templateObject6() {
|
|
|
176
179
|
": 4rem;\n ",
|
|
177
180
|
": 3.5rem;\n ",
|
|
178
181
|
": 0 0.625rem;\n ",
|
|
179
|
-
": 0.0625rem;\n
|
|
182
|
+
": 0.0625rem;\n\n ",
|
|
183
|
+
": 0.5rem 2.5rem;\n "
|
|
180
184
|
]);
|
|
181
185
|
_templateObject6 = function _templateObject() {
|
|
182
186
|
return data;
|
|
@@ -217,7 +221,8 @@ function _templateObject7() {
|
|
|
217
221
|
": 3.5rem;\n ",
|
|
218
222
|
": 3rem;\n ",
|
|
219
223
|
": 0 0.625rem;\n ",
|
|
220
|
-
": 0.0625rem;\n
|
|
224
|
+
": 0.0625rem;\n\n ",
|
|
225
|
+
": 0.5rem 2.5rem;\n "
|
|
221
226
|
]);
|
|
222
227
|
_templateObject7 = function _templateObject() {
|
|
223
228
|
return data;
|
|
@@ -258,7 +263,8 @@ function _templateObject8() {
|
|
|
258
263
|
": 3rem;\n ",
|
|
259
264
|
": 2.5rem;\n ",
|
|
260
265
|
": 0 0.625rem;\n ",
|
|
261
|
-
": 0.0625rem;\n
|
|
266
|
+
": 0.0625rem;\n\n ",
|
|
267
|
+
": 0.5rem 2.5rem;\n "
|
|
262
268
|
]);
|
|
263
269
|
_templateObject8 = function _templateObject() {
|
|
264
270
|
return data;
|
|
@@ -299,7 +305,8 @@ function _templateObject9() {
|
|
|
299
305
|
": 2.5rem;\n ",
|
|
300
306
|
": 2rem;\n ",
|
|
301
307
|
": 0 0.625rem;\n ",
|
|
302
|
-
": 0.0625rem;\n
|
|
308
|
+
": 0.0625rem;\n\n ",
|
|
309
|
+
": 0.5rem 2.5rem;\n "
|
|
303
310
|
]);
|
|
304
311
|
_templateObject9 = function _templateObject() {
|
|
305
312
|
return data;
|
|
@@ -332,9 +339,9 @@ var config = {
|
|
|
332
339
|
},
|
|
333
340
|
variations: {
|
|
334
341
|
view: {
|
|
335
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.paginationTokens.buttonColor, _emotion.paginationTokens.buttonColorHover, _emotion.paginationTokens.buttonColorActive, _emotion.paginationTokens.buttonHoverColor, _emotion.paginationTokens.buttonBackgroundColor, _emotion.paginationTokens.buttonBackgroundColorHover, _emotion.paginationTokens.buttonBackgroundColorActive, _emotion.paginationTokens.buttonActiveColor, _emotion.paginationTokens.buttonArrowColor, _emotion.paginationTokens.buttonArrowColorHover, _emotion.paginationTokens.buttonArrowColorActive, _emotion.paginationTokens.buttonDisabledOpacity, _emotion.paginationTokens.inputBackgroundColor, _emotion.paginationTokens.inputBorderColor, _emotion.paginationTokens.selectBackgroundColor, _emotion.paginationTokens.paginationColor, _emotion.paginationTokens.buttonFocusColor),
|
|
336
|
-
secondary: (0, _emotion.css)(_templateObject1(), _emotion.paginationTokens.buttonColor, _emotion.paginationTokens.buttonColorHover, _emotion.paginationTokens.buttonColorActive, _emotion.paginationTokens.buttonBackgroundColor, _emotion.paginationTokens.buttonBackgroundColorHover, _emotion.paginationTokens.buttonBackgroundColorActive, _emotion.paginationTokens.buttonHoverColor, _emotion.paginationTokens.buttonActiveColor, _emotion.paginationTokens.buttonArrowColor, _emotion.paginationTokens.buttonArrowColorHover, _emotion.paginationTokens.buttonArrowColorActive, _emotion.paginationTokens.buttonDisabledOpacity, _emotion.paginationTokens.inputBackgroundColor, _emotion.paginationTokens.selectBackgroundColor, _emotion.paginationTokens.inputBorderColor, _emotion.paginationTokens.paginationColor, _emotion.paginationTokens.buttonFocusColor),
|
|
337
|
-
clear: (0, _emotion.css)(_templateObject2(), _emotion.paginationTokens.buttonColor, _emotion.paginationTokens.buttonColorHover, _emotion.paginationTokens.buttonColorActive, _emotion.paginationTokens.buttonBackgroundColor, _emotion.paginationTokens.buttonBackgroundColorHover, _emotion.paginationTokens.buttonBackgroundColorActive, _emotion.paginationTokens.buttonHoverColor, _emotion.paginationTokens.buttonActiveColor, _emotion.paginationTokens.buttonArrowColor, _emotion.paginationTokens.buttonArrowColorHover, _emotion.paginationTokens.buttonArrowColorActive, _emotion.paginationTokens.buttonDisabledOpacity, _emotion.paginationTokens.inputBackgroundColor, _emotion.paginationTokens.selectBackgroundColor, _emotion.paginationTokens.inputBorderColor, _emotion.paginationTokens.paginationColor, _emotion.paginationTokens.buttonFocusColor)
|
|
342
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.paginationTokens.buttonColor, _emotion.paginationTokens.buttonColorHover, _emotion.paginationTokens.buttonColorActive, _emotion.paginationTokens.buttonHoverColor, _emotion.paginationTokens.buttonBackgroundColor, _emotion.paginationTokens.buttonBackgroundColorHover, _emotion.paginationTokens.buttonBackgroundColorActive, _emotion.paginationTokens.buttonActiveColor, _emotion.paginationTokens.buttonArrowColor, _emotion.paginationTokens.buttonArrowColorHover, _emotion.paginationTokens.buttonArrowColorActive, _emotion.paginationTokens.buttonDisabledOpacity, _emotion.paginationTokens.inputBackgroundColor, _emotion.paginationTokens.inputBorderColor, _emotion.paginationTokens.selectBackgroundColor, _emotion.paginationTokens.paginationColor, _emotion.paginationTokens.paginationHelperTextColor, _emotion.paginationTokens.buttonFocusColor),
|
|
343
|
+
secondary: (0, _emotion.css)(_templateObject1(), _emotion.paginationTokens.buttonColor, _emotion.paginationTokens.buttonColorHover, _emotion.paginationTokens.buttonColorActive, _emotion.paginationTokens.buttonBackgroundColor, _emotion.paginationTokens.buttonBackgroundColorHover, _emotion.paginationTokens.buttonBackgroundColorActive, _emotion.paginationTokens.buttonHoverColor, _emotion.paginationTokens.buttonActiveColor, _emotion.paginationTokens.buttonArrowColor, _emotion.paginationTokens.buttonArrowColorHover, _emotion.paginationTokens.buttonArrowColorActive, _emotion.paginationTokens.buttonDisabledOpacity, _emotion.paginationTokens.inputBackgroundColor, _emotion.paginationTokens.selectBackgroundColor, _emotion.paginationTokens.inputBorderColor, _emotion.paginationTokens.paginationColor, _emotion.paginationTokens.paginationHelperTextColor, _emotion.paginationTokens.buttonFocusColor),
|
|
344
|
+
clear: (0, _emotion.css)(_templateObject2(), _emotion.paginationTokens.buttonColor, _emotion.paginationTokens.buttonColorHover, _emotion.paginationTokens.buttonColorActive, _emotion.paginationTokens.buttonBackgroundColor, _emotion.paginationTokens.buttonBackgroundColorHover, _emotion.paginationTokens.buttonBackgroundColorActive, _emotion.paginationTokens.buttonHoverColor, _emotion.paginationTokens.buttonActiveColor, _emotion.paginationTokens.buttonArrowColor, _emotion.paginationTokens.buttonArrowColorHover, _emotion.paginationTokens.buttonArrowColorActive, _emotion.paginationTokens.buttonDisabledOpacity, _emotion.paginationTokens.inputBackgroundColor, _emotion.paginationTokens.selectBackgroundColor, _emotion.paginationTokens.inputBorderColor, _emotion.paginationTokens.paginationColor, _emotion.paginationTokens.paginationHelperTextColor, _emotion.paginationTokens.buttonFocusColor)
|
|
338
345
|
},
|
|
339
346
|
viewCurrentPage: {
|
|
340
347
|
default: (0, _emotion.css)(_templateObject3(), _emotion.paginationTokens.paginationCurrentButtonColor, _emotion.paginationTokens.paginationCurrentButtonBackgroundColor, _emotion.paginationTokens.paginationCurrentButtonHoverColor, _emotion.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _emotion.paginationTokens.paginationCurrentButtonActiveColor, _emotion.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
|
|
@@ -342,10 +349,10 @@ var config = {
|
|
|
342
349
|
clear: (0, _emotion.css)(_templateObject5(), _emotion.paginationTokens.paginationCurrentButtonColor, _emotion.paginationTokens.paginationCurrentButtonBackgroundColor, _emotion.paginationTokens.paginationCurrentButtonHoverColor, _emotion.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _emotion.paginationTokens.paginationCurrentButtonActiveColor, _emotion.paginationTokens.paginationCurrentButtonActiveBackgroundColor)
|
|
343
350
|
},
|
|
344
351
|
size: {
|
|
345
|
-
l: (0, _emotion.css)(_templateObject6(), _emotion.paginationTokens.paginationFontFamily, _emotion.paginationTokens.paginationFontSize, _emotion.paginationTokens.paginationFontStyle, _emotion.paginationTokens.paginationFontWeight, _emotion.paginationTokens.paginationLetterSpacing, _emotion.paginationTokens.paginationLineHeight, _emotion.paginationTokens.buttonHeight, _emotion.paginationTokens.buttonWidth, _emotion.paginationTokens.buttonWidthShorter, _emotion.paginationTokens.paginationInputWidth, _emotion.paginationTokens.buttonRadius, _emotion.paginationTokens.paginationIconSize, _emotion.paginationTokens.paginationIconDoubleSize, _emotion.paginationTokens.buttonArrowMargin, _emotion.paginationTokens.selectHeight, _emotion.paginationTokens.selectPaddingTop, _emotion.paginationTokens.selectPaddingRight, _emotion.paginationTokens.selectPaddingBottom, _emotion.paginationTokens.selectPaddingLeft, _emotion.paginationTokens.selectItemHeight, _emotion.paginationTokens.selectItemPadding, _emotion.paginationTokens.selectItemContentLeftWidth, _emotion.paginationTokens.selectItemBackground, _emotion.paginationTokens.selectTargetArrowRight, _emotion.paginationTokens.selectTargetPadding, _emotion.paginationTokens.selectTargetInnerTop, _emotion.paginationTokens.selectTargetLabelInnerTop, _emotion.paginationTokens.inputBorderRadius, _emotion.paginationTokens.inputWidth, _emotion.paginationTokens.inputHeight, _emotion.paginationTokens.inputPadding, _emotion.paginationTokens.inputBorderWidth),
|
|
346
|
-
m: (0, _emotion.css)(_templateObject7(), _emotion.paginationTokens.paginationFontFamily, _emotion.paginationTokens.paginationFontSize, _emotion.paginationTokens.paginationFontStyle, _emotion.paginationTokens.paginationFontWeight, _emotion.paginationTokens.paginationLetterSpacing, _emotion.paginationTokens.paginationLineHeight, _emotion.paginationTokens.buttonHeight, _emotion.paginationTokens.buttonWidth, _emotion.paginationTokens.buttonWidthShorter, _emotion.paginationTokens.paginationInputWidth, _emotion.paginationTokens.buttonRadius, _emotion.paginationTokens.paginationIconSize, _emotion.paginationTokens.paginationIconDoubleSize, _emotion.paginationTokens.buttonArrowMargin, _emotion.paginationTokens.selectHeight, _emotion.paginationTokens.selectPaddingTop, _emotion.paginationTokens.selectPaddingRight, _emotion.paginationTokens.selectPaddingBottom, _emotion.paginationTokens.selectPaddingLeft, _emotion.paginationTokens.selectItemHeight, _emotion.paginationTokens.selectItemPadding, _emotion.paginationTokens.selectItemContentLeftWidth, _emotion.paginationTokens.selectItemBackground, _emotion.paginationTokens.selectTargetArrowRight, _emotion.paginationTokens.selectTargetPadding, _emotion.paginationTokens.selectTargetInnerTop, _emotion.paginationTokens.selectTargetLabelInnerTop, _emotion.paginationTokens.inputBorderRadius, _emotion.paginationTokens.inputWidth, _emotion.paginationTokens.inputHeight, _emotion.paginationTokens.inputPadding, _emotion.paginationTokens.inputBorderWidth),
|
|
347
|
-
s: (0, _emotion.css)(_templateObject8(), _emotion.paginationTokens.paginationFontFamily, _emotion.paginationTokens.paginationFontSize, _emotion.paginationTokens.paginationFontStyle, _emotion.paginationTokens.paginationFontWeight, _emotion.paginationTokens.paginationLetterSpacing, _emotion.paginationTokens.paginationLineHeight, _emotion.paginationTokens.buttonHeight, _emotion.paginationTokens.buttonWidth, _emotion.paginationTokens.buttonWidthShorter, _emotion.paginationTokens.paginationInputWidth, _emotion.paginationTokens.buttonRadius, _emotion.paginationTokens.paginationIconSize, _emotion.paginationTokens.paginationIconDoubleSize, _emotion.paginationTokens.buttonArrowMargin, _emotion.paginationTokens.selectHeight, _emotion.paginationTokens.selectPaddingTop, _emotion.paginationTokens.selectPaddingRight, _emotion.paginationTokens.selectPaddingBottom, _emotion.paginationTokens.selectPaddingLeft, _emotion.paginationTokens.selectItemHeight, _emotion.paginationTokens.selectItemPadding, _emotion.paginationTokens.selectItemContentLeftWidth, _emotion.paginationTokens.selectItemBackground, _emotion.paginationTokens.selectTargetArrowRight, _emotion.paginationTokens.selectTargetPadding, _emotion.paginationTokens.selectTargetInnerTop, _emotion.paginationTokens.selectTargetLabelInnerTop, _emotion.paginationTokens.inputBorderRadius, _emotion.paginationTokens.inputWidth, _emotion.paginationTokens.inputHeight, _emotion.paginationTokens.inputPadding, _emotion.paginationTokens.inputBorderWidth),
|
|
348
|
-
xs: (0, _emotion.css)(_templateObject9(), _emotion.paginationTokens.paginationFontFamily, _emotion.paginationTokens.paginationFontSize, _emotion.paginationTokens.paginationFontStyle, _emotion.paginationTokens.paginationFontWeight, _emotion.paginationTokens.paginationLetterSpacing, _emotion.paginationTokens.paginationLineHeight, _emotion.paginationTokens.buttonHeight, _emotion.paginationTokens.paginationInputWidth, _emotion.paginationTokens.buttonRadius, _emotion.paginationTokens.buttonWidth, _emotion.paginationTokens.buttonWidthShorter, _emotion.paginationTokens.paginationIconSize, _emotion.paginationTokens.paginationIconDoubleSize, _emotion.paginationTokens.buttonArrowMargin, _emotion.paginationTokens.selectHeight, _emotion.paginationTokens.selectPaddingTop, _emotion.paginationTokens.selectPaddingRight, _emotion.paginationTokens.selectPaddingBottom, _emotion.paginationTokens.selectPaddingLeft, _emotion.paginationTokens.selectItemHeight, _emotion.paginationTokens.selectItemPadding, _emotion.paginationTokens.selectItemContentLeftWidth, _emotion.paginationTokens.selectItemBackground, _emotion.paginationTokens.selectTargetArrowRight, _emotion.paginationTokens.selectTargetPadding, _emotion.paginationTokens.selectTargetInnerTop, _emotion.paginationTokens.selectTargetLabelInnerTop, _emotion.paginationTokens.inputBorderRadius, _emotion.paginationTokens.inputWidth, _emotion.paginationTokens.inputHeight, _emotion.paginationTokens.inputPadding, _emotion.paginationTokens.inputBorderWidth)
|
|
352
|
+
l: (0, _emotion.css)(_templateObject6(), _emotion.paginationTokens.paginationFontFamily, _emotion.paginationTokens.paginationFontSize, _emotion.paginationTokens.paginationFontStyle, _emotion.paginationTokens.paginationFontWeight, _emotion.paginationTokens.paginationLetterSpacing, _emotion.paginationTokens.paginationLineHeight, _emotion.paginationTokens.buttonHeight, _emotion.paginationTokens.buttonWidth, _emotion.paginationTokens.buttonWidthShorter, _emotion.paginationTokens.paginationInputWidth, _emotion.paginationTokens.buttonRadius, _emotion.paginationTokens.paginationIconSize, _emotion.paginationTokens.paginationIconDoubleSize, _emotion.paginationTokens.buttonArrowMargin, _emotion.paginationTokens.selectHeight, _emotion.paginationTokens.selectPaddingTop, _emotion.paginationTokens.selectPaddingRight, _emotion.paginationTokens.selectPaddingBottom, _emotion.paginationTokens.selectPaddingLeft, _emotion.paginationTokens.selectItemHeight, _emotion.paginationTokens.selectItemPadding, _emotion.paginationTokens.selectItemContentLeftWidth, _emotion.paginationTokens.selectItemBackground, _emotion.paginationTokens.selectTargetArrowRight, _emotion.paginationTokens.selectTargetPadding, _emotion.paginationTokens.selectTargetInnerTop, _emotion.paginationTokens.selectTargetLabelInnerTop, _emotion.paginationTokens.inputBorderRadius, _emotion.paginationTokens.inputWidth, _emotion.paginationTokens.inputHeight, _emotion.paginationTokens.inputPadding, _emotion.paginationTokens.inputBorderWidth, _emotion.paginationTokens.paginationHelperTextGap),
|
|
353
|
+
m: (0, _emotion.css)(_templateObject7(), _emotion.paginationTokens.paginationFontFamily, _emotion.paginationTokens.paginationFontSize, _emotion.paginationTokens.paginationFontStyle, _emotion.paginationTokens.paginationFontWeight, _emotion.paginationTokens.paginationLetterSpacing, _emotion.paginationTokens.paginationLineHeight, _emotion.paginationTokens.buttonHeight, _emotion.paginationTokens.buttonWidth, _emotion.paginationTokens.buttonWidthShorter, _emotion.paginationTokens.paginationInputWidth, _emotion.paginationTokens.buttonRadius, _emotion.paginationTokens.paginationIconSize, _emotion.paginationTokens.paginationIconDoubleSize, _emotion.paginationTokens.buttonArrowMargin, _emotion.paginationTokens.selectHeight, _emotion.paginationTokens.selectPaddingTop, _emotion.paginationTokens.selectPaddingRight, _emotion.paginationTokens.selectPaddingBottom, _emotion.paginationTokens.selectPaddingLeft, _emotion.paginationTokens.selectItemHeight, _emotion.paginationTokens.selectItemPadding, _emotion.paginationTokens.selectItemContentLeftWidth, _emotion.paginationTokens.selectItemBackground, _emotion.paginationTokens.selectTargetArrowRight, _emotion.paginationTokens.selectTargetPadding, _emotion.paginationTokens.selectTargetInnerTop, _emotion.paginationTokens.selectTargetLabelInnerTop, _emotion.paginationTokens.inputBorderRadius, _emotion.paginationTokens.inputWidth, _emotion.paginationTokens.inputHeight, _emotion.paginationTokens.inputPadding, _emotion.paginationTokens.inputBorderWidth, _emotion.paginationTokens.paginationHelperTextGap),
|
|
354
|
+
s: (0, _emotion.css)(_templateObject8(), _emotion.paginationTokens.paginationFontFamily, _emotion.paginationTokens.paginationFontSize, _emotion.paginationTokens.paginationFontStyle, _emotion.paginationTokens.paginationFontWeight, _emotion.paginationTokens.paginationLetterSpacing, _emotion.paginationTokens.paginationLineHeight, _emotion.paginationTokens.buttonHeight, _emotion.paginationTokens.buttonWidth, _emotion.paginationTokens.buttonWidthShorter, _emotion.paginationTokens.paginationInputWidth, _emotion.paginationTokens.buttonRadius, _emotion.paginationTokens.paginationIconSize, _emotion.paginationTokens.paginationIconDoubleSize, _emotion.paginationTokens.buttonArrowMargin, _emotion.paginationTokens.selectHeight, _emotion.paginationTokens.selectPaddingTop, _emotion.paginationTokens.selectPaddingRight, _emotion.paginationTokens.selectPaddingBottom, _emotion.paginationTokens.selectPaddingLeft, _emotion.paginationTokens.selectItemHeight, _emotion.paginationTokens.selectItemPadding, _emotion.paginationTokens.selectItemContentLeftWidth, _emotion.paginationTokens.selectItemBackground, _emotion.paginationTokens.selectTargetArrowRight, _emotion.paginationTokens.selectTargetPadding, _emotion.paginationTokens.selectTargetInnerTop, _emotion.paginationTokens.selectTargetLabelInnerTop, _emotion.paginationTokens.inputBorderRadius, _emotion.paginationTokens.inputWidth, _emotion.paginationTokens.inputHeight, _emotion.paginationTokens.inputPadding, _emotion.paginationTokens.inputBorderWidth, _emotion.paginationTokens.paginationHelperTextGap),
|
|
355
|
+
xs: (0, _emotion.css)(_templateObject9(), _emotion.paginationTokens.paginationFontFamily, _emotion.paginationTokens.paginationFontSize, _emotion.paginationTokens.paginationFontStyle, _emotion.paginationTokens.paginationFontWeight, _emotion.paginationTokens.paginationLetterSpacing, _emotion.paginationTokens.paginationLineHeight, _emotion.paginationTokens.buttonHeight, _emotion.paginationTokens.paginationInputWidth, _emotion.paginationTokens.buttonRadius, _emotion.paginationTokens.buttonWidth, _emotion.paginationTokens.buttonWidthShorter, _emotion.paginationTokens.paginationIconSize, _emotion.paginationTokens.paginationIconDoubleSize, _emotion.paginationTokens.buttonArrowMargin, _emotion.paginationTokens.selectHeight, _emotion.paginationTokens.selectPaddingTop, _emotion.paginationTokens.selectPaddingRight, _emotion.paginationTokens.selectPaddingBottom, _emotion.paginationTokens.selectPaddingLeft, _emotion.paginationTokens.selectItemHeight, _emotion.paginationTokens.selectItemPadding, _emotion.paginationTokens.selectItemContentLeftWidth, _emotion.paginationTokens.selectItemBackground, _emotion.paginationTokens.selectTargetArrowRight, _emotion.paginationTokens.selectTargetPadding, _emotion.paginationTokens.selectTargetInnerTop, _emotion.paginationTokens.selectTargetLabelInnerTop, _emotion.paginationTokens.inputBorderRadius, _emotion.paginationTokens.inputWidth, _emotion.paginationTokens.inputHeight, _emotion.paginationTokens.inputPadding, _emotion.paginationTokens.inputBorderWidth, _emotion.paginationTokens.paginationHelperTextGap)
|
|
349
356
|
},
|
|
350
357
|
type: {
|
|
351
358
|
compact: (0, _emotion.css)(_templateObject10()),
|
|
@@ -36,7 +36,9 @@ function _templateObject() {
|
|
|
36
36
|
": var(--text-accent);\n ",
|
|
37
37
|
": 0.4;\n ",
|
|
38
38
|
": var(--text-secondary);\n ",
|
|
39
|
-
": var(--text-secondary);\n
|
|
39
|
+
": var(--text-secondary);\n ",
|
|
40
|
+
": var(--surface-positive);\n ",
|
|
41
|
+
": var(--surface-solid-default);\n "
|
|
40
42
|
]);
|
|
41
43
|
_templateObject = function _templateObject() {
|
|
42
44
|
return data;
|
|
@@ -170,7 +172,7 @@ var config = {
|
|
|
170
172
|
},
|
|
171
173
|
variations: {
|
|
172
174
|
view: {
|
|
173
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColorSelected, _emotion.treeTokens.itemBackgroundColorPrimary, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor)
|
|
175
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColorSelected, _emotion.treeTokens.itemBackgroundColorPrimary, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor, _emotion.treeTokens.itemDraggableBorderColor, _emotion.treeTokens.itemDraggableLineColor)
|
|
174
176
|
},
|
|
175
177
|
size: {
|
|
176
178
|
l: (0, _emotion.css)(_templateObject1(), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.itemTop, _emotion.treeTokens.itemBottom, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherMarginInverted, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight),
|