@salutejs/plasma-web 1.598.0-canary.2321.19133039112.0 → 1.598.0-canary.2322.19259276297.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Combobox/Combobox.config.js +25 -17
- package/components/Combobox/Combobox.d.ts +48 -0
- package/components/DatePicker/DatePicker.config.js +8 -1
- package/components/DateTimePicker/DateTimePicker.config.d.ts +28 -0
- package/components/DateTimePicker/DateTimePicker.config.js +871 -0
- package/components/DateTimePicker/DateTimePicker.d.ts +41 -0
- package/components/DateTimePicker/DateTimePicker.js +14 -0
- package/components/DateTimePicker/index.d.ts +2 -0
- package/components/DateTimePicker/index.js +23 -0
- package/components/Range/Range.config.js +4 -1
- package/components/Select/Select.config.js +7 -7
- package/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
- package/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
- package/css/cjs/components/Combobox/Combobox.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
- package/css/cjs/components/Combobox/{Combobox.config_1dhj73p.css → Combobox.config_1cx644q.css} +4 -4
- package/css/cjs/components/Combobox/Combobox.css +14 -14
- package/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
- package/css/{es/components/DatePicker/DatePicker.config_csj9d8.css → cjs/components/DatePicker/DatePicker.config_hynw3u.css} +1 -1
- package/css/cjs/components/DatePicker/DatePicker.css +9 -9
- package/css/cjs/components/DateTimePicker/DateTimePicker.config.js +36 -0
- package/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -0
- package/css/cjs/components/DateTimePicker/DateTimePicker.config_1c6hdur.css +10 -0
- package/css/cjs/components/DateTimePicker/DateTimePicker.css +10 -0
- package/css/cjs/components/DateTimePicker/DateTimePicker.js +12 -0
- package/css/cjs/components/DateTimePicker/DateTimePicker.js.map +1 -0
- package/css/cjs/components/Range/Range.config.js +1 -1
- package/css/cjs/components/Range/Range.config.js.map +1 -1
- package/css/{es/components/Range/Range.config_7f9jfs.css → cjs/components/Range/Range.config_1lmzauz.css} +1 -1
- package/css/cjs/components/Range/Range.css +8 -8
- package/css/cjs/components/Select/Select.config.js +1 -1
- package/css/cjs/components/Select/Select.config.js.map +1 -1
- package/css/{es/components/Select/Select.config_orq393.css → cjs/components/Select/Select.config_8u0f81.css} +4 -4
- package/css/cjs/components/Select/Select.css +23 -23
- package/css/cjs/components/Tabs/TabItem.css +21 -21
- package/css/cjs/components/Tabs/TabsController.css +15 -15
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/css/cjs/components/Tabs/horizontal/{HorizontalTabItem.config_1ibgsbi.css → HorizontalTabItem.config_kpsefl.css} +4 -4
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/css/cjs/components/Tabs/vertical/{VerticalTabItem.config_1s7nqdz.css → VerticalTabItem.config_13q0bm8.css} +4 -4
- package/css/cjs/index.css +88 -77
- package/css/cjs/index.js +10 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Combobox/Combobox.config.js +1 -1
- package/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/css/es/components/Combobox/{Combobox.config_1dhj73p.css → Combobox.config_1cx644q.css} +4 -4
- package/css/es/components/Combobox/Combobox.css +14 -14
- package/css/es/components/DatePicker/DatePicker.config.js +1 -1
- package/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/css/{cjs/components/DatePicker/DatePicker.config_csj9d8.css → es/components/DatePicker/DatePicker.config_hynw3u.css} +1 -1
- package/css/es/components/DatePicker/DatePicker.css +9 -9
- package/css/es/components/DateTimePicker/DateTimePicker.config.js +32 -0
- package/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -0
- package/css/es/components/DateTimePicker/DateTimePicker.config_1c6hdur.css +10 -0
- package/css/es/components/DateTimePicker/DateTimePicker.css +10 -0
- package/css/es/components/DateTimePicker/DateTimePicker.js +8 -0
- package/css/es/components/DateTimePicker/DateTimePicker.js.map +1 -0
- package/css/es/components/Range/Range.config.js +1 -1
- package/css/es/components/Range/Range.config.js.map +1 -1
- package/css/{cjs/components/Range/Range.config_7f9jfs.css → es/components/Range/Range.config_1lmzauz.css} +1 -1
- package/css/es/components/Range/Range.css +8 -8
- package/css/es/components/Select/Select.config.js +1 -1
- package/css/es/components/Select/Select.config.js.map +1 -1
- package/css/{cjs/components/Select/Select.config_orq393.css → es/components/Select/Select.config_8u0f81.css} +4 -4
- package/css/es/components/Select/Select.css +23 -23
- package/css/es/components/Tabs/TabItem.css +21 -21
- package/css/es/components/Tabs/TabsController.css +15 -15
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
- package/css/es/components/Tabs/horizontal/{HorizontalTabItem.config_1ibgsbi.css → HorizontalTabItem.config_kpsefl.css} +4 -4
- package/css/es/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/css/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
- package/css/es/components/Tabs/vertical/{VerticalTabItem.config_1s7nqdz.css → VerticalTabItem.config_13q0bm8.css} +4 -4
- package/css/es/index.css +88 -77
- package/css/es/index.js +2 -1
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +2 -0
- package/es/components/Combobox/Combobox.config.js +25 -17
- package/es/components/DatePicker/DatePicker.config.js +8 -1
- package/es/components/DateTimePicker/DateTimePicker.config.js +861 -0
- package/es/components/DateTimePicker/DateTimePicker.js +4 -0
- package/es/components/DateTimePicker/index.js +2 -0
- package/es/components/Range/Range.config.js +4 -1
- package/es/components/Select/Select.config.js +7 -7
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
- package/es/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/package.json +3 -3
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
.s1sazr3k{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-value-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:var(--surface-solid-card);--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
3
3
|
.d4t8mk9{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-value-color:var(--text-tertiary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
4
4
|
.d1hrjiow{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-value-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--inverse-text-primary);--plasma-tab-item-selected-value-color:var(--inverse-text-secondary);--plasma-tab-item-selected-background-color:var(--surface-solid-default);--plasma-tab-item-selected-color-hover:var(--inverse-text-primary);--plasma-tab-item-selected-value-color-hover:var(--inverse-text-secondary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-default);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
5
|
-
.x1539gzv{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.375rem;--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-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-tab-item-action-content-margin-left:0;}
|
|
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-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
|
-
.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-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
|
-
.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-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;}
|
|
5
|
+
.x1539gzv{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.375rem;--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-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-tab-item-action-content-margin-left:0;}
|
|
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
|
+
.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
|
+
.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
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
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
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;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\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.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\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.5rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemMarginLeft}: 0.625rem;\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-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.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 1rem;\n ${tabsTokens.itemMarginLeft}: 0.75rem;\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-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.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1.25rem;\n ${tabsTokens.itemMarginLeft}: 1.125rem;\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-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.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.875rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.5rem;\n ${tabsTokens.itemMarginLeft}: 1.25rem;\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-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 },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true","truncate"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,UAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAmBD,SAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,QAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\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.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\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.5rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemMarginLeft}: 0.625rem;\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.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 1rem;\n ${tabsTokens.itemMarginLeft}: 0.75rem;\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.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1.25rem;\n ${tabsTokens.itemMarginLeft}: 1.125rem;\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.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.875rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.5rem;\n ${tabsTokens.itemMarginLeft}: 1.25rem;\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 },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true","truncate"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,UAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAmBD,SAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,QAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.d1m4ak5s{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-value-color:var(--text-tertiary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-width:0.125rem;--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
|
|
2
|
-
.xnvoqem{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.5rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-padding-orientation-vertical:0.5rem 0.625rem;--plasma-tab-item-margin-left:0.625rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-tab-item-action-content-margin-left:0;}
|
|
3
|
-
.s1udlb6g{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-padding-orientation-vertical:0.5rem 1rem;--plasma-tab-item-margin-left:0.75rem;--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-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.25rem;}
|
|
4
|
-
.m19koxds{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-padding-orientation-vertical:0.75rem 1.25rem;--plasma-tab-item-margin-left:1.125rem;--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-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.125rem;}
|
|
5
|
-
.l1b3t5dj{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.875rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-padding-orientation-vertical:1rem 1.5rem;--plasma-tab-item-margin-left:1.25rem;--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-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;}
|
|
2
|
+
.xnvoqem{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.5rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-padding-orientation-vertical:0.5rem 0.625rem;--plasma-tab-item-margin-left:0.625rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-tab-item-action-content-margin-left:0;}
|
|
3
|
+
.s1udlb6g{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-padding-orientation-vertical:0.5rem 1rem;--plasma-tab-item-margin-left:0.75rem;--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.25rem;}
|
|
4
|
+
.m19koxds{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-padding-orientation-vertical:0.75rem 1.25rem;--plasma-tab-item-margin-left:1.125rem;--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.125rem;}
|
|
5
|
+
.l1b3t5dj{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.875rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-padding-orientation-vertical:1rem 1.5rem;--plasma-tab-item-margin-left:1.25rem;--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;}
|
|
6
6
|
.t9wdw7e{--plasma-tabs-disabled-opacity:0.4;}
|
|
7
7
|
|