@salutejs/sdds-os 0.23.0-next-platform-ai.0 → 0.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/cjs/components/Combobox/Combobox.config.js +12 -6
- package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
- package/dist/css/cjs/components/Combobox/{Combobox.config_e9zq4.css → Combobox.config_wsdl89.css} +8 -5
- package/dist/css/cjs/components/Combobox/Combobox.css +15 -12
- package/dist/css/cjs/components/Steps/StepItem.config.js +22 -0
- package/dist/css/cjs/components/Steps/StepItem.config.js.map +1 -0
- package/dist/css/cjs/components/Steps/StepItem.config_qzqyof.css +5 -0
- package/dist/css/cjs/components/Steps/Steps.config.js +1 -1
- package/dist/css/cjs/components/Steps/Steps.config.js.map +1 -1
- package/dist/css/cjs/components/Steps/{Steps.config_1axu604.css → Steps.config_1i5tex4.css} +2 -2
- package/dist/css/cjs/components/Steps/Steps.css +18 -12
- package/dist/css/cjs/components/Steps/Steps.js +5 -1
- package/dist/css/cjs/components/Steps/Steps.js.map +1 -1
- package/dist/css/cjs/index.css +34 -25
- package/dist/css/cjs/index.js +23 -23
- package/dist/css/es/components/Combobox/Combobox.config.js +12 -6
- package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/dist/css/es/components/Combobox/{Combobox.config_e9zq4.css → Combobox.config_wsdl89.css} +8 -5
- package/dist/css/es/components/Combobox/Combobox.css +15 -12
- package/dist/css/es/components/Steps/StepItem.config.js +18 -0
- package/dist/css/es/components/Steps/StepItem.config.js.map +1 -0
- package/dist/css/es/components/Steps/StepItem.config_qzqyof.css +5 -0
- package/dist/css/es/components/Steps/Steps.config.js +1 -1
- package/dist/css/es/components/Steps/Steps.config.js.map +1 -1
- package/dist/css/es/components/Steps/{Steps.config_1axu604.css → Steps.config_1i5tex4.css} +2 -2
- package/dist/css/es/components/Steps/Steps.css +18 -12
- package/dist/css/es/components/Steps/Steps.js +5 -1
- package/dist/css/es/components/Steps/Steps.js.map +1 -1
- package/dist/css/es/components/Tabs/TabItem.js +9 -9
- package/dist/css/es/components/Tabs/TabItem.js.map +1 -1
- package/dist/css/es/index.css +34 -25
- package/dist/css/es/index.js +3 -3
- package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +48 -0
- package/dist/styled-components/cjs/components/Steps/StepItem.config.js +70 -0
- package/dist/styled-components/cjs/components/Steps/Steps.config.js +0 -10
- package/dist/styled-components/cjs/components/Steps/Steps.js +5 -1
- package/dist/styled-components/es/components/Combobox/Combobox.config.js +48 -0
- package/dist/styled-components/es/components/Steps/StepItem.config.js +60 -0
- package/dist/styled-components/es/components/Steps/Steps.config.js +0 -10
- package/dist/styled-components/es/components/Steps/Steps.js +5 -1
- package/package.json +7 -7
- package/types/components/Accordion/Accordion.d.ts +1 -1
- package/types/components/Calendar/Calendar.d.ts +2 -2
- package/types/components/Cell/Cell.d.ts +3 -3
- package/types/components/Combobox/Combobox.config.d.ts +6 -0
- package/types/components/Combobox/Combobox.d.ts +13 -0
- package/types/components/DatePicker/DatePicker.d.ts +2 -2
- package/types/components/Steps/StepItem.config.d.ts +14 -0
- package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
- package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
.d10u5kv{--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-divider-color:var(--surface-solid-default);}
|
|
2
|
+
.a2vcg2y{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-divider-color:var(--surface-accent);}
|
|
3
|
+
.n1pcjfg0{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-negative);--plasma-step-item-completed-indicator-background-hover:var(--surface-negative-hover);--plasma-step-item-completed-title-color:var(--text-negative);--plasma-step-item-completed-title-color-hover:var(--text-negative-hover);--plasma-step-item-divider-color:var(--surface-negative);}
|
|
4
|
+
.w14deh5a{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-warning);--plasma-step-item-completed-indicator-background-hover:var(--surface-warning-hover);--plasma-step-item-completed-title-color:var(--text-warning);--plasma-step-item-completed-title-color-hover:var(--text-warning-hover);--plasma-step-item-divider-color:var(--surface-warning);}
|
|
5
|
+
.p15jq5ud{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-positive);--plasma-step-item-completed-indicator-background-hover:var(--surface-positive-hover);--plasma-step-item-completed-title-color:var(--text-positive);--plasma-step-item-completed-title-color-hover:var(--text-positive-hover);--plasma-step-item-divider-color:var(--surface-positive);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Steps.config.js","sources":["../../../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nconst baseItemView = `\n ${tokens.activeTitleColor}: var(--text-primary);\n ${tokens.activeTitleColorHover}: var(--text-primary-hover);\n ${tokens.activeIndicatorBorder}: solid var(--surface-solid-default);\n ${tokens.activeIndicatorColor}: var(--text-primary);\n ${tokens.activeIndicatorBackground}: var(--surface-clear);\n \n ${tokens.completedIndicatorColor}: var(--inverse-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary);\n ${tokens.completedIndicatorBackground}: var(--surface-solid-default);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.completedTitleColor}: var(--text-primary);\n ${tokens.completedTitleColorHover}: var(--text-primary-hover);\n\n ${tokens.inactiveTitleColor}: var(--text-secondary);\n ${tokens.inactiveTitleColorHover}: var(--text-secondary-hover);\n ${tokens.inactiveIndicatorColor}: var(--text-secondary);\n ${tokens.inactiveIndicatorColorHover}: var(--text-secondary);\n ${tokens.inactiveIndicatorBackground}: var(--surface-solid-secondary);\n ${tokens.inactiveIndicatorBackgroundHover}: var(--surface-solid-secondary-hover);\n\n ${tokens.contentColor}: var(--text-secondary);\n ${tokens.focusColor}: var(--surface-accent);\n\n ${tokens.disabledOpacity}: 0.4;\n`;\n\nconst accentConfig = `\n ${tokens.completedTitleColor}: var(--text-primary);\n ${tokens.completedTitleColorHover}: var(--text-primary-hover);\n \n ${tokens.completedIndicatorBackground}: var(--surface-accent);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);\n \n // Цвет контента внутри элемента Step\n ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);\n`;\n\nexport const config = {\n defaults: {\n size: 'm',\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.dividerColor}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.dividerColor}: var(--surface-accent);\n `,\n },\n itemView: {\n default: css`\n ${baseItemView};\n `,\n negative: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: var(--surface-negative);\n ${tokens.activeTitleColorHover}: var(--surface-negative-hover);\n ${tokens.activeIndicatorBorder}: solid var(--surface-negative);\n ${tokens.activeIndicatorColor}: var(--text-negative);\n `,\n warning: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: var(--surface-warning);\n ${tokens.activeTitleColorHover}: var(--surface-warning-hover);\n ${tokens.activeIndicatorBorder}: solid var(--surface-warning);\n ${tokens.activeIndicatorColor}: var(--text-warning);\n `,\n positive: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: var(--surface-positive);\n ${tokens.activeTitleColorHover}: var(--surface-positive-hover);\n ${tokens.activeIndicatorBorder}: solid var(--surface-positive);\n ${tokens.activeIndicatorColor}: var(--text-positive);\n `,\n },\n size: {\n m: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 2.25rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.625rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.75rem;\n ${tokens.contentVerticalPadding}: 0.875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.smallIndicatorIndentHeight}: 0.75rem;\n ${tokens.largeIndicatorIndentHeight}: 0.4375rem;\n ${tokens.smallBulletIndentHeight}: 1.25rem;\n ${tokens.largeBulletIndentHeight}: 1.125rem;\n\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.titleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.contentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.contentLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n s: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 1.5rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.5rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.6875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.smallIndicatorIndentHeight}: 0.5rem;\n ${tokens.largeIndicatorIndentHeight}: 0.5rem;\n ${tokens.smallBulletIndentHeight}: 1rem;\n ${tokens.largeBulletIndentHeight}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n },\n },\n intersections: [\n {\n view: 'accent',\n itemView: 'default',\n style: css`\n ${tokens.activeIndicatorBorder}: solid var(--text-accent);\n ${tokens.activeIndicatorColor}: var(--text-accent);\n\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'negative',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'warning',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'positive',\n style: css`\n ${accentConfig};\n `,\n },\n ],\n};\n"],"names":["config","defaults","size","view","variations","default","accent","itemView","negative","warning","positive","m","s","intersections","style"],"mappings":"AAyCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,UAEN;AACDC,MAAAA,MAAM,EAAA;KAGT;AACDC,IAAAA,QAAQ,EAAE;AACNF,MAAAA,SAAAA,EAAO,UAEN;AACDG,MAAAA,QAAQ,EAAA,SAOP;AACDC,MAAAA,OAAO,EAAA,SAON;AACDC,MAAAA,QAAQ,EAAA;KAQX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SA8CA;AACDC,MAAAA,CAAC,EAAA;AA+CL;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIV,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBO,IAAAA,KAAK,EAAA;AAMT,GAAC,EACD;AACIX,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBO,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIX,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBO,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIX,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBO,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}
|
|
1
|
+
{"version":3,"file":"Steps.config.js","sources":["../../../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nconst baseItemView = `\n ${tokens.activeTitleColor}: var(--text-primary);\n ${tokens.activeTitleColorHover}: var(--text-primary-hover);\n ${tokens.activeIndicatorBorder}: solid var(--surface-solid-default);\n ${tokens.activeIndicatorColor}: var(--text-primary);\n ${tokens.activeIndicatorBackground}: var(--surface-clear);\n \n ${tokens.completedIndicatorColor}: var(--inverse-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary);\n ${tokens.completedIndicatorBackground}: var(--surface-solid-default);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.completedTitleColor}: var(--text-primary);\n ${tokens.completedTitleColorHover}: var(--text-primary-hover);\n\n ${tokens.inactiveTitleColor}: var(--text-secondary);\n ${tokens.inactiveTitleColorHover}: var(--text-secondary-hover);\n ${tokens.inactiveIndicatorColor}: var(--text-secondary);\n ${tokens.inactiveIndicatorColorHover}: var(--text-secondary);\n ${tokens.inactiveIndicatorBackground}: var(--surface-solid-secondary);\n ${tokens.inactiveIndicatorBackgroundHover}: var(--surface-solid-secondary-hover);\n\n ${tokens.contentColor}: var(--text-secondary);\n ${tokens.focusColor}: var(--surface-accent);\n\n ${tokens.disabledOpacity}: 0.4;\n`;\n\nconst accentConfig = `\n ${tokens.completedTitleColor}: var(--text-primary);\n ${tokens.completedTitleColorHover}: var(--text-primary-hover);\n \n ${tokens.completedIndicatorBackground}: var(--surface-accent);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);\n \n // Цвет контента внутри элемента Step\n ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);\n`;\n\nexport const config = {\n defaults: {\n size: 'm',\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.dividerColor}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.dividerColor}: var(--surface-accent);\n `,\n },\n itemView: {\n default: css`\n ${baseItemView};\n `,\n negative: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: var(--surface-negative);\n ${tokens.activeTitleColorHover}: var(--surface-negative-hover);\n ${tokens.activeIndicatorBorder}: solid var(--surface-negative);\n ${tokens.activeIndicatorColor}: var(--text-negative);\n `,\n warning: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: var(--surface-warning);\n ${tokens.activeTitleColorHover}: var(--surface-warning-hover);\n ${tokens.activeIndicatorBorder}: solid var(--surface-warning);\n ${tokens.activeIndicatorColor}: var(--text-warning);\n `,\n positive: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: var(--surface-positive);\n ${tokens.activeTitleColorHover}: var(--surface-positive-hover);\n ${tokens.activeIndicatorBorder}: solid var(--surface-positive);\n ${tokens.activeIndicatorColor}: var(--text-positive);\n `,\n },\n size: {\n m: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 2.25rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.625rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.75rem;\n ${tokens.contentVerticalPadding}: 0.875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.titleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.contentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.contentLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n s: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 1.5rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.5rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.6875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n },\n },\n intersections: [\n {\n view: 'accent',\n itemView: 'default',\n style: css`\n ${tokens.activeIndicatorBorder}: solid var(--text-accent);\n ${tokens.activeIndicatorColor}: var(--text-accent);\n\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'negative',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'warning',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'positive',\n style: css`\n ${accentConfig};\n `,\n },\n ],\n};\n"],"names":["config","defaults","size","view","variations","default","accent","itemView","negative","warning","positive","m","s","intersections","style"],"mappings":"AAyCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,UAEN;AACDC,MAAAA,MAAM,EAAA;KAGT;AACDC,IAAAA,QAAQ,EAAE;AACNF,MAAAA,SAAAA,EAAO,UAEN;AACDG,MAAAA,QAAQ,EAAA,SAOP;AACDC,MAAAA,OAAO,EAAA,SAON;AACDC,MAAAA,QAAQ,EAAA;KAQX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SAyCA;AACDC,MAAAA,CAAC,EAAA;AA0CL;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIV,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBO,IAAAA,KAAK,EAAA;AAMT,GAAC,EACD;AACIX,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBO,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIX,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBO,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIX,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBO,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
.nzx2zl9{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-solid-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-solid-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-negative);--plasma-step-item-active-title-color-hover:var(--surface-negative-hover);--plasma-step-item-active-indicator-border:solid var(--surface-negative);--plasma-step-item-active-indicator-color:var(--text-negative);}
|
|
5
5
|
.wcdn5ma{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-solid-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-solid-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-warning);--plasma-step-item-active-title-color-hover:var(--surface-warning-hover);--plasma-step-item-active-indicator-border:solid var(--surface-warning);--plasma-step-item-active-indicator-color:var(--text-warning);}
|
|
6
6
|
.pxho34d{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-solid-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-solid-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-positive);--plasma-step-item-active-title-color-hover:var(--surface-positive-hover);--plasma-step-item-active-indicator-border:solid var(--surface-positive);--plasma-step-item-active-indicator-color:var(--text-positive);}
|
|
7
|
-
.my70uvz{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-
|
|
8
|
-
.s13abbyw{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-
|
|
7
|
+
.my70uvz{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
8
|
+
.s13abbyw{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
9
9
|
.s3tayno{--plasma-step-item-active-indicator-border:solid var(--text-accent);--plasma-step-item-active-indicator-color:var(--text-accent);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
|
10
10
|
.stb8tz4{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
|
11
11
|
.sdmymci{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
1
|
+
.StepItem_config_qzqyof_d10u5kv__6ccd0f92{--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-divider-color:var(--surface-solid-default);}
|
|
2
|
+
.StepItem_config_qzqyof_a2vcg2y__6ccd0f92{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-divider-color:var(--surface-accent);}
|
|
3
|
+
.StepItem_config_qzqyof_n1pcjfg0__6ccd0f92{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-negative);--plasma-step-item-completed-indicator-background-hover:var(--surface-negative-hover);--plasma-step-item-completed-title-color:var(--text-negative);--plasma-step-item-completed-title-color-hover:var(--text-negative-hover);--plasma-step-item-divider-color:var(--surface-negative);}
|
|
4
|
+
.StepItem_config_qzqyof_w14deh5a__6ccd0f92{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-warning);--plasma-step-item-completed-indicator-background-hover:var(--surface-warning-hover);--plasma-step-item-completed-title-color:var(--text-warning);--plasma-step-item-completed-title-color-hover:var(--text-warning-hover);--plasma-step-item-divider-color:var(--surface-warning);}
|
|
5
|
+
.StepItem_config_qzqyof_p15jq5ud__6ccd0f92{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-positive);--plasma-step-item-completed-indicator-background-hover:var(--surface-positive-hover);--plasma-step-item-completed-title-color:var(--text-positive);--plasma-step-item-completed-title-color-hover:var(--text-positive-hover);--plasma-step-item-divider-color:var(--surface-positive);}
|
|
6
|
+
|
|
7
|
+
.Steps_config_1i5tex4_d1eto8nh__4353a4a2{--plasma-step-item-divider-color:var(--surface-solid-default);}
|
|
8
|
+
.Steps_config_1i5tex4_as5t39y__4353a4a2{--plasma-step-item-divider-color:var(--surface-accent);}
|
|
9
|
+
.Steps_config_1i5tex4_d1o9g49i__4353a4a2{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-solid-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-solid-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;}
|
|
10
|
+
.Steps_config_1i5tex4_nzx2zl9__4353a4a2{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-solid-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-solid-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-negative);--plasma-step-item-active-title-color-hover:var(--surface-negative-hover);--plasma-step-item-active-indicator-border:solid var(--surface-negative);--plasma-step-item-active-indicator-color:var(--text-negative);}
|
|
11
|
+
.Steps_config_1i5tex4_wcdn5ma__4353a4a2{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-solid-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-solid-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-warning);--plasma-step-item-active-title-color-hover:var(--surface-warning-hover);--plasma-step-item-active-indicator-border:solid var(--surface-warning);--plasma-step-item-active-indicator-color:var(--text-warning);}
|
|
12
|
+
.Steps_config_1i5tex4_pxho34d__4353a4a2{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-solid-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-solid-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-positive);--plasma-step-item-active-title-color-hover:var(--surface-positive-hover);--plasma-step-item-active-indicator-border:solid var(--surface-positive);--plasma-step-item-active-indicator-color:var(--text-positive);}
|
|
13
|
+
.Steps_config_1i5tex4_my70uvz__4353a4a2{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
14
|
+
.Steps_config_1i5tex4_s13abbyw__4353a4a2{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
15
|
+
.Steps_config_1i5tex4_s3tayno__4353a4a2{--plasma-step-item-active-indicator-border:solid var(--text-accent);--plasma-step-item-active-indicator-color:var(--text-accent);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
|
16
|
+
.Steps_config_1i5tex4_stb8tz4__4353a4a2{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
|
17
|
+
.Steps_config_1i5tex4_sdmymci__4353a4a2{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
|
18
|
+
.Steps_config_1i5tex4_szwvz3f__4353a4a2{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import { component, mergeConfig, stepsConfig } from '@salutejs/plasma-new-hope/css';
|
|
1
|
+
import { component, mergeConfig, stepsConfig as stepsConfig$1, stepItemConfig } from '@salutejs/plasma-new-hope/css';
|
|
2
|
+
import { config as config$1 } from './StepItem.config.js';
|
|
2
3
|
import { config } from './Steps.config.js';
|
|
3
4
|
|
|
5
|
+
var mergedItemConfig = /*#__PURE__*/mergeConfig(stepItemConfig, config$1);
|
|
6
|
+
var StepItem = /*#__PURE__*/component(mergedItemConfig);
|
|
7
|
+
var stepsConfig = /*#__PURE__*/stepsConfig$1(StepItem);
|
|
4
8
|
var mergedConfig = /*#__PURE__*/mergeConfig(stepsConfig, config);
|
|
5
9
|
var StepsComponent = /*#__PURE__*/component(mergedConfig);
|
|
6
10
|
var Steps = StepsComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Steps.js","sources":["../../../../../src-css/components/Steps/Steps.ts"],"sourcesContent":["import { stepsConfig
|
|
1
|
+
{"version":3,"file":"Steps.js","sources":["../../../../../src-css/components/Steps/Steps.ts"],"sourcesContent":["import type { FC } from 'react';\nimport {\n stepsConfig as rawStepsConfig,\n stepItemConfig,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\nimport type { StepItemExtendedProps } from '@salutejs/plasma-new-hope';\n\nimport { config as itemConfig } from './StepItem.config';\nimport { config } from './Steps.config';\n\nconst mergedItemConfig = mergeConfig(stepItemConfig, itemConfig);\nconst StepItem = component(mergedItemConfig);\n\nconst stepsConfig = rawStepsConfig(StepItem as FC<StepItemExtendedProps>);\n\nconst mergedConfig = mergeConfig(stepsConfig, config);\nconst StepsComponent = component(mergedConfig);\n\nexport const Steps = StepsComponent;\n"],"names":["mergedItemConfig","mergeConfig","stepItemConfig","itemConfig","StepItem","component","stepsConfig","rawStepsConfig","mergedConfig","config","StepsComponent","Steps"],"mappings":";;;;AAYA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,cAAc,EAAEC,QAAU,CAAC;AAChE,IAAMC,QAAQ,gBAAGC,SAAS,CAACL,gBAAgB,CAAC;AAE5C,IAAMM,WAAW,gBAAGC,aAAc,CAACH,QAAqC,CAAC;AAEzE,IAAMI,YAAY,gBAAGP,WAAW,CAACK,WAAW,EAAEG,MAAM,CAAC;AACrD,IAAMC,cAAc,gBAAGL,SAAS,CAACG,YAAY,CAAC;AAEvC,IAAMG,KAAK,GAAGD;;;;"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { fixedForwardRef, component, mergeConfig,
|
|
4
|
-
import { config as config$
|
|
5
|
-
import { config as config$
|
|
6
|
-
import { config } from './vertical/VerticalTabItem.config.js';
|
|
7
|
-
import { config
|
|
3
|
+
import { fixedForwardRef, component, mergeConfig, verticalIconTabItemConfig, horizontalIconTabItemConfig, verticalTabItemConfig, horizontalTabItemConfig } from '@salutejs/plasma-new-hope/css';
|
|
4
|
+
import { config as config$3 } from './horizontal/HorizontalTabItem.config.js';
|
|
5
|
+
import { config as config$1 } from './horizontal/HorizontalIconTabItem.config.js';
|
|
6
|
+
import { config as config$2 } from './vertical/VerticalTabItem.config.js';
|
|
7
|
+
import { config } from './vertical/VerticalIconTabItem.config.js';
|
|
8
8
|
|
|
9
|
-
var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, config$
|
|
9
|
+
var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, config$3);
|
|
10
10
|
var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
|
|
11
|
-
var mergedHorizontalIconTabItemConfig = /*#__PURE__*/mergeConfig(horizontalIconTabItemConfig, config$
|
|
11
|
+
var mergedHorizontalIconTabItemConfig = /*#__PURE__*/mergeConfig(horizontalIconTabItemConfig, config$1);
|
|
12
12
|
var HorizontalIconTabItem = /*#__PURE__*/component(mergedHorizontalIconTabItemConfig);
|
|
13
|
-
var mergedVerticalTabItemConfig = /*#__PURE__*/mergeConfig(verticalTabItemConfig, config);
|
|
13
|
+
var mergedVerticalTabItemConfig = /*#__PURE__*/mergeConfig(verticalTabItemConfig, config$2);
|
|
14
14
|
var VerticalTabItem = /*#__PURE__*/component(mergedVerticalTabItemConfig);
|
|
15
|
-
var mergedVerticalIconTabItemConfig = /*#__PURE__*/mergeConfig(verticalIconTabItemConfig, config
|
|
15
|
+
var mergedVerticalIconTabItemConfig = /*#__PURE__*/mergeConfig(verticalIconTabItemConfig, config);
|
|
16
16
|
var VerticalIconTabItem = /*#__PURE__*/component(mergedVerticalIconTabItemConfig);
|
|
17
17
|
/**
|
|
18
18
|
* Элемент списка, недопустимо использовать вне компонента Tabs.
|
|
@@ -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/css';\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,WAAW,CAACC,uBAAuB,EAAEC,QAAgB,CAAC;AAC5F,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,6BAA6B,CAAC;AAElE,IAAMM,iCAAiC,gBAAGL,WAAW,CAACM,2BAA2B,EAAEC,QAAoB,CAAC;AACxG,IAAMC,qBAAqB,gBAAGJ,SAAS,CAACC,iCAAiC,CAAC;AAE1E,IAAMI,2BAA2B,gBAAGT,WAAW,CAACU,qBAAqB,EAAEC,
|
|
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/css';\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,WAAW,CAACC,uBAAuB,EAAEC,QAAgB,CAAC;AAC5F,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,6BAA6B,CAAC;AAElE,IAAMM,iCAAiC,gBAAGL,WAAW,CAACM,2BAA2B,EAAEC,QAAoB,CAAC;AACxG,IAAMC,qBAAqB,gBAAGJ,SAAS,CAACC,iCAAiC,CAAC;AAE1E,IAAMI,2BAA2B,gBAAGT,WAAW,CAACU,qBAAqB,EAAEC,QAAc,CAAC;AACtF,IAAMC,eAAe,gBAAGR,SAAS,CAACK,2BAA2B,CAAC;AAE9D,IAAMI,+BAA+B,gBAAGb,WAAW,CAACc,yBAAyB,EAAEC,MAAkB,CAAC;AAClG,IAAMC,mBAAmB,gBAAGZ,SAAS,CAACS,+BAA+B,CAAC;AAOtE;AACA;AACA;AACO,IAAMI,OAAO,gBAAGC,eAAe,CAAkC,UAACC,KAAmB,EAAEC,GAAG,EAAK;AAClG,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACX,eAAe,EAAAY,QAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA;KAAI,EAAMD,KAAK,CAA4B,CAAC;AAC7E,EAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAAqB,QAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA;GAAI,EAAMD,KAAK,CAA8B,CAAC;AACjF,CAAC;AAOM,IAAMM,WAAW,gBAAGP,eAAe,CAAsC,UAACC,KAAuB,EAAEC,GAAG,EAAK;AAC9G,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACP,mBAAmB,EAAAQ,QAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA;KAAI,EAAMD,KAAK,CAAgC,CAAC;AACrF,EAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACf,qBAAqB,EAAAgB,QAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA;GAAI,EAAMD,KAAK,CAAkC,CAAC;AACzF,CAAC;;;;"}
|