@salutejs/sdds-scan 0.330.0-canary.2403.20455152253.0 → 0.330.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/cjs/components/Accordion/Accordion.config.js +2 -3
- package/dist/css/cjs/components/Accordion/Accordion.config.js.map +1 -1
- package/dist/css/cjs/components/Accordion/{Accordion.config_d0sjmm.css → Accordion.config_1lmphng.css} +0 -1
- package/dist/css/cjs/components/Accordion/Accordion.css +10 -11
- package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
- package/dist/css/cjs/components/DatePicker/DatePicker.config_1fdsdve.css +9 -0
- package/dist/css/cjs/components/DatePicker/DatePicker.css +9 -9
- package/dist/css/cjs/components/Range/Range.clear.config.js +41 -0
- package/dist/css/cjs/components/Range/Range.clear.config.js.map +1 -0
- package/dist/css/cjs/components/Range/Range.clear.config_1f7lv9g.css +11 -0
- package/dist/css/cjs/components/Range/Range.config.js +13 -4
- package/dist/css/cjs/components/Range/Range.config.js.map +1 -1
- package/dist/css/cjs/components/Range/Range.config_s39lcx.css +11 -0
- package/dist/css/cjs/components/Range/Range.css +23 -8
- package/dist/css/cjs/components/Range/Range.js +14 -6
- package/dist/css/cjs/components/Range/Range.js.map +1 -1
- package/dist/css/cjs/components/Rating/Rating.config.js +4 -5
- package/dist/css/cjs/components/Rating/Rating.config.js.map +1 -1
- package/dist/css/{es/components/Rating/Rating.config_1qubep9.css → cjs/components/Rating/Rating.config_m8j095.css} +3 -4
- package/dist/css/cjs/components/Rating/Rating.css +15 -16
- package/dist/css/cjs/components/Skeleton/LineSkeleton.config.js +5 -6
- package/dist/css/cjs/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/dist/css/cjs/components/Skeleton/{LineSkeleton.config_jh0sri.css → LineSkeleton.config_1sqmb2e.css} +4 -5
- package/dist/css/cjs/components/Skeleton/Skeleton.css +19 -20
- package/dist/css/cjs/components/Tabs/TabItem.css +29 -31
- package/dist/css/cjs/components/Tabs/Tabs.css +15 -16
- package/dist/css/cjs/components/Tabs/TabsController.css +30 -32
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +7 -8
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/dist/css/cjs/components/Tabs/horizontal/{HorizontalIconTabItem.config_1ekd7vy.css → HorizontalIconTabItem.config_1qvee8h.css} +4 -5
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +9 -10
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/dist/css/cjs/components/Tabs/horizontal/{HorizontalTabItem.config_lg66b1.css → HorizontalTabItem.config_kpsefl.css} +7 -8
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +9 -10
- package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/dist/css/cjs/components/Tabs/horizontal/{HorizontalTabs.config_1o1ksp8.css → HorizontalTabs.config_r01l94.css} +6 -7
- package/dist/css/cjs/components/TimePicker/TimePicker.config.js +1 -1
- package/dist/css/cjs/components/TimePicker/TimePicker.config.js.map +1 -1
- package/dist/css/cjs/components/TimePicker/{TimePicker.config_440ao3.css → TimePicker.config_nndhli.css} +1 -1
- package/dist/css/cjs/components/TimePicker/TimePicker.css +7 -7
- package/dist/css/cjs/components/Typography/Heading.config.js +1 -12
- package/dist/css/cjs/components/Typography/Heading.config.js.map +1 -1
- package/dist/css/cjs/components/Typography/{Heading.config_1s9pe02.css → Heading.config_74jx4e.css} +0 -1
- package/dist/css/cjs/components/Typography/Typography.css +5 -6
- package/dist/css/cjs/components/Typography/Typography.js +0 -4
- package/dist/css/cjs/components/Typography/Typography.js.map +1 -1
- package/dist/css/cjs/index.css +134 -126
- package/dist/css/cjs/index.js +0 -1
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/es/components/Accordion/Accordion.config.js +2 -3
- package/dist/css/es/components/Accordion/Accordion.config.js.map +1 -1
- package/dist/css/es/components/Accordion/{Accordion.config_d0sjmm.css → Accordion.config_1lmphng.css} +0 -1
- package/dist/css/es/components/Accordion/Accordion.css +10 -11
- package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
- package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/dist/css/es/components/DatePicker/DatePicker.config_1fdsdve.css +9 -0
- package/dist/css/es/components/DatePicker/DatePicker.css +9 -9
- package/dist/css/es/components/Range/Range.clear.config.js +37 -0
- package/dist/css/es/components/Range/Range.clear.config.js.map +1 -0
- package/dist/css/es/components/Range/Range.clear.config_1f7lv9g.css +11 -0
- package/dist/css/es/components/Range/Range.config.js +13 -4
- package/dist/css/es/components/Range/Range.config.js.map +1 -1
- package/dist/css/es/components/Range/Range.config_s39lcx.css +11 -0
- package/dist/css/es/components/Range/Range.css +23 -8
- package/dist/css/es/components/Range/Range.js +14 -8
- package/dist/css/es/components/Range/Range.js.map +1 -1
- package/dist/css/es/components/Rating/Rating.config.js +4 -5
- package/dist/css/es/components/Rating/Rating.config.js.map +1 -1
- package/dist/css/{cjs/components/Rating/Rating.config_1qubep9.css → es/components/Rating/Rating.config_m8j095.css} +3 -4
- package/dist/css/es/components/Rating/Rating.css +15 -16
- package/dist/css/es/components/Skeleton/LineSkeleton.config.js +5 -6
- package/dist/css/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/dist/css/es/components/Skeleton/{LineSkeleton.config_jh0sri.css → LineSkeleton.config_1sqmb2e.css} +4 -5
- package/dist/css/es/components/Skeleton/Skeleton.css +19 -20
- package/dist/css/es/components/Tabs/TabItem.css +29 -31
- package/dist/css/es/components/Tabs/Tabs.css +15 -16
- package/dist/css/es/components/Tabs/TabsController.css +30 -32
- package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +7 -8
- package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map +1 -1
- package/dist/css/es/components/Tabs/horizontal/{HorizontalIconTabItem.config_1ekd7vy.css → HorizontalIconTabItem.config_1qvee8h.css} +4 -5
- package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js +9 -10
- package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/dist/css/es/components/Tabs/horizontal/{HorizontalTabItem.config_lg66b1.css → HorizontalTabItem.config_kpsefl.css} +7 -8
- package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js +9 -10
- package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
- package/dist/css/es/components/Tabs/horizontal/{HorizontalTabs.config_1o1ksp8.css → HorizontalTabs.config_r01l94.css} +6 -7
- package/dist/css/es/components/TimePicker/TimePicker.config.js +1 -1
- package/dist/css/es/components/TimePicker/TimePicker.config.js.map +1 -1
- package/dist/css/es/components/TimePicker/{TimePicker.config_440ao3.css → TimePicker.config_nndhli.css} +1 -1
- package/dist/css/es/components/TimePicker/TimePicker.css +7 -7
- package/dist/css/es/components/Typography/Heading.config.js +2 -12
- package/dist/css/es/components/Typography/Heading.config.js.map +1 -1
- package/dist/css/es/components/Typography/{Heading.config_1s9pe02.css → Heading.config_74jx4e.css} +0 -1
- package/dist/css/es/components/Typography/Typography.css +5 -6
- package/dist/css/es/components/Typography/Typography.js +2 -5
- package/dist/css/es/components/Typography/Typography.js.map +1 -1
- package/dist/css/es/index.css +134 -126
- package/dist/css/es/index.js +1 -1
- package/dist/styled-components/cjs/components/Accordion/Accordion.config.js +1 -27
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +33 -13
- package/dist/styled-components/cjs/components/Range/Range.clear.config.js +543 -0
- package/dist/styled-components/cjs/components/Range/Range.config.js +249 -98
- package/dist/styled-components/cjs/components/Range/Range.js +28 -5
- package/dist/styled-components/cjs/components/Rating/Rating.config.js +8 -42
- package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +13 -27
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +23 -46
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +16 -31
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +2 -1
- package/dist/styled-components/cjs/components/Typography/Heading.config.js +0 -30
- package/dist/styled-components/cjs/components/Typography/Typography.js +0 -6
- package/dist/styled-components/cjs/components/Typography/index.js +0 -3
- package/dist/styled-components/es/components/Accordion/Accordion.config.js +1 -27
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +33 -13
- package/dist/styled-components/es/components/Range/Range.clear.config.js +533 -0
- package/dist/styled-components/es/components/Range/Range.config.js +249 -98
- package/dist/styled-components/es/components/Range/Range.js +16 -6
- package/dist/styled-components/es/components/Rating/Rating.config.js +8 -42
- package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +13 -27
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +23 -46
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +16 -31
- package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +2 -1
- package/dist/styled-components/es/components/Typography/Heading.config.js +0 -27
- package/dist/styled-components/es/components/Typography/Typography.js +1 -4
- package/dist/styled-components/es/components/Typography/index.js +1 -1
- package/package.json +7 -7
- package/types/components/Accordion/Accordion.config.d.ts +0 -1
- package/types/components/Accordion/Accordion.d.ts +0 -1
- package/types/components/DatePicker/DatePicker.d.ts +19 -5
- package/types/components/InformationWrapper/InformationWrapper.d.ts +2 -0
- package/types/components/Range/Range.clear.config.d.ts +33 -0
- package/types/components/Range/Range.config.d.ts +9 -0
- package/types/components/Range/Range.d.ts +2222 -8
- package/types/components/Rating/Rating.config.d.ts +0 -1
- package/types/components/Rating/Rating.d.ts +0 -1
- package/types/components/Skeleton/LineSkeleton.config.d.ts +0 -1
- package/types/components/Skeleton/Skeleton.d.ts +0 -2
- package/types/components/Tabs/TabItem.d.ts +1 -3
- package/types/components/Tabs/Tabs.d.ts +0 -1
- package/types/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts +0 -1
- package/types/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +0 -1
- package/types/components/Tabs/horizontal/HorizontalTabs.config.d.ts +0 -1
- package/types/components/Typography/Heading.config.d.ts +0 -10
- package/types/components/Typography/Typography.d.ts +0 -17
- package/types/components/Typography/index.d.ts +1 -1
- package/dist/css/cjs/components/DatePicker/DatePicker.config_uks40t.css +0 -9
- package/dist/css/cjs/components/Range/Range.config_3yztt4.css +0 -8
- package/dist/css/es/components/DatePicker/DatePicker.config_uks40t.css +0 -9
- package/dist/css/es/components/Range/Range.config_3yztt4.css +0 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPadding}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n
|
|
1
|
+
{"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPadding}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.875rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAiBJ;AACDC,MAAAA,SAAS,EAAA,UAmBR;AACDC,MAAAA,OAAO,EAAA,UAmBN;MACDC,SAAAA,EAAO;KAoBV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -8,8 +8,7 @@
|
|
|
8
8
|
.l1el1nfc{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-padding:1rem 1.125rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-action-content-margin-left:0.125rem;}
|
|
9
9
|
.h1ii6j0b{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
10
10
|
.h19ys0si{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
11
|
-
.h176vlq0{--plasma-tab-item-border-radius:0.
|
|
12
|
-
.h1feaqr1{--plasma-tab-item-border-radius:0.
|
|
13
|
-
.h1l6asgp{--plasma-tab-item-border-radius:0.
|
|
14
|
-
.
|
|
15
|
-
.t8q9qvs{--plasma-tabs-disabled-opacity:0.4;}
|
|
11
|
+
.h176vlq0{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-content-gap:0.75rem;--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
12
|
+
.h1feaqr1{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-content-gap:0.875rem;--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
13
|
+
.h1l6asgp{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-content-gap:1rem;--plasma-tab-item-action-content-margin-left:0;}
|
|
14
|
+
.tzzlff6{--plasma-tabs-disabled-opacity:0.4;}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./HorizontalTabItem.
|
|
1
|
+
require('./HorizontalTabItem.config_kpsefl.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -20,21 +20,20 @@ var config = {
|
|
|
20
20
|
s: "sikuk77",
|
|
21
21
|
m: "mp3y2ao",
|
|
22
22
|
l: "l1qh9jow",
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
h1: "h19ews1g"
|
|
23
|
+
h5: "h1s7gpc9",
|
|
24
|
+
h4: "h13wvabz",
|
|
25
|
+
h3: "h1gxsxyj",
|
|
26
|
+
h2: "hv3zmfq",
|
|
27
|
+
h1: "hwisn6u"
|
|
29
28
|
},
|
|
30
29
|
disabled: {
|
|
31
|
-
"true": "
|
|
30
|
+
"true": "t19ews1g"
|
|
32
31
|
},
|
|
33
32
|
pilled: {
|
|
34
|
-
"true": "
|
|
33
|
+
"true": "tosxbtd"
|
|
35
34
|
},
|
|
36
35
|
truncate: {
|
|
37
|
-
"true": "
|
|
36
|
+
"true": "tlltwx8"
|
|
38
37
|
}
|
|
39
38
|
}
|
|
40
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemValueColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemValueColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--inverse-text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--inverse-text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n h6: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h6-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h6-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h6-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h6-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h6-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h6-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.25rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.875rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 4.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2.25rem;\n ${tabsTokens.itemContentGap}: 0.875rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 5.75rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 3.25rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h6","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,UAwBJ;AACDC,MAAAA,SAAS,EAAA,UA0BR;AACDC,MAAAA,OAAO,EAAA,SAwBN;MACDC,SAAAA,EAAO;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAkBD;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemValueColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemValueColor}: var(--text-tertiary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: var(--text-primary);\n ${tabsTokens.itemValueColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedValueColor}: var(--inverse-text-secondary);\n ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n ${tabsTokens.itemSelectedValueColorHover}: var(--inverse-text-secondary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.25rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.875rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 4.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2.25rem;\n ${tabsTokens.itemContentGap}: 0.875rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 5.75rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 3.25rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,UAwBJ;AACDC,MAAAA,SAAS,EAAA,UA0BR;AACDC,MAAAA,OAAO,EAAA,SAwBN;MACDC,SAAAA,EAAO;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAkBD;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
|
|
@@ -6,12 +6,11 @@
|
|
|
6
6
|
.sikuk77{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
|
|
7
7
|
.mp3y2ao{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-m-line-height);--plasma-tab-item-action-content-margin-left:0.25rem;}
|
|
8
8
|
.l1qh9jow{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
|
|
9
|
-
.h1s7gpc9{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-
|
|
10
|
-
.h13wvabz{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:
|
|
11
|
-
.h1gxsxyj{--plasma-tab-item-border-radius:0.
|
|
12
|
-
.hv3zmfq{--plasma-tab-item-border-radius:0.
|
|
13
|
-
.hwisn6u{--plasma-tab-item-border-radius:0.
|
|
14
|
-
.
|
|
15
|
-
.tosxbtd{--plasma-
|
|
16
|
-
.tlltwx8{--plasma-tab-item-pilled-border-radius:1.5rem;}
|
|
9
|
+
.h1s7gpc9{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h5-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h5-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h5-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h5-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h5-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
10
|
+
.h13wvabz{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.25rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h4-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h4-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h4-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h4-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h4-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
11
|
+
.h1gxsxyj{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.875rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:2rem;--plasma-tab-item-content-gap:0.75rem;--plasma-tab-item-font-family:var(--plasma-typo-h3-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h3-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h3-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h3-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h3-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
12
|
+
.hv3zmfq{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:4.5rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:2.25rem;--plasma-tab-item-content-gap:0.875rem;--plasma-tab-item-font-family:var(--plasma-typo-h2-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h2-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h2-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h2-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h2-line-height);--plasma-tab-item-action-content-margin-left:-0.125rem;}
|
|
13
|
+
.hwisn6u{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:5.75rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-margin-left:3.25rem;--plasma-tab-item-content-gap:1rem;--plasma-tab-item-font-family:var(--plasma-typo-h1-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h1-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h1-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h1-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h1-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h1-line-height);--plasma-tab-item-action-content-margin-left:0;}
|
|
14
|
+
.t19ews1g{--plasma-tabs-disabled-opacity:0.4;}
|
|
15
|
+
.tosxbtd{--plasma-tab-item-pilled-border-radius:1.5rem;}
|
|
17
16
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./HorizontalTabs.
|
|
1
|
+
require('./HorizontalTabs.config_r01l94.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -19,21 +19,20 @@ var config = {
|
|
|
19
19
|
s: "s1sxebyk",
|
|
20
20
|
m: "m1npg82v",
|
|
21
21
|
l: "l7r3i4",
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
h1: "hyx4id5"
|
|
22
|
+
h5: "h1tc6k6h",
|
|
23
|
+
h4: "h1yxijj0",
|
|
24
|
+
h3: "hgyid10",
|
|
25
|
+
h2: "hdcoiol",
|
|
26
|
+
h1: "h9rmvuc"
|
|
28
27
|
},
|
|
29
28
|
stretch: {
|
|
30
|
-
"true": "
|
|
29
|
+
"true": "tyx4id5"
|
|
31
30
|
},
|
|
32
31
|
disabled: {
|
|
33
|
-
"true": "
|
|
32
|
+
"true": "tp7ddhx"
|
|
34
33
|
},
|
|
35
34
|
pilled: {
|
|
36
|
-
"true": "
|
|
35
|
+
"true": "tr3t05m"
|
|
37
36
|
}
|
|
38
37
|
}
|
|
39
38
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'filled',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n filled: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n divider: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.875rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n
|
|
1
|
+
{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'filled',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n filled: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n divider: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.875rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n h5: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h4: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h3: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.375rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h2: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.5rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h1: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 1rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerWidth}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAUJ;AACDC,MAAAA,MAAM,EAAA,UAUL;AACDC,MAAAA,OAAO,EAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,QAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
.l7r3i4{--plasma-tabs-border-radius:0.875rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.75rem;}
|
|
8
8
|
.h1tc6k6h{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
9
9
|
.h1yxijj0{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
10
|
-
.hgyid10{--plasma-tabs-border-radius:0.
|
|
11
|
-
.hdcoiol{--plasma-tabs-border-radius:0.
|
|
12
|
-
.h9rmvuc{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:
|
|
13
|
-
.
|
|
14
|
-
.tp7ddhx{--plasma-tabs-
|
|
15
|
-
.tr3t05m{--plasma-tabs-
|
|
16
|
-
.t3ipugk{--plasma-tabs-pilled-border-radius:1.625rem;}
|
|
10
|
+
.hgyid10{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.375rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
11
|
+
.hdcoiol{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.5rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
12
|
+
.h9rmvuc{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:1rem;--plasma-tab-arrow-outer-padding:0rem;}
|
|
13
|
+
.tyx4id5{--plasma-tabs-container-width:100%;}
|
|
14
|
+
.tp7ddhx{--plasma-tabs-disabled-opacity:0.4;}
|
|
15
|
+
.tr3t05m{--plasma-tabs-pilled-border-radius:1.625rem;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.config.js","sources":["../../../../../src-css/components/TimePicker/TimePicker.config.ts"],"sourcesContent":["import { timePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-primary);\n ${tokens.backgroundError}: var(--surface-transparent-negative);\n ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n ${tokens.labelColor}: var(--text-primary);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.timePickerBackground}: var(--surface-solid-card);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemBackgroundActive}: var(--surface-transparent-secondary);\n\n ${tokens.scrollbarColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarTrackColor}: var(--surface-transparent-primary);\n `,\n },\n size: {\n l: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.875rem;\n ${tokens.timePickerWidth}: 15rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 36.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.itemHeight}: 3.5rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.scrollbarWidth}: 0.125rem;\n `,\n m: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.75rem;\n ${tokens.timePickerWidth}: 13.75rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 31.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.itemHeight}: 3rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.375rem;\n `,\n s: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.625rem;\n ${tokens.timePickerWidth}: 12rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 26.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.itemHeight}: 2.5rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.25rem;\n `,\n xs: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.5rem;\n ${tokens.timePickerWidth}: 10rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 21.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.itemHeight}: 2rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readonly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n ${tokens.labelColorReadOnly}: var(--text-secondary);\n\n ${tokens.textFieldColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs","disabled","true","readonly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAgCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SAiEA;AACDC,MAAAA,CAAC,EAAA,UAkEA;AACDC,MAAAA,CAAC,EAAA,UAkEA;AACDC,MAAAA,EAAE,EAAA;KAmEL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAQR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"TimePicker.config.js","sources":["../../../../../src-css/components/TimePicker/TimePicker.config.ts"],"sourcesContent":["import { timePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-primary);\n ${tokens.backgroundError}: var(--surface-transparent-negative);\n ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n ${tokens.labelColor}: var(--text-primary);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.timePickerShadow}: var(--shadow-down-soft-s);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.timePickerBackground}: var(--surface-solid-card);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemBackgroundActive}: var(--surface-transparent-secondary);\n\n ${tokens.scrollbarColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarTrackColor}: var(--surface-transparent-primary);\n `,\n },\n size: {\n l: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.875rem;\n ${tokens.timePickerWidth}: 15rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 36.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.itemHeight}: 3.5rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.scrollbarWidth}: 0.125rem;\n `,\n m: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.75rem;\n ${tokens.timePickerWidth}: 13.75rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 31.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.itemHeight}: 3rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.375rem;\n `,\n s: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.625rem;\n ${tokens.timePickerWidth}: 12rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 26.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.itemHeight}: 2.5rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.25rem;\n `,\n xs: css`\n ${tokens.width}: 20rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.timePickerBorderRadius}: 0.5rem;\n ${tokens.timePickerWidth}: 10rem;\n ${tokens.timePickerPadding}: 0.125rem;\n\n ${tokens.columnHeight}: 21.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.itemFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.itemLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.itemLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.itemHeight}: 2rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n ${tokens.itemPadding}: 0rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.scrollbarWidth}: 0.125rem;\n ${tokens.scrollbarMargin}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readonly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n ${tokens.labelColorReadOnly}: var(--text-secondary);\n\n ${tokens.textFieldColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs","disabled","true","readonly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAkCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SAiEA;AACDC,MAAAA,CAAC,EAAA,UAkEA;AACDC,MAAAA,CAAC,EAAA,UAkEA;AACDC,MAAAA,EAAE,EAAA;KAmEL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAQR;AACJ;AACJ;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.d5gvkb{--plasma-time-picker_range-background:var(--surface-transparent-primary);--plasma-time-picker_range-background-error:var(--surface-transparent-negative);--plasma-time-picker_range-background-success:var(--surface-transparent-positive);--plasma-time-picker__label-color:var(--text-primary);--plasma-time-picker-textfield-color:var(--text-primary);--plasma-time-picker-textfield-placeholder-color:var(--text-secondary);--plasma-time-picker-textfield-caret-color:var(--text-accent);--plasma-time-picker__indicator-color:var(--surface-negative);--plasma-time-picker-textfield-background-color:var(--surface-transparent-primary);--plasma-time-picker-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-time-picker-textfield-background-color-error:var(--surface-transparent-negative);--plasma-time-picker-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-time-picker-textfield-background-color-success:var(--surface-transparent-positive);--plasma-time-picker-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-time-picker-textfield__before-text-color:var(--text-tertiary);--plasma-time-picker-textfield__after-text-color:var(--text-tertiary);--plasma-timepicker-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-time-picker-ui-background:var(--surface-solid-card);--plasma-time-picker-item-hover-background:var(--surface-transparent-secondary);--plasma-time-picker-item-active-background:var(--surface-transparent-secondary);--plasma-time-picker-scrollbar-color:var(--surface-transparent-tertiary);--plasma-time-picker-scrollbar-track-color:var(--surface-transparent-primary);}
|
|
1
|
+
.d5gvkb{--plasma-time-picker_range-background:var(--surface-transparent-primary);--plasma-time-picker_range-background-error:var(--surface-transparent-negative);--plasma-time-picker_range-background-success:var(--surface-transparent-positive);--plasma-time-picker__label-color:var(--text-primary);--plasma-time-picker-textfield-color:var(--text-primary);--plasma-time-picker-textfield-placeholder-color:var(--text-secondary);--plasma-time-picker-textfield-caret-color:var(--text-accent);--plasma-time-picker__indicator-color:var(--surface-negative);--plasma-time-picker-ui-box-shadow:var(--shadow-down-soft-s);--plasma-time-picker-textfield-background-color:var(--surface-transparent-primary);--plasma-time-picker-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-time-picker-textfield-background-color-error:var(--surface-transparent-negative);--plasma-time-picker-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-time-picker-textfield-background-color-success:var(--surface-transparent-positive);--plasma-time-picker-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-time-picker-textfield__before-text-color:var(--text-tertiary);--plasma-time-picker-textfield__after-text-color:var(--text-tertiary);--plasma-timepicker-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-time-picker-ui-background:var(--surface-solid-card);--plasma-time-picker-item-hover-background:var(--surface-transparent-secondary);--plasma-time-picker-item-active-background:var(--surface-transparent-secondary);--plasma-time-picker-scrollbar-color:var(--surface-transparent-tertiary);--plasma-time-picker-scrollbar-track-color:var(--surface-transparent-primary);}
|
|
2
2
|
.l8nu8g8{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.875rem;--plasma-time-picker_range__left-content-margin:0 0 0 1rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.75rem;--plasma-time-picker-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:3.5rem;--plasma-time-picker-textfield-border-radius:0.875rem;--plasma-time-picker-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.875rem;--plasma-time-picker-ui-width:15rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:36.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-item-height:3.5rem;--plasma-time-picker-item-border-radius:0.75rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-scrollbar-width:0.125rem;}
|
|
3
3
|
.m1msvds1{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.75rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.875rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.625rem;--plasma-time-picker-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:3rem;--plasma-time-picker-textfield-border-radius:0.75rem;--plasma-time-picker-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.75rem;--plasma-time-picker-ui-width:13.75rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:31.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-item-height:3rem;--plasma-time-picker-item-border-radius:0.625rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.375rem;}
|
|
4
4
|
.s1g3bn14{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.625rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.75rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.5rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:2.5rem;--plasma-time-picker-textfield-border-radius:0.625rem;--plasma-time-picker-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.625rem;--plasma-time-picker-ui-width:12rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:26.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-item-height:2.5rem;--plasma-time-picker-item-border-radius:0.5rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
1
|
+
.TimePicker_config_nndhli_d5gvkb__a2f393b9{--plasma-time-picker_range-background:var(--surface-transparent-primary);--plasma-time-picker_range-background-error:var(--surface-transparent-negative);--plasma-time-picker_range-background-success:var(--surface-transparent-positive);--plasma-time-picker__label-color:var(--text-primary);--plasma-time-picker-textfield-color:var(--text-primary);--plasma-time-picker-textfield-placeholder-color:var(--text-secondary);--plasma-time-picker-textfield-caret-color:var(--text-accent);--plasma-time-picker__indicator-color:var(--surface-negative);--plasma-time-picker-ui-box-shadow:var(--shadow-down-soft-s);--plasma-time-picker-textfield-background-color:var(--surface-transparent-primary);--plasma-time-picker-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-time-picker-textfield-background-color-error:var(--surface-transparent-negative);--plasma-time-picker-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-time-picker-textfield-background-color-success:var(--surface-transparent-positive);--plasma-time-picker-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-time-picker-textfield__before-text-color:var(--text-tertiary);--plasma-time-picker-textfield__after-text-color:var(--text-tertiary);--plasma-timepicker-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-time-picker-ui-background:var(--surface-solid-card);--plasma-time-picker-item-hover-background:var(--surface-transparent-secondary);--plasma-time-picker-item-active-background:var(--surface-transparent-secondary);--plasma-time-picker-scrollbar-color:var(--surface-transparent-tertiary);--plasma-time-picker-scrollbar-track-color:var(--surface-transparent-primary);}
|
|
2
|
+
.TimePicker_config_nndhli_l8nu8g8__a2f393b9{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.875rem;--plasma-time-picker_range__left-content-margin:0 0 0 1rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.75rem;--plasma-time-picker-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:3.5rem;--plasma-time-picker-textfield-border-radius:0.875rem;--plasma-time-picker-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.875rem;--plasma-time-picker-ui-width:15rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:36.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-time-picker-item-height:3.5rem;--plasma-time-picker-item-border-radius:0.75rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-scrollbar-width:0.125rem;}
|
|
3
|
+
.TimePicker_config_nndhli_m1msvds1__a2f393b9{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.75rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.875rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.625rem;--plasma-time-picker-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-time-picker-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker__indicator-size:0.5rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:3rem;--plasma-time-picker-textfield-border-radius:0.75rem;--plasma-time-picker-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.75rem;--plasma-time-picker-ui-width:13.75rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:31.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-time-picker-item-height:3rem;--plasma-time-picker-item-border-radius:0.625rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.375rem;}
|
|
4
|
+
.TimePicker_config_nndhli_s1g3bn14__a2f393b9{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.625rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.75rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.5rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-time-picker-textfield-height:2.5rem;--plasma-time-picker-textfield-border-radius:0.625rem;--plasma-time-picker-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.625rem;--plasma-time-picker-ui-width:12rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:26.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-time-picker-item-height:2.5rem;--plasma-time-picker-item-border-radius:0.5rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
|
|
5
|
+
.TimePicker_config_nndhli_x1w02pvl__a2f393b9{--plasma-time-picker-width:20rem;--plasma-time-picker_range-border-radius:0.5rem;--plasma-time-picker_range__left-content-margin:0 0 0 0.5rem;--plasma-time-picker_range__right-content-margin:0;--plasma-time-picker__label-offset:0.375rem;--plasma-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-time-picker__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker__indicator-size:0.375rem;--plasma-time-picker__indicator-size-outer:0.375rem;--plasma-time-picker__indicator-placement:0 0 0 0;--plasma-time-picker__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-time-picker__indicator-placement-right:0 0 auto auto;--plasma-time-picker__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-time-picker-textfield-height:2rem;--plasma-time-picker-textfield-border-radius:0.5rem;--plasma-time-picker-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-time-picker-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-time-picker-ui-border-radius:0.5rem;--plasma-time-picker-ui-width:10rem;--plasma-time-picker-ui-padding:0.125rem;--plasma-time-picker-column-height:21.25rem;--plasma-time-picker-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-item-height:2rem;--plasma-time-picker-item-border-radius:0.375rem;--plasma-time-picker-item-padding:0rem;--plasma-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-time-picker-scrollbar-width:0.125rem;--plasma-time-picker-scrollbar-margin:0.25rem;}
|
|
6
|
+
.TimePicker_config_nndhli_tu6or3f__a2f393b9{--plasma-time-picker-disabled-opacity:0.4;}
|
|
7
|
+
.TimePicker_config_nndhli_t8o71zf__a2f393b9{--plasma-time-picker_range-background-readonly:var(--surface-transparent-primary);--plasma-time-picker__label-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-color-readonly:var(--text-secondary);--plasma-time-picker-textfield-background-color-readonly:var(--surface-transparent-primary);--plasma-time-picker-textfield-placeholder-color-readonly:var(--text-secondary);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./Heading.
|
|
1
|
+
require('./Heading.config_74jx4e.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -53,21 +53,10 @@ var configH5 = {
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
-
var configH6 = {
|
|
57
|
-
defaults: {
|
|
58
|
-
size: 'h6'
|
|
59
|
-
},
|
|
60
|
-
variations: {
|
|
61
|
-
size: {
|
|
62
|
-
h6: "h18ax1mt"
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
56
|
|
|
67
57
|
exports.configH1 = configH1;
|
|
68
58
|
exports.configH2 = configH2;
|
|
69
59
|
exports.configH3 = configH3;
|
|
70
60
|
exports.configH4 = configH4;
|
|
71
61
|
exports.configH5 = configH5;
|
|
72
|
-
exports.configH6 = configH6;
|
|
73
62
|
//# sourceMappingURL=Heading.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.config.js","sources":["../../../../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const configH1 = {\n defaults: {\n size: 'h1',\n },\n variations: {\n size: {\n h1: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h1-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height);\n `,\n },\n },\n};\nexport const configH2 = {\n defaults: {\n size: 'h2',\n },\n variations: {\n size: {\n h2: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h2-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height);\n `,\n },\n },\n};\nexport const configH3 = {\n defaults: {\n size: 'h3',\n },\n variations: {\n size: {\n h3: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h3-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height);\n `,\n },\n },\n};\nexport const configH4 = {\n defaults: {\n size: 'h4',\n },\n variations: {\n size: {\n h4: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h4-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height);\n `,\n },\n },\n};\nexport const configH5 = {\n defaults: {\n size: 'h5',\n },\n variations: {\n size: {\n h5: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h5-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h5-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h5-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h5-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h5-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h5-line-height);\n `,\n },\n },\n};\
|
|
1
|
+
{"version":3,"file":"Heading.config.js","sources":["../../../../../src-css/components/Typography/Heading.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const configH1 = {\n defaults: {\n size: 'h1',\n },\n variations: {\n size: {\n h1: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h1-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height);\n `,\n },\n },\n};\nexport const configH2 = {\n defaults: {\n size: 'h2',\n },\n variations: {\n size: {\n h2: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h2-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height);\n `,\n },\n },\n};\nexport const configH3 = {\n defaults: {\n size: 'h3',\n },\n variations: {\n size: {\n h3: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h3-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height);\n `,\n },\n },\n};\nexport const configH4 = {\n defaults: {\n size: 'h4',\n },\n variations: {\n size: {\n h4: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h4-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height);\n `,\n },\n },\n};\nexport const configH5 = {\n defaults: {\n size: 'h5',\n },\n variations: {\n size: {\n h5: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-h5-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-h5-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-h5-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-h5-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h5-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h5-line-height);\n `,\n },\n },\n};\n"],"names":["configH1","defaults","size","variations","h1","configH2","h2","configH3","h3","configH4","h4","configH5","h5"],"mappings":";;;;AAEO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;AACO,IAAMC,QAAQ,GAAG;AACpBV,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFU,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;;;;;;;;"}
|