npm - @salutejs/sdds-serv - Versions diffs - 0.330.0-canary.2367.19851506127.0 → 0.330.0-canary.2367.19927084417.0 - Mend

@salutejs/sdds-serv 0.330.0-canary.2367.19851506127.0 → 0.330.0-canary.2367.19927084417.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.

Files changed (358) hide show

package/components/Switch/Switch.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.config.js","sources":["../../src-css/components/Switch/Switch.config.ts"],"sourcesContent":["import { css, switchTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n toggleSize: 'l',\n labelPosition: 'before',\n focused: 'true',\n },\n variations: {\n size: {\n s: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n m: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n l: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-m-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-m-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-m-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-m-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n },\n toggleSize: {\n l: css`\n ${switchTokens.trackWidth}: 2.75rem;\n ${switchTokens.trackHeight}: 1.75rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1.5rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n s: css`\n ${switchTokens.trackWidth}: 2rem;\n ${switchTokens.trackHeight}: 1.25rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n },\n view: {\n default: css`\n ${switchTokens.labelColor}: var(--text-primary);\n ${switchTokens.descriptionColor}: var(--text-secondary);\n ${switchTokens.descriptionMaxLines}: initial;\n ${switchTokens.trackBackgroundColorOn}: var(--surface-accent);\n ${switchTokens.trackBackgroundColorOnHover}: var(--surface-accent-hover);\n ${switchTokens.trackBackgroundColorOff}: var(--surface-transparent-tertiary);\n ${switchTokens.trackBackgroundColorOffHover}: var(--surface-transparent-tertiary-hover);\n ${switchTokens.trackBorderWidthOn}: 0;\n ${switchTokens.trackBorderWidthOff}: 0;\n ${switchTokens.thumbBackgroundColorOn}: var(--on-dark-surface-solid-default);\n ${switchTokens.thumbBackgroundColorOff}: var(--on-dark-surface-solid-default);\n ${switchTokens.thumbBoxShadow}: 0 1px 1px rgba(0, 0, 0, 0.11);\n `,\n },\n disabled: {\n true: css`\n ${switchTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${switchTokens.trackFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","toggleSize","labelPosition","focused","variations","s","m","l","default","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE,GAAG;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,OAAO,EAAE~~,MAAA~~;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,~~EAeA~~,~~SAAA~~;AACDC,MAAAA,CAAC,~~EAeA~~,~~UAAA~~;AACDC,MAAAA,CAAC,EAAA~~,SAAA~~;KAgBJ;AACDN,IAAAA,UAAU,EAAE;AACRM,MAAAA,CAAC,~~EASA~~,~~UAAA~~;AACDF,MAAAA,CAAC,EAAA~~,UAAA~~;KAUJ;AACDN,IAAAA,IAAI,EAAE;MACFS,~~SAAO~~,~~EAAA,UAAA~~;KAcV;AACDC,IAAAA,QAAQ,EAAE;MACNC,~~MAAI~~,~~EAAA,UAAA~~;KAGP;AACDP,IAAAA,OAAO,EAAE;MACLO,~~MAAI~~,~~EAAA,SAAA~~;AAGR~~,KAAA~~;AACJ~~,GAAA~~;AACJ;;;;"}
1	+ {"version":3,"file":"Switch.config.js","sources":["../../src-css/components/Switch/Switch.config.ts"],"sourcesContent":["import { css, switchTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n toggleSize: 'l',\n labelPosition: 'before',\n focused: 'true',\n },\n variations: {\n size: {\n s: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n m: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n l: css`\n ${switchTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${switchTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${switchTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${switchTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n ${switchTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${switchTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-m-font-family);\n ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-m-font-style);\n ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-m-line-height);\n ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-m-font-size);\n ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n },\n toggleSize: {\n l: css`\n ${switchTokens.trackWidth}: 2.75rem;\n ${switchTokens.trackHeight}: 1.75rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1.5rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n s: css`\n ${switchTokens.trackWidth}: 2rem;\n ${switchTokens.trackHeight}: 1.25rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n },\n view: {\n default: css`\n ${switchTokens.labelColor}: var(--text-primary);\n ${switchTokens.descriptionColor}: var(--text-secondary);\n ${switchTokens.descriptionMaxLines}: initial;\n ${switchTokens.trackBackgroundColorOn}: var(--surface-accent);\n ${switchTokens.trackBackgroundColorOnHover}: var(--surface-accent-hover);\n ${switchTokens.trackBackgroundColorOff}: var(--surface-transparent-tertiary);\n ${switchTokens.trackBackgroundColorOffHover}: var(--surface-transparent-tertiary-hover);\n ${switchTokens.trackBorderWidthOn}: 0;\n ${switchTokens.trackBorderWidthOff}: 0;\n ${switchTokens.thumbBackgroundColorOn}: var(--on-dark-surface-solid-default);\n ${switchTokens.thumbBackgroundColorOff}: var(--on-dark-surface-solid-default);\n ${switchTokens.thumbBoxShadow}: 0 1px 1px rgba(0, 0, 0, 0.11);\n `,\n },\n disabled: {\n true: css`\n ${switchTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${switchTokens.trackFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","toggleSize","labelPosition","focused","variations","s","m","l","default","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE,GAAG;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAAA,SAeA;AACDC,MAAAA,CAAC,EAAA,UAeA;AACDC,MAAAA,CAAC,EAAA;KAgBJ;AACDN,IAAAA,UAAU,EAAE;AACRM,MAAAA,CAAC,EAAA,UASA;AACDF,MAAAA,CAAC,EAAA;KAUJ;AACDN,IAAAA,IAAI,EAAE;MACFS,SAAAA,EAAO;KAcV;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDP,IAAAA,OAAO,EAAE;MACLO,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/components/Switch/Switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.js","sources":["../../src-css/components/Switch/Switch.tsx"],"sourcesContent":["import { switchConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport { ComponentProps } from 'react';\n\nimport { config } from './Switch.config';\n\nconst mergedConfig = mergeConfig(switchConfig, config);\nconst SwitchComponent = component(mergedConfig);\n\nexport const Switch = SwitchComponent;\nexport type SwitchProps = ComponentProps<typeof SwitchComponent>;\n"],"names":["mergedConfig","mergeConfig","switchConfig","config","SwitchComponent","component","Switch"],"mappings":";;;;;;;AAKA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC~~,CAAA~~;AACtD,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC~~,CAAA~~;AAExC,IAAMM,MAAM,GAAGF;;;;"}
1	+ {"version":3,"file":"Switch.js","sources":["../../src-css/components/Switch/Switch.tsx"],"sourcesContent":["import { switchConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport { ComponentProps } from 'react';\n\nimport { config } from './Switch.config';\n\nconst mergedConfig = mergeConfig(switchConfig, config);\nconst SwitchComponent = component(mergedConfig);\n\nexport const Switch = SwitchComponent;\nexport type SwitchProps = ComponentProps<typeof SwitchComponent>;\n"],"names":["mergedConfig","mergeConfig","switchConfig","config","SwitchComponent","component","Switch"],"mappings":";;;;;;;AAKA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC;AACtD,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC;AAExC,IAAMM,MAAM,GAAGF;;;;"}

package/components/Table/Table.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.config.js","sources":["../../src-css/components/Table/Table.config.ts"],"sourcesContent":["import { css, tableTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.borderColor}: #ddd;\n `,\n clear: css`\n ${tokens.borderColor}: transparent;\n `,\n },\n size: {\n l: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.headerRowHeight}: 3.125rem;\n ${tokens.rowHeight}: 3.125rem;\n ${tokens.cellPadding}: 0.375rem 1rem;\n ${tokens.checkboxCellPadding}: 0.375rem 1rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.5rem;\n ${tokens.editableCellIconButtonWidth}: 3rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.875rem;\n ${tokens.editableCellInputPadding}: 0 0.75rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.75rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2.5rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.875rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.875rem;\n ${tokens.selectItemBorderRadius}: 0.75rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.5rem 0.875rem;\n ${tokens.selectControlPanelGap}: 0.5rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.headerRowHeight}: 2.75rem;\n ${tokens.rowHeight}: 2.75rem;\n ${tokens.cellPadding}: 0.25rem 0.875rem;\n ${tokens.checkboxCellPadding}: 0.25rem 0.75rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.375rem;\n ${tokens.editableCellIconButtonWidth}: 2.5rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.625rem;\n ${tokens.editableCellInputPadding}: 0 0.625rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.75rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.625rem;\n ${tokens.selectItemBorderRadius}: 0.625rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.75rem;\n ${tokens.selectControlPanelGap}: 0.625rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.headerRowHeight}: 2.125rem;\n ${tokens.rowHeight}: 2.125rem;\n ${tokens.cellPadding}: 0.125rem 0.5rem;\n ${tokens.checkboxCellPadding}: 0.125rem 0.625rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.25rem;\n ${tokens.editableCellIconButtonWidth}: 2rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.125rem;\n ${tokens.editableCellInputBorderRadius}: 0.5rem;\n ${tokens.editableCellInputPadding}: 0 0.375rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.25rem 0.5rem;\n\n ${tokens.buttonHeight}: 1.5rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.625rem;\n ${tokens.selectItemHeight}: 1rem;\n ${tokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${tokens.selectItemBorderRadius}: 0.5rem;\n ${tokens.selectItemIconMargin}: 0 0.25rem 0 0;\n ${tokens.selectItemIconSize}: 1rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.selectCheckboxTriggerSize}: 0.875rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.25rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.5rem;\n ${tokens.selectControlPanelGap}: 0.25rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s"],"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,SAAAA,EAEC,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAGR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;AAoEL,KAAA;AACJ,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Table.config.js","sources":["../../src-css/components/Table/Table.config.ts"],"sourcesContent":["import { css, tableTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.borderColor}: #ddd;\n `,\n clear: css`\n ${tokens.borderColor}: transparent;\n `,\n },\n size: {\n l: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.headerRowHeight}: 3.125rem;\n ${tokens.rowHeight}: 3.125rem;\n ${tokens.cellPadding}: 0.375rem 1rem;\n ${tokens.checkboxCellPadding}: 0.375rem 1rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.5rem;\n ${tokens.editableCellIconButtonWidth}: 3rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.875rem;\n ${tokens.editableCellInputPadding}: 0 0.75rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.75rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2.5rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.875rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.875rem;\n ${tokens.selectItemBorderRadius}: 0.75rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.5rem 0.875rem;\n ${tokens.selectControlPanelGap}: 0.5rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n m: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.headerRowHeight}: 2.75rem;\n ${tokens.rowHeight}: 2.75rem;\n ${tokens.cellPadding}: 0.25rem 0.875rem;\n ${tokens.checkboxCellPadding}: 0.25rem 0.75rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.375rem;\n ${tokens.editableCellIconButtonWidth}: 2.5rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.625rem;\n ${tokens.editableCellInputPadding}: 0 0.625rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.75rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.625rem;\n ${tokens.selectItemBorderRadius}: 0.625rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.75rem;\n ${tokens.selectControlPanelGap}: 0.625rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n s: css`\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.headerRowHeight}: 2.125rem;\n ${tokens.rowHeight}: 2.125rem;\n ${tokens.cellPadding}: 0.125rem 0.5rem;\n ${tokens.checkboxCellPadding}: 0.125rem 0.625rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n ${tokens.editableCellIconGap}: 0.25rem;\n ${tokens.editableCellIconButtonWidth}: 2rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.125rem;\n ${tokens.editableCellInputBorderRadius}: 0.5rem;\n ${tokens.editableCellInputPadding}: 0 0.375rem;\n\n ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.25rem 0.5rem;\n\n ${tokens.buttonHeight}: 1.5rem;\n ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.625rem;\n ${tokens.selectItemHeight}: 1rem;\n ${tokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${tokens.selectItemBorderRadius}: 0.5rem;\n ${tokens.selectItemIconMargin}: 0 0.25rem 0 0;\n ${tokens.selectItemIconSize}: 1rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${tokens.selectCheckboxTriggerSize}: 0.875rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.25rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.5rem;\n ${tokens.selectControlPanelGap}: 0.25rem;\n\n ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s"],"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,SAAAA,EAAO,SAEN;AACDC,MAAAA,KAAK,EAAA;KAGR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAmEA;AACDC,MAAAA,CAAC,EAAA,UAmEA;AACDC,MAAAA,CAAC,EAAA;AAoEL;AACJ;AACJ;;;;"}

package/components/Table/Table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.js","sources":["../../src-css/components/Table/Table.tsx"],"sourcesContent":["import { tableConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Table.config';\n\nconst mergedConfig = mergeConfig(tableConfig, config);\nconst TableComponent = component(mergedConfig);\n\n/*\n Таблица.\n */\nexport const Table = TableComponent;\n"],"names":["mergedConfig","mergeConfig","tableConfig","config","TableComponent","component","Table"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,yBAAW,EAAEC,mBAAM,CAAC~~,CAAA~~;AACrD,IAAMC,cAAc,gBAAGC,uBAAS,CAACL,YAAY,CAAC~~,CAAA~~;;AAE9C;AACA;AACA;AACO,IAAMM,KAAK,GAAGF;;;;"}
1	+ {"version":3,"file":"Table.js","sources":["../../src-css/components/Table/Table.tsx"],"sourcesContent":["import { tableConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Table.config';\n\nconst mergedConfig = mergeConfig(tableConfig, config);\nconst TableComponent = component(mergedConfig);\n\n/*\n Таблица.\n */\nexport const Table = TableComponent;\n"],"names":["mergedConfig","mergeConfig","tableConfig","config","TableComponent","component","Table"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,yBAAW,EAAEC,mBAAM,CAAC;AACrD,IAAMC,cAAc,gBAAGC,uBAAS,CAACL,YAAY,CAAC;;AAE9C;AACA;AACA;AACO,IAAMM,KAAK,GAAGF;;;;"}

package/components/Tabs/TabItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabItem.js","sources":["../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabItemConfig,\n horizontalIconTabItemConfig,\n verticalTabItemConfig,\n verticalIconTabItemConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as horizontalIconConfig } from './horizontal/HorizontalIconTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\nimport { config as verticalIconConfig } from './vertical/VerticalIconTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedHorizontalIconTabItemConfig = mergeConfig(horizontalIconTabItemConfig, horizontalIconConfig);\nconst HorizontalIconTabItem = component(mergedHorizontalIconTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\nconst mergedVerticalIconTabItemConfig = mergeConfig(verticalIconTabItemConfig, verticalIconConfig);\nconst VerticalIconTabItem = component(mergedVerticalIconTabItemConfig);\n\nexport type HorizontalTabItemProps = ComponentProps<typeof HorizontalTabItem>;\nexport type VerticalTabItemProps = ComponentProps<typeof VerticalTabItem>;\n\nexport type TabItemProps = HorizontalTabItemProps \| VerticalTabItemProps;\n\n/*\n Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = fixedForwardRef<HTMLButtonElement, TabItemProps>((props: TabItemProps, ref) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabItem ref={ref} {...(props as VerticalTabItemProps)} />;\n }\n\n return <HorizontalTabItem ref={ref} {...(props as HorizontalTabItemProps)} />;\n});\n\nexport type HorizontalIconTabItemProps = ComponentProps<typeof HorizontalIconTabItem>;\nexport type VerticalIconTabItemProps = ComponentProps<typeof VerticalIconTabItem>;\n\nexport type IconTabItemProps = HorizontalIconTabItemProps \| VerticalIconTabItemProps;\n\nexport const IconTabItem = fixedForwardRef<HTMLButtonElement, IconTabItemProps>((props: IconTabItemProps, ref) => {\n if (props.orientation === 'vertical') {\n return <VerticalIconTabItem ref={ref} {...(props as VerticalIconTabItemProps)} />;\n }\n\n return <HorizontalIconTabItem ref={ref} {...(props as HorizontalIconTabItemProps)} />;\n});\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedHorizontalIconTabItemConfig","horizontalIconTabItemConfig","horizontalIconConfig","HorizontalIconTabItem","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","mergedVerticalIconTabItemConfig","verticalIconTabItemConfig","verticalIconConfig","VerticalIconTabItem","TabItem","fixedForwardRef","props","ref","orientation","React","createElement","_extends","IconTabItem"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAMA,6BAA6B,gBAAGC,yBAAW,CAACC,qCAAuB,EAAEC,+BAAgB,CAAC~~,CAAA~~;AAC5F,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACL,6BAA6B,CAAC~~,CAAA~~;AAElE,IAAMM,iCAAiC,gBAAGL,yBAAW,CAACM,yCAA2B,EAAEC,mCAAoB,CAAC~~,CAAA~~;AACxG,IAAMC,qBAAqB,gBAAGJ,uBAAS,CAACC,iCAAiC,CAAC~~,CAAA~~;AAE1E,IAAMI,2BAA2B,gBAAGT,yBAAW,CAACU,mCAAqB,EAAEC,6BAAc,CAAC~~,CAAA~~;AACtF,IAAMC,eAAe,gBAAGR,uBAAS,CAACK,2BAA2B,CAAC~~,CAAA~~;AAE9D,IAAMI,+BAA+B,gBAAGb,yBAAW,CAACc,uCAAyB,EAAEC,iCAAkB,CAAC~~,CAAA~~;AAClG,IAAMC,mBAAmB,gBAAGZ,uBAAS,CAACS,+BAA+B,CAAC~~,CAAA~~;AAOtE;AACA;AACA;AACO,IAAMI,OAAO,gBAAGC,6BAAe,CAAkC,UAACC,KAAmB,EAAEC,GAAG,EAAK;AAClG,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACX,eAAe,EAAAY,iCAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA~~,GAAAA~~;~~KAAUD~~,~~EAAAA~~,KAAK,CAA4B,CAAC~~,CAAA~~;AAC7E,~~GAAA~~;AAEA,EAAA,oBAAOG,sBAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAAqB,iCAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA~~,GAAAA~~;~~GAAUD~~,~~EAAAA~~,KAAK,CAA8B,CAAC~~,CAAA~~;AACjF,CAAC~~,EAAC~~;~~AAOK~~,IAAMM,WAAW,gBAAGP,6BAAe,CAAsC,UAACC,KAAuB,EAAEC,GAAG,EAAK;AAC9G,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACP,mBAAmB,EAAAQ,iCAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA~~,GAAAA~~;~~KAAUD~~,~~EAAAA~~,KAAK,CAAgC,CAAC~~,CAAA~~;AACrF,~~GAAA~~;AAEA,EAAA,oBAAOG,sBAAA,CAAAC,aAAA,CAACf,qBAAqB,EAAAgB,iCAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA~~,GAAAA~~;~~GAAUD~~,~~EAAAA~~,KAAK,CAAkC,CAAC~~,CAAA~~;AACzF,CAAC;;;;;"}
1	+ {"version":3,"file":"TabItem.js","sources":["../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabItemConfig,\n horizontalIconTabItemConfig,\n verticalTabItemConfig,\n verticalIconTabItemConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as horizontalIconConfig } from './horizontal/HorizontalIconTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\nimport { config as verticalIconConfig } from './vertical/VerticalIconTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedHorizontalIconTabItemConfig = mergeConfig(horizontalIconTabItemConfig, horizontalIconConfig);\nconst HorizontalIconTabItem = component(mergedHorizontalIconTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\nconst mergedVerticalIconTabItemConfig = mergeConfig(verticalIconTabItemConfig, verticalIconConfig);\nconst VerticalIconTabItem = component(mergedVerticalIconTabItemConfig);\n\nexport type HorizontalTabItemProps = ComponentProps<typeof HorizontalTabItem>;\nexport type VerticalTabItemProps = ComponentProps<typeof VerticalTabItem>;\n\nexport type TabItemProps = HorizontalTabItemProps \| VerticalTabItemProps;\n\n/*\n Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = fixedForwardRef<HTMLButtonElement, TabItemProps>((props: TabItemProps, ref) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabItem ref={ref} {...(props as VerticalTabItemProps)} />;\n }\n\n return <HorizontalTabItem ref={ref} {...(props as HorizontalTabItemProps)} />;\n});\n\nexport type HorizontalIconTabItemProps = ComponentProps<typeof HorizontalIconTabItem>;\nexport type VerticalIconTabItemProps = ComponentProps<typeof VerticalIconTabItem>;\n\nexport type IconTabItemProps = HorizontalIconTabItemProps \| VerticalIconTabItemProps;\n\nexport const IconTabItem = fixedForwardRef<HTMLButtonElement, IconTabItemProps>((props: IconTabItemProps, ref) => {\n if (props.orientation === 'vertical') {\n return <VerticalIconTabItem ref={ref} {...(props as VerticalIconTabItemProps)} />;\n }\n\n return <HorizontalIconTabItem ref={ref} {...(props as HorizontalIconTabItemProps)} />;\n});\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedHorizontalIconTabItemConfig","horizontalIconTabItemConfig","horizontalIconConfig","HorizontalIconTabItem","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","mergedVerticalIconTabItemConfig","verticalIconTabItemConfig","verticalIconConfig","VerticalIconTabItem","TabItem","fixedForwardRef","props","ref","orientation","React","createElement","_extends","IconTabItem"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAMA,6BAA6B,gBAAGC,yBAAW,CAACC,qCAAuB,EAAEC,+BAAgB,CAAC;AAC5F,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACL,6BAA6B,CAAC;AAElE,IAAMM,iCAAiC,gBAAGL,yBAAW,CAACM,yCAA2B,EAAEC,mCAAoB,CAAC;AACxG,IAAMC,qBAAqB,gBAAGJ,uBAAS,CAACC,iCAAiC,CAAC;AAE1E,IAAMI,2BAA2B,gBAAGT,yBAAW,CAACU,mCAAqB,EAAEC,6BAAc,CAAC;AACtF,IAAMC,eAAe,gBAAGR,uBAAS,CAACK,2BAA2B,CAAC;AAE9D,IAAMI,+BAA+B,gBAAGb,yBAAW,CAACc,uCAAyB,EAAEC,iCAAkB,CAAC;AAClG,IAAMC,mBAAmB,gBAAGZ,uBAAS,CAACS,+BAA+B,CAAC;AAOtE;AACA;AACA;AACO,IAAMI,OAAO,gBAAGC,6BAAe,CAAkC,UAACC,KAAmB,EAAEC,GAAG,EAAK;AAClG,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACX,eAAe,EAAAY,iCAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA;KAAI,EAAMD,KAAK,CAA4B,CAAC;AAC7E,EAAA;AAEA,EAAA,oBAAOG,sBAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAAqB,iCAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA;GAAI,EAAMD,KAAK,CAA8B,CAAC;AACjF,CAAC;AAOM,IAAMM,WAAW,gBAAGP,6BAAe,CAAsC,UAACC,KAAuB,EAAEC,GAAG,EAAK;AAC9G,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACP,mBAAmB,EAAAQ,iCAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA;KAAI,EAAMD,KAAK,CAAgC,CAAC;AACrF,EAAA;AAEA,EAAA,oBAAOG,sBAAA,CAAAC,aAAA,CAACf,qBAAqB,EAAAgB,iCAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA;GAAI,EAAMD,KAAK,CAAkC,CAAC;AACzF,CAAC;;;;;"}

package/components/Tabs/Tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.js","sources":["../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabsConfig,\n verticalTabsConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype TabsProps = ComponentProps<typeof HorizontalTabs> \| ComponentProps<typeof VerticalTabs>;\n\n/*\n Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabs {...props} />;\n }\n\n return <HorizontalTabs {...props} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,0BAA0B,gBAAGC,yBAAW,CAACC,kCAAoB,EAAEC,4BAAgB,CAAC~~,CAAA~~;AACtF,IAAMC,wBAAwB,gBAAGH,yBAAW,CAACI,gCAAkB,EAAEC,0BAAc,CAAC~~,CAAA~~;AAEhF,IAAMC,cAAc,gBAAGC,uBAAS,CAACR,0BAA0B,CAAC~~,CAAA~~;AAC5D,IAAMS,YAAY,gBAAGD,uBAAS,CAACJ,wBAAwB,CAAC~~,CAAA~~;AAIxD;AACA;AACA;IACaM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC~~,CAAA~~;AACtC,~~GAAA~~;AAEA,EAAA,oBAAOE,sBAAA,CAAAC,aAAA,CAACP,cAAc,EAAKI,KAAQ,CAAC~~,CAAA~~;AACxC;;;;"}
1	+ {"version":3,"file":"Tabs.js","sources":["../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n horizontalTabsConfig,\n verticalTabsConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype TabsProps = ComponentProps<typeof HorizontalTabs> \| ComponentProps<typeof VerticalTabs>;\n\n/*\n Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n if (props.orientation === 'vertical') {\n return <VerticalTabs {...props} />;\n }\n\n return <HorizontalTabs {...props} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,0BAA0B,gBAAGC,yBAAW,CAACC,kCAAoB,EAAEC,4BAAgB,CAAC;AACtF,IAAMC,wBAAwB,gBAAGH,yBAAW,CAACI,gCAAkB,EAAEC,0BAAc,CAAC;AAEhF,IAAMC,cAAc,gBAAGC,uBAAS,CAACR,0BAA0B,CAAC;AAC5D,IAAMS,YAAY,gBAAGD,uBAAS,CAACJ,wBAAwB,CAAC;AAIxD;AACA;AACA;IACaM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC;AACtC,EAAA;AAEA,EAAA,oBAAOE,sBAAA,CAAAC,aAAA,CAACP,cAAc,EAAKI,KAAQ,CAAC;AACxC;;;;"}

package/components/Tabs/TabsController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabsController.js","sources":["../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import {\n createTabsController,\n horizontalTabItemConfig as horizontalBaseTabItemConfig,\n horizontalTabsConfig as horizontalBaseTabsConfig,\n HorizontalTabItemProps,\n HorizontalTabsProps,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\nimport { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config as horizontalTabsConfig } from './horizontal/HorizontalTabs.config';\nimport { config as horizontalTabItemConfig } from './horizontal/HorizontalTabItem.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\n/*\n Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(\n HorizontalTabs as ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n HorizontalTabItem as ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n);\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalBaseTabsConfig","horizontalTabsConfig","HorizontalTabs","component","mergedHorizontalTabItemConfig","horizontalBaseTabItemConfig","horizontalTabItemConfig","HorizontalTabItem","TabsController","createTabsController"],"mappings":";;;;;;;;AAcA,IAAMA,0BAA0B,gBAAGC,yBAAW,CAACC,kCAAwB,EAAEC,4BAAoB,CAAC~~,CAAA~~;AAC9F,IAAMC,cAAc,gBAAGC,uBAAS,CAACL,0BAA0B,CAAC~~,CAAA~~;AAE5D,IAAMM,6BAA6B,gBAAGL,yBAAW,CAACM,qCAA2B,EAAEC,+BAAuB,CAAC~~,CAAA~~;AACvG,IAAMC,iBAAiB,gBAAGJ,uBAAS,CAACC,6BAA6B,CAAC~~,CAAA~~;;AAElE;AACA;AACA;AACA;AACO,IAAMI,cAAc,gBAAGC,kCAAoB,CAC9CP,cAAc,EACdK,iBACJ;;;;"}
1	+ {"version":3,"file":"TabsController.js","sources":["../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import {\n createTabsController,\n horizontalTabItemConfig as horizontalBaseTabItemConfig,\n horizontalTabsConfig as horizontalBaseTabsConfig,\n HorizontalTabItemProps,\n HorizontalTabsProps,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\nimport { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config as horizontalTabsConfig } from './horizontal/HorizontalTabs.config';\nimport { config as horizontalTabItemConfig } from './horizontal/HorizontalTabItem.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\n/*\n Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(\n HorizontalTabs as ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n HorizontalTabItem as ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n);\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalBaseTabsConfig","horizontalTabsConfig","HorizontalTabs","component","mergedHorizontalTabItemConfig","horizontalBaseTabItemConfig","horizontalTabItemConfig","HorizontalTabItem","TabsController","createTabsController"],"mappings":";;;;;;;;AAcA,IAAMA,0BAA0B,gBAAGC,yBAAW,CAACC,kCAAwB,EAAEC,4BAAoB,CAAC;AAC9F,IAAMC,cAAc,gBAAGC,uBAAS,CAACL,0BAA0B,CAAC;AAE5D,IAAMM,6BAA6B,gBAAGL,yBAAW,CAACM,qCAA2B,EAAEC,+BAAuB,CAAC;AACvG,IAAMC,iBAAiB,gBAAGJ,uBAAS,CAACC,6BAA6B,CAAC;;AAElE;AACA;AACA;AACA;AACO,IAAMI,cAAc,gBAAGC,kCAAoB,CAC9CP,cAAc,EACdK,iBACJ;;;;"}

package/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map CHANGED Viewed

	@@ -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';\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~~,IAAA~~;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,~~EAiBJ~~,~~SAAA~~;AACDC,MAAAA,SAAS,~~EAmBR~~,~~UAAA~~;AACDC,MAAAA,OAAO,~~EAmBN~~,~~UAAA~~;MACDC,~~SAAO~~,~~EAAA,UAAA~~;KAoBV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,~~EAMD~~,~~UAAA~~;AACDC,MAAAA,CAAC,~~EAMA~~,~~UAAA~~;AACDC,MAAAA,CAAC,~~EAMA~~,~~UAAA~~;AACDC,MAAAA,CAAC,~~EAMA~~,~~UAAA~~;AACDC,MAAAA,EAAE,~~EAMD~~,~~UAAA~~;AACDC,MAAAA,EAAE,~~EAMD~~,~~UAAA~~;AACDC,MAAAA,EAAE,~~EAMD~~,~~UAAA~~;AACDC,MAAAA,EAAE,~~EAMD~~,~~UAAA~~;AACDC,MAAAA,EAAE,EAAA~~,UAAA~~;KAOL;AACDC,IAAAA,QAAQ,EAAE;MACNC,~~MAAI~~,~~EAAA,SAAA~~;AAGR~~,KAAA~~;AACJ~~,GAAA~~;AACJ;;;;"}
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';\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;;;;"}

package/components/Tabs/horizontal/HorizontalTabItem.config.js.map CHANGED Viewed

	@@ -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';\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,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAwBJ,UAAA;AACDC,MAAAA,SAAS,EA0BR,UAAA;AACDC,MAAAA,OAAO,EAwBN,SAAA;MACDC,SAAO,EAAA,UAAA;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;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';\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;;;;"}

package/components/Tabs/horizontal/HorizontalTabs.config.js.map CHANGED Viewed

	@@ -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';\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~~,GAAA~~;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,~~EAUJ~~,~~SAAA~~;AACDC,MAAAA,MAAM,~~EAUL~~,~~UAAA~~;AACDC,MAAAA,OAAO,EAAA~~,UAAA~~;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,~~EAMD~~,~~UAAA~~;AACDC,MAAAA,CAAC,~~EAMA~~,~~UAAA~~;AACDC,MAAAA,CAAC,~~EAMA~~,~~UAAA~~;AACDC,MAAAA,CAAC,~~EAMA~~,~~QAAA~~;AACDC,MAAAA,EAAE,~~EAMD~~,~~UAAA~~;AACDC,MAAAA,EAAE,~~EAMD~~,~~UAAA~~;AACDC,MAAAA,EAAE,~~EAMD~~,~~SAAA~~;AACDC,MAAAA,EAAE,~~EAMD~~,~~SAAA~~;AACDC,MAAAA,EAAE,EAAA~~,SAAA~~;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,~~MAAI~~,~~EAAA,SAAA~~;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,~~MAAI~~,~~EAAA,SAAA~~;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,~~MAAI~~,~~EAAA,SAAA~~;AAGR~~,KAAA~~;AACJ~~,GAAA~~;AACJ;;;;"}
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';\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;;;;"}

package/components/Tabs/vertical/VerticalIconTabItem.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalIconTabItem.config.js","sources":["../../../src-css/components/Tabs/vertical/VerticalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\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.itemSelectedDividerWidth}: 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.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE~~,IAAA~~;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA~~,UAAA~~;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,~~EAOD~~,~~UAAA~~;AACDC,MAAAA,CAAC,~~EAOA~~,~~UAAA~~;AACDC,MAAAA,CAAC,~~EAOA~~,~~UAAA~~;AACDC,MAAAA,CAAC,EAAA~~,SAAA~~;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,~~MAAI~~,~~EAAA,SAAA~~;AAGR~~,KAAA~~;AACJ~~,GAAA~~;AACJ;;;;"}
1	+ {"version":3,"file":"VerticalIconTabItem.config.js","sources":["../../../src-css/components/Tabs/vertical/VerticalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\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.itemSelectedDividerWidth}: 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.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","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,OAAO,EAAA;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,UAOD;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/components/Tabs/vertical/VerticalTabItem.config.js.map CHANGED Viewed

	@@ -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-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	+ {"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;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAmBD;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}

package/components/Tabs/vertical/VerticalTabs.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalTabs.config.js","sources":["../../../src-css/components/Tabs/vertical/VerticalTabs.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.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.tabsDividerWidth}: 0.0625rem;\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.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerHeight}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled"],"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~~;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,~~EAMD~~,~~SAAA~~;AACDC,MAAAA,CAAC,~~EAMA~~,~~SAAA~~;AACDC,MAAAA,CAAC,~~EAMA~~,~~UAAA~~;AACDC,MAAAA,CAAC,EAAA~~,UAAA~~;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,~~MAAI~~,~~EAAA,UAAA~~;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,~~MAAI~~,~~EAAA,SAAA~~;AAGR~~,KAAA~~;AACJ~~,GAAA~~;AACJ;;;;"}
1	+ {"version":3,"file":"VerticalTabs.config.js","sources":["../../../src-css/components/Tabs/vertical/VerticalTabs.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.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.tabsDividerWidth}: 0.0625rem;\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.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerHeight}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled"],"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,OAAO,EAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}