npm - @salutejs/sdds-platform-ai - Versions diffs - 0.331.0-canary.2386.20129801985.0 → 0.331.0-canary.2386.20265601954.0 - Mend

@salutejs/sdds-platform-ai 0.331.0-canary.2386.20129801985.0 → 0.331.0-canary.2386.20265601954.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 (1625) hide show

package/dist/css/es/components/Slider/Slider.js ADDED Viewed

@@ -0,0 +1,14 @@
+import { component, mergeConfig, sliderConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './Slider.config.js';
+var mergedConfig = /*#__PURE__*/mergeConfig(sliderConfig, config);
+var SliderComponent = /*#__PURE__*/component(mergedConfig);
+/**
+ * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
+ * Можно указать два значения.
+ */
+var Slider = SliderComponent;
+export { Slider };
+//# sourceMappingURL=Slider.js.map

package/dist/css/es/components/Slider/Slider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Slider.js","sources":["../../../../../src-css/components/Slider/Slider.tsx"],"sourcesContent":["import { sliderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Slider.config';\n\nconst mergedConfig = mergeConfig(sliderConfig, config);\nconst SliderComponent = component(mergedConfig);\n\n/**\n * Слайдер позволяет определить числовое значение в пределах указанного промежутка.\n * Можно указать два значения.\n */\nexport const Slider = SliderComponent;\n"],"names":["mergedConfig","mergeConfig","sliderConfig","config","SliderComponent","component","Slider"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;AACtD,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE/C;AACA;AACA;AACA;AACO,IAAMM,MAAM,GAAGF;;;;"}

package/dist/css/es/components/Spinner/Spinner.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Spinner.config.js","sources":["../../../../../src-css/components/Spinner/Spinner.config.tsx"],"sourcesContent":["import { css } from '@salutejs/plasma-new-hope/css';\n\n// TODO: Добавить view info\nexport const config = {\n defaults: {\n view: 'accent',\n size: 'xxs',\n },\n variations: {\n view: {\n default: css`\n --plasma-spinner-color: var(--text-primary);\n `,\n secondary: css`\n --plasma-spinner-color: var(--text-secondary);\n `,\n accent: css`\n --plasma-spinner-color: var(--text-accent);\n `,\n positive: css`\n --plasma-spinner-color: var(--text-positive);\n `,\n warning: css`\n --plasma-spinner-color: var(--text-warning);\n `,\n negative: css`\n --plasma-spinner-color: var(--text-negative);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","positive","warning","negative"],"mappings":"AAEA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,KAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAEC,UAAA;AACDC,MAAAA,SAAS,EAER,UAAA;AACDC,MAAAA,MAAM,EAEL,UAAA;AACDC,MAAAA,QAAQ,EAEP,UAAA;AACDC,MAAAA,OAAO,EAEN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;AAGZ,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Spinner/Spinner.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { component, mergeConfig, spinnerConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './Spinner.config.js';
+var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig, config);
+var SpinnerComponent = /*#__PURE__*/component(mergedConfig);
+/**
+ * Компонент для отображения индикатора загрузки.
+ */
+var Spinner = SpinnerComponent;
+export { Spinner };
+//# sourceMappingURL=Spinner.js.map

package/dist/css/es/components/Spinner/Spinner.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Spinner.js","sources":["../../../../../src-css/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Spinner.config';\n\nconst mergedConfig = mergeConfig(spinnerConfig, config);\nconst SpinnerComponent = component(mergedConfig);\n\nexport type SpinnerProps = HTMLAttributes<HTMLDivElement> & {\n /**\n * Размер спиннера\n */\n size?: string | number;\n /**\n * Цвет спиннера\n */\n view?: string;\n /**\n * Цвет спиннера\n * @deprecated\n */\n color?: string;\n /**\n * @deprecated\n */\n deviceScale?: number;\n};\n\n/**\n * Компонент для отображения индикатора загрузки.\n */\nexport const Spinner = SpinnerComponent;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","config","SpinnerComponent","component","Spinner"],"mappings":";;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,EAAEC,MAAM,CAAC,CAAA;AACvD,IAAMC,gBAAgB,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAsBhD;AACA;AACA;AACO,IAAMM,OAAO,GAAGF;;;;"}

package/dist/css/es/components/Steps/Steps.config.js.map ADDED Viewed

@@ -0,0 +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-transparent-secondary);\n ${tokens.inactiveIndicatorBackgroundHover}: var(--surface-transparent-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 },\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","intersections","style"],"mappings":"AAyCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAEC,UAAA;AACDC,MAAAA,MAAM,EAAA,SAAA;KAGT;AACDC,IAAAA,QAAQ,EAAE;AACNF,MAAAA,SAAAA,EAEC,UAAA;AACDG,MAAAA,QAAQ,EAOP,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAQX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SAAA;AA+CL,KAAA;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIT,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBM,IAAAA,KAAK,EAAA,UAAA;AAMT,GAAC,EACD;AACIV,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBM,IAAAA,KAAK,EAAA,SAAA;AAGT,GAAC,EACD;AACIV,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBM,IAAAA,KAAK,EAAA,SAAA;AAGT,GAAC,EACD;AACIV,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBM,IAAAA,KAAK,EAAA,SAAA;GAGR,CAAA;AAET;;;;"}

package/dist/css/es/components/Steps/Steps.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { component, mergeConfig, stepsConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './Steps.config.js';
+var mergedConfig = /*#__PURE__*/mergeConfig(stepsConfig, config);
+var StepsComponent = /*#__PURE__*/component(mergedConfig);
+var Steps = StepsComponent;
+export { Steps };
+//# sourceMappingURL=Steps.js.map

package/dist/css/es/components/Steps/Steps.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Steps.js","sources":["../../../../../src-css/components/Steps/Steps.ts"],"sourcesContent":["import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Steps.config';\n\nconst mergedConfig = mergeConfig(stepsConfig, config);\nconst StepsComponent = component(mergedConfig);\n\nexport const Steps = StepsComponent;\n"],"names":["mergedConfig","mergeConfig","stepsConfig","config","StepsComponent","component","Steps"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;AACrD,IAAMC,cAAc,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAEvC,IAAMM,KAAK,GAAGF;;;;"}

package/dist/css/es/components/Switch/Switch.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Switch.config.js","sources":["../../../../../src-css/components/Switch/Switch.config.ts"],"sourcesContent":["import { css, switchTokens } from '@salutejs/plasma-new-hope/css';\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 },\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,EAAA,UAAA;KAgBJ;AACDL,IAAAA,UAAU,EAAE;AACRM,MAAAA,CAAC,EASA,SAAA;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,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Switch/Switch.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { component, mergeConfig, switchConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './Switch.config.js';
+var mergedConfig = /*#__PURE__*/mergeConfig(switchConfig, config);
+var SwitchComponent = /*#__PURE__*/component(mergedConfig);
+var Switch = SwitchComponent;
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/dist/css/es/components/Switch/Switch.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Switch.js","sources":["../../../../../src-css/components/Switch/Switch.tsx"],"sourcesContent":["import { switchConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\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,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;AACtD,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,MAAM,GAAGF;;;;"}

package/dist/css/es/components/Tabs/TabItem.js ADDED Viewed

@@ -0,0 +1,42 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { fixedForwardRef, component, mergeConfig, horizontalTabItemConfig, horizontalIconTabItemConfig, verticalTabItemConfig, verticalIconTabItemConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './horizontal/HorizontalTabItem.config.js';
+import { config as config$1 } from './horizontal/HorizontalIconTabItem.config.js';
+import { config as config$2 } from './vertical/VerticalTabItem.config.js';
+import { config as config$3 } from './vertical/VerticalIconTabItem.config.js';
+var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, config);
+var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
+var mergedHorizontalIconTabItemConfig = /*#__PURE__*/mergeConfig(horizontalIconTabItemConfig, config$1);
+var HorizontalIconTabItem = /*#__PURE__*/component(mergedHorizontalIconTabItemConfig);
+var mergedVerticalTabItemConfig = /*#__PURE__*/mergeConfig(verticalTabItemConfig, config$2);
+var VerticalTabItem = /*#__PURE__*/component(mergedVerticalTabItemConfig);
+var mergedVerticalIconTabItemConfig = /*#__PURE__*/mergeConfig(verticalIconTabItemConfig, config$3);
+var VerticalIconTabItem = /*#__PURE__*/component(mergedVerticalIconTabItemConfig);
+/**
+ * Элемент списка, недопустимо использовать вне компонента Tabs.
+ */
+var TabItem = /*#__PURE__*/fixedForwardRef(function (props, ref) {
+  if (props.orientation === 'vertical') {
+    return /*#__PURE__*/React.createElement(VerticalTabItem, _extends({
+      ref: ref
+    }, props));
+  }
+  return /*#__PURE__*/React.createElement(HorizontalTabItem, _extends({
+    ref: ref
+  }, props));
+});
+var IconTabItem = /*#__PURE__*/fixedForwardRef(function (props, ref) {
+  if (props.orientation === 'vertical') {
+    return /*#__PURE__*/React.createElement(VerticalIconTabItem, _extends({
+      ref: ref
+    }, props));
+  }
+  return /*#__PURE__*/React.createElement(HorizontalIconTabItem, _extends({
+    ref: ref
+  }, props));
+});
+export { IconTabItem, TabItem };
+//# sourceMappingURL=TabItem.js.map

package/dist/css/es/components/Tabs/TabItem.js.map ADDED Viewed

@@ -0,0 +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,MAAgB,CAAC,CAAA;AAC5F,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,6BAA6B,CAAC,CAAA;AAElE,IAAMM,iCAAiC,gBAAGL,WAAW,CAACM,2BAA2B,EAAEC,QAAoB,CAAC,CAAA;AACxG,IAAMC,qBAAqB,gBAAGJ,SAAS,CAACC,iCAAiC,CAAC,CAAA;AAE1E,IAAMI,2BAA2B,gBAAGT,WAAW,CAACU,qBAAqB,EAAEC,QAAc,CAAC,CAAA;AACtF,IAAMC,eAAe,gBAAGR,SAAS,CAACK,2BAA2B,CAAC,CAAA;AAE9D,IAAMI,+BAA+B,gBAAGb,WAAW,CAACc,yBAAyB,EAAEC,QAAkB,CAAC,CAAA;AAClG,IAAMC,mBAAmB,gBAAGZ,SAAS,CAACS,+BAA+B,CAAC,CAAA;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,GAAAA;KAAUD,EAAAA,KAAK,CAA4B,CAAC,CAAA;AAC7E,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAAqB,QAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAA8B,CAAC,CAAA;AACjF,CAAC,EAAC;AAOK,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,GAAAA;KAAUD,EAAAA,KAAK,CAAgC,CAAC,CAAA;AACrF,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACf,qBAAqB,EAAAgB,QAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAkC,CAAC,CAAA;AACzF,CAAC;;;;"}

package/dist/css/es/components/Tabs/Tabs.js ADDED Viewed

@@ -0,0 +1,21 @@
+import React from 'react';
+import { component, mergeConfig, horizontalTabsConfig, verticalTabsConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './horizontal/HorizontalTabs.config.js';
+import { config as config$1 } from './vertical/VerticalTabs.config.js';
+var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, config);
+var mergedVerticalTabsConfig = /*#__PURE__*/mergeConfig(verticalTabsConfig, config$1);
+var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
+var VerticalTabs = /*#__PURE__*/component(mergedVerticalTabsConfig);
+/**
+ * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
+ */
+var Tabs = function Tabs(props) {
+  if (props.orientation === 'vertical') {
+    return /*#__PURE__*/React.createElement(VerticalTabs, props);
+  }
+  return /*#__PURE__*/React.createElement(HorizontalTabs, props);
+};
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

package/dist/css/es/components/Tabs/Tabs.js.map ADDED Viewed

@@ -0,0 +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/css';\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,WAAW,CAACC,oBAAoB,EAAEC,MAAgB,CAAC,CAAA;AACtF,IAAMC,wBAAwB,gBAAGH,WAAW,CAACI,kBAAkB,EAAEC,QAAc,CAAC,CAAA;AAEhF,IAAMC,cAAc,gBAAGC,SAAS,CAACR,0BAA0B,CAAC,CAAA;AAC5D,IAAMS,YAAY,gBAAGD,SAAS,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,KAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACP,cAAc,EAAKI,KAAQ,CAAC,CAAA;AACxC;;;;"}

package/dist/css/es/components/Tabs/TabsController.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { createTabsController, component, mergeConfig, horizontalTabsConfig, horizontalTabItemConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './horizontal/HorizontalTabs.config.js';
+import { config as config$1 } from './horizontal/HorizontalTabItem.config.js';
+var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, config);
+var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
+var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, config$1);
+var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
+/**
+ * Контроллер вкладок.
+ * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
+ */
+var TabsController = /*#__PURE__*/createTabsController(HorizontalTabs, HorizontalTabItem);
+export { TabsController };
+//# sourceMappingURL=TabsController.js.map

package/dist/css/es/components/Tabs/TabsController.js.map ADDED Viewed

@@ -0,0 +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/css';\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,WAAW,CAACC,oBAAwB,EAAEC,MAAoB,CAAC,CAAA;AAC9F,IAAMC,cAAc,gBAAGC,SAAS,CAACL,0BAA0B,CAAC,CAAA;AAE5D,IAAMM,6BAA6B,gBAAGL,WAAW,CAACM,uBAA2B,EAAEC,QAAuB,CAAC,CAAA;AACvG,IAAMC,iBAAiB,gBAAGJ,SAAS,CAACC,6BAA6B,CAAC,CAAA;;AAElE;AACA;AACA;AACA;AACO,IAAMI,cAAc,gBAAGC,oBAAoB,CAC9CP,cAAc,EACdK,iBACJ;;;;"}

package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: var(--text-secondary);\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n 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 },\n size: {\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 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","divider","m","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,OAAO,EAAA,UAAA;KAoBV;AACDH,IAAAA,IAAI,EAAE;AACFI,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,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'm',\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 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 },\n size: {\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 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","divider","m","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,OAAO,EAAA,UAAA;KAyBV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,UAAA;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,UAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'filled',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n filled: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n divider: css`\n ${tabsTokens.arrowColor}: var(--text-secondary);\n ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.875rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n h5: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h4: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h3: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.375rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h2: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.5rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h1: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 1rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerWidth}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,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;;;;"}

package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config.js.map ADDED Viewed

@@ -0,0 +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/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'm',\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 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 },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","m","disabled","true"],"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;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAAA;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Tabs/vertical/VerticalTabItem.config.js.map ADDED Viewed

@@ -0,0 +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/css';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'm',\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 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 },\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","m","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,CAAC,EAAA,SAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,UAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Tabs/vertical/VerticalTabs.config.js.map ADDED Viewed

@@ -0,0 +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/css';\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;;;;"}

package/dist/css/es/components/TextArea/TextArea.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n },\n variations: {\n size: {\n m: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7rem;\n ${textAreaTokens.inputMinHeight}: 1.125rem;\n ${textAreaTokens.borderRadius}: 0.75rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 0.875rem;\n ${textAreaTokens.inputPaddingRight}: 1rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1rem;\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 1rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 1rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 0.875rem;\n ${textAreaTokens.rightContentRight}: 0.875rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.625rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}:0.312rem -2.813rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.063rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n view: {\n default: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-accent);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n negative: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-negative);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-negative);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-negative);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-negative);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-negative);\n ${textAreaTokens.leftHelperColor}: var(--text-negative);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-negative);\n ${textAreaTokens.dividerColorHover}: var(--surface-negative);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n },\n hintView: {\n default: css`\n ${textAreaTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${textAreaTokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n ${textAreaTokens.tooltipColor}: var(--text-primary);\n ${textAreaTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.688rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.688rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2.5rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.625rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1.25rem;\n /* stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${textAreaTokens.tooltipArrowHeight}: 0.5rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.5rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.75rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.5rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.5rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1rem;\n /* stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.563rem;\n `,\n },\n clear: {\n true: css``,\n },\n readOnly: {\n true: css`\n ${textAreaTokens.readOnlyOpacity}: 0.1;\n ${textAreaTokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${textAreaTokens.inputColorReadOnly}: var(--text-primary);\n ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${textAreaTokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n disabled: {\n true: css`\n ${textAreaTokens.disabledOpacity}: 0.4;\n ${textAreaTokens.inputColorDisabled}: var(--text-secondary);\n ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${textAreaTokens.titleCaptionColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","size","m","default","negative","hintView","hintSize","s","clear","true","readOnly","disabled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,CAAC,EAAA,UAAA;KAuEJ;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAkCC,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAmCX;AACDC,IAAAA,QAAQ,EAAE;MACNF,SAAO,EAAA,UAAA;KAMV;AACDG,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,CAAC,EAwBA,UAAA;AACDK,MAAAA,CAAC,EAAA,UAAA;KAyBJ;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,UAAA;KAOP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/TextArea/TextArea.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { component, mergeConfig, textAreaConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './TextArea.config.js';
+var mergedConfig = /*#__PURE__*/mergeConfig(textAreaConfig, config);
+var TextAreaComponent = /*#__PURE__*/component(mergedConfig);
+/**
+ * Поле ввода многострочного текста.
+ */
+var TextArea = TextAreaComponent;
+export { TextArea };
+//# sourceMappingURL=TextArea.js.map

package/dist/css/es/components/TextArea/TextArea.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextArea.js","sources":["../../../../../src-css/components/TextArea/TextArea.tsx"],"sourcesContent":["import { textAreaConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './TextArea.config';\n\nconst mergedConfig = mergeConfig(textAreaConfig, config);\nconst TextAreaComponent = component(mergedConfig);\n\n/**\n * Поле ввода многострочного текста.\n */\nexport const TextArea = TextAreaComponent;\n"],"names":["mergedConfig","mergeConfig","textAreaConfig","config","TextAreaComponent","component","TextArea"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,cAAc,EAAEC,MAAM,CAAC,CAAA;AACxD,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAEjD;AACA;AACA;AACO,IAAMM,QAAQ,GAAGF;;;;"}

package/dist/css/es/components/TextField/TextField.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextField.config.js","sources":["../../../../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n chipView: 'secondary',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-primary);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-secondary);\n ${tokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n positive: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-positive);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-positive);\n ${tokens.clearPlaceholderColorFocus}: var(--text-positive);\n\n ${tokens.backgroundColor}: var(--surface-transparent-positive);\n ${tokens.backgroundColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-positive);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-positive);\n ${tokens.dividerColorHover}: var(--surface-positive);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n warning: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-warning);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-warning);\n ${tokens.clearPlaceholderColorFocus}: var(--text-warning);\n\n ${tokens.backgroundColor}: var(--surface-transparent-warning);\n ${tokens.backgroundColorHover}: var(--surface-transparent-warning-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-warning);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-warning);\n ${tokens.dividerColorHover}: var(--surface-warning);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n negative: css`\n ${tokens.color}: var(--text-primary);\n ${tokens.clearColor}: var(--text-negative);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n ${tokens.clearPlaceholderColor}: var(--text-negative);\n ${tokens.clearPlaceholderColorFocus}: var(--text-negative);\n\n ${tokens.backgroundColor}: var(--surface-transparent-negative);\n ${tokens.backgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.textBeforeColor}: var(--text-tertiary);\n ${tokens.textAfterColor}: var(--text-tertiary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n `,\n },\n size: {\n m: css`\n ${tokens.height}: 3rem;\n ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.paddingWithChips}: 0.375rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n\n ${tokens.leftContentMargin}: -0.125rem 0.25rem -0.125rem -0.125rem;\n ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ${tokens.contentRightWrapperGap}: 0.25rem;\n ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.clearLabelOffset}: 0.25rem;\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.chipGap}: 0.25rem;\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.25rem;\n ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: 0rem;\n ${tokens.chipCloseIconSize}: 1.25rem;\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n clear: {\n true: css``,\n },\n chipView: {\n default: css`\n ${tokens.chipColor}: var(--inverse-text-primary);\n ${tokens.chipBackground}: var(--surface-solid-default);\n ${tokens.chipColorHover}: var(--inverse-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.chipColorActive}: var(--inverse-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-solid-default);\n ${tokens.chipColorReadOnly}: var(--inverse-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-solid-default);\n ${tokens.chipColorReadOnlyHover}: var(--inverse-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--inverse-text-secondary);\n ${tokens.chipCloseIconColorReadonly}: var(--inverse-text-secondary);\n ${tokens.chipCloseIconColorHover}: var(--inverse-text-secondary-hover);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n secondary: css`\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnly}: var(--text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n\n ${tokens.chipCloseIconColor}: var(--text-secondary);\n ${tokens.chipCloseIconColorReadonly}: var(--text-secondary);\n ${tokens.chipCloseIconColorHover}: var(--text-secondary-hover);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n accent: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-accent);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-accent);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-accent);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n positive: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-positive);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-positive-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-positive-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-positive);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-positive);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n warning: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-warning);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-warning-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-warning-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-warning);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-warning);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n negative: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-negative);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-negative-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-negative-active);\n ${tokens.chipBackgroundReadOnly}: var(--surface-negative);\n ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundReadOnlyHover}: var(--surface-negative);\n ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.chipOpacityReadonly}: 1;\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.colorReadOnly}: var(--text-primary);\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","chipView","variations","default","positive","warning","negative","m","inner","outer","clear","true","secondary","accent","hintView","hintSize","s","disabled","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,QAAQ,EAAE,WAAA;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EA+BC,SAAA;AACDC,MAAAA,QAAQ,EA+BP,SAAA;AACDC,MAAAA,OAAO,EA+BN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAgCX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAAA,SAAA;KAkFJ;AACDP,IAAAA,cAAc,EAAE;AACZQ,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KACR;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,UAAA;KACP;AACDV,IAAAA,QAAQ,EAAE;AACNE,MAAAA,SAAAA,EAgBC,SAAA;AACDS,MAAAA,SAAS,EAgBR,UAAA;AACDC,MAAAA,MAAM,EAgBL,SAAA;AACDT,MAAAA,QAAQ,EAgBP,SAAA;AACDC,MAAAA,OAAO,EAgBN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAiBX;AACDQ,IAAAA,QAAQ,EAAE;MACNX,SAAO,EAAA,SAAA;KAMV;AACDY,IAAAA,QAAQ,EAAE;AACNR,MAAAA,CAAC,EAuBA,SAAA;AACDS,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDC,IAAAA,QAAQ,EAAE;MACNN,MAAI,EAAA,SAAA;KAGP;AACDO,IAAAA,QAAQ,EAAE;MACNP,MAAI,EAAA,UAAA;AAWR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/TextField/TextField.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { component, mergeConfig, textFieldConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './TextField.config.js';
+var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig, config);
+/**
+ * Поле ввода текста.
+ */
+var TextField = /*#__PURE__*/component(mergedConfig);
+export { TextField };
+//# sourceMappingURL=TextField.js.map

package/dist/css/es/components/TextField/TextField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextField.js","sources":["../../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextField","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,EAAEC,MAAM,CAAC,CAAA;;AAEzD;AACA;AACA;IACaC,SAAS,gBAAGC,SAAS,CAACL,YAAY;;;;"}

package/dist/css/es/components/Toast/Toast.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Toast.config.js","sources":["../../../../../src-css/components/Toast/Toast.config.ts"],"sourcesContent":["import { css, toastTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n closeIconType: 'default',\n },\n variations: {\n view: {\n default: css`\n ${toastTokens.color}: var(--text-primary);\n ${toastTokens.background}: var(--surface-solid-card-brightness);\n\n ${toastTokens.closeIconColor}: var(--text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n `,\n positive: css`\n ${toastTokens.color}: var(--text-primary);\n ${toastTokens.background}: var(--surface-solid-card-brightness);\n ${toastTokens.contentLeftColor}: var(--text-positive);\n\n ${toastTokens.closeIconColor}: var(--text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n `,\n negative: css`\n ${toastTokens.color}: var(--text-primary);\n ${toastTokens.background}: var(--surface-solid-card-brightness);\n ${toastTokens.contentLeftColor}: var(--text-negative);\n\n ${toastTokens.closeIconColor}: var(--text-secondary);\n ${toastTokens.closeIconColorOnHover}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${toastTokens.borderRadius}: 0.75rem;\n ${toastTokens.maxWidth}: calc(100vw - 5rem);\n ${toastTokens.padding}: 0.5625rem 0.75rem;\n ${toastTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${toastTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${toastTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${toastTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${toastTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${toastTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.5rem;\n `,\n },\n closeIconType: {\n default: css`\n ${toastTokens.closeIconButtonSize}: 1rem;\n ${toastTokens.closeIconSize}: 1.5rem;\n `,\n },\n pilled: {\n true: css`\n ${toastTokens.pilledBorderRadius}: 1.5rem;\n\n ${toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.25rem;\n ${toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.375rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","closeIconType","variations","default","positive","negative","m","pilled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,aAAa,EAAE,SAAA;GAClB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAMC,UAAA;AACDC,MAAAA,QAAQ,EAOP,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAQX;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,UAAA;KAcJ;AACDL,IAAAA,aAAa,EAAE;MACXE,SAAO,EAAA,UAAA;KAIV;AACDI,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,UAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Toast/Toast.js ADDED Viewed

@@ -0,0 +1,11 @@
+import { component, ToastProviderHoc, mergeConfig, toastConfig, ToastControllerHoc } from '@salutejs/plasma-new-hope/css';
+export { useToast } from '@salutejs/plasma-new-hope/css';
+import { config } from './Toast.config.js';
+var mergedConfig = /*#__PURE__*/mergeConfig(toastConfig, config);
+var Toast = /*#__PURE__*/component(mergedConfig);
+var ToastController = /*#__PURE__*/ToastControllerHoc(Toast);
+var ToastProvider = /*#__PURE__*/ToastProviderHoc(ToastController);
+export { Toast, ToastController, ToastProvider };
+//# sourceMappingURL=Toast.js.map

package/dist/css/es/components/Toast/Toast.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Toast.js","sources":["../../../../../src-css/components/Toast/Toast.tsx"],"sourcesContent":["import {\n toastConfig,\n ToastProviderHoc,\n ToastControllerHoc,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Toast.config';\n\nexport { useToast } from '@salutejs/plasma-new-hope/css';\n\nconst mergedConfig = mergeConfig(toastConfig, config);\n\nexport const Toast = component(mergedConfig);\nexport const ToastController = ToastControllerHoc(Toast);\nexport const ToastProvider = ToastProviderHoc(ToastController);\n"],"names":["mergedConfig","mergeConfig","toastConfig","config","Toast","component","ToastController","ToastControllerHoc","ToastProvider","ToastProviderHoc"],"mappings":";;;;AAYA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;IAExCC,KAAK,gBAAGC,SAAS,CAACL,YAAY,EAAC;IAC/BM,eAAe,gBAAGC,kBAAkB,CAACH,KAAK,EAAC;IAC3CI,aAAa,gBAAGC,gBAAgB,CAACH,eAAe;;;;"}

package/dist/css/es/components/Toolbar/Toolbar.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Toolbar.config.js","sources":["../../../../../src-css/components/Toolbar/Toolbar.config.ts"],"sourcesContent":["import { css, toolbarTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n /* TODO: заменить значение box-shadow на var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n ${toolbarTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${toolbarTokens.background}: var(--surface-solid-card-brightness);\n\n ${toolbarTokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n size: {\n m: css`\n ${toolbarTokens.size}: 3.75rem;\n ${toolbarTokens.padding}: 0.375rem;\n ${toolbarTokens.borderRadius}: 1rem;\n\n ${toolbarTokens.dividerSize}: 1.75rem;\n ${toolbarTokens.dividerOffset}: 0.625rem;\n ${toolbarTokens.dividerBorderRadius}: 0.0625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","m"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAAA;AASL,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Toolbar/Toolbar.js ADDED Viewed

@@ -0,0 +1,14 @@
+import { component, mergeConfig, toolbarConfig, toolbarDividerConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './Toolbar.config.js';
+var mergedConfig = /*#__PURE__*/mergeConfig(toolbarConfig, config);
+/**
+ * Компонент Toolbar.
+ */
+var Toolbar = /*#__PURE__*/component(mergedConfig);
+var mergedDividerConfig = /*#__PURE__*/mergeConfig(toolbarDividerConfig);
+var ToolbarDivider = /*#__PURE__*/component(mergedDividerConfig);
+export { Toolbar, ToolbarDivider };
+//# sourceMappingURL=Toolbar.js.map

package/dist/css/es/components/Toolbar/Toolbar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Toolbar.js","sources":["../../../../../src-css/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import {\n toolbarConfig,\n component,\n mergeConfig,\n toolbarDividerConfig,\n} from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Toolbar.config';\n\nconst mergedConfig = mergeConfig(toolbarConfig, config);\n\n/**\n * Компонент Toolbar.\n */\nexport const Toolbar = component(mergedConfig);\n\nconst mergedDividerConfig = mergeConfig(toolbarDividerConfig);\nexport const ToolbarDivider = component(mergedDividerConfig);\n"],"names":["mergedConfig","mergeConfig","toolbarConfig","config","Toolbar","component","mergedDividerConfig","toolbarDividerConfig","ToolbarDivider"],"mappings":";;;AASA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,EAAEC,MAAM,CAAC,CAAA;;AAEvD;AACA;AACA;IACaC,OAAO,gBAAGC,SAAS,CAACL,YAAY,EAAC;AAE9C,IAAMM,mBAAmB,gBAAGL,WAAW,CAACM,oBAAoB,CAAC,CAAA;IAChDC,cAAc,gBAAGH,SAAS,CAACC,mBAAmB;;;;"}

package/dist/css/es/components/Tooltip/Tooltip.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Tooltip.config.js","sources":["../../../../../src-css/components/Tooltip/Tooltip.config.ts"],"sourcesContent":["import { css, tooltipTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n s: css`\n ${tooltipTokens.paddingTop}: 0.5rem;\n ${tooltipTokens.paddingRight}: 0.75rem;\n ${tooltipTokens.paddingBottom}: 0.5rem;\n ${tooltipTokens.paddingLeft}: 0.75rem;\n\n ${tooltipTokens.minHeight}: 2rem;\n ${tooltipTokens.borderRadius}: 0.5rem;\n\n ${tooltipTokens.textFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tooltipTokens.textFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tooltipTokens.textFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tooltipTokens.textFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tooltipTokens.contentLeftMargin}: 0.25rem;\n\n ${tooltipTokens.arrowMaskWidth}: 1rem;\n ${tooltipTokens.arrowMaskHeight}: 1rem;\n ${tooltipTokens.arrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tooltipTokens.arrowHeight}: 0.375rem;\n ${tooltipTokens.arrowEdgeMargin}: 0.5625rem;\n ${tooltipTokens.arrowBackground}: var(--surface-solid-card-brightness);\n `,\n m: css`\n ${tooltipTokens.paddingTop}: 0.6875rem;\n ${tooltipTokens.paddingRight}: 0.875rem;\n ${tooltipTokens.paddingBottom}: 0.6875rem;\n ${tooltipTokens.paddingLeft}: 0.875rem;\n\n ${tooltipTokens.minHeight}: 2.5rem;\n ${tooltipTokens.borderRadius}: 0.625rem;\n\n ${tooltipTokens.textFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tooltipTokens.textFontSize}: var(--plasma-typo-body-s-font-size);\n ${tooltipTokens.textFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tooltipTokens.textFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tooltipTokens.contentLeftMargin}: 0.375rem;\n\n ${tooltipTokens.arrowMaskWidth}: 1.25rem;\n ${tooltipTokens.arrowMaskHeight}: 1.25rem;\n ${tooltipTokens.arrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tooltipTokens.arrowHeight}: 0.5rem;\n ${tooltipTokens.arrowEdgeMargin}: 0.625rem;\n ${tooltipTokens.arrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n view: {\n // TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131\n default: css`\n ${tooltipTokens.backgroundColor}: var(--surface-solid-card-brightness);\n ${tooltipTokens.boxShadow}: 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ${tooltipTokens.color}: var(--text-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","s","m","default"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAwBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAyBJ;AACDJ,IAAAA,IAAI,EAAE;AACF;MACAK,SAAO,EAAA,SAAA;AAKX,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Tooltip/Tooltip.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { component, mergeConfig, tooltipConfig } from '@salutejs/plasma-new-hope/css';
+import { config } from './Tooltip.config.js';
+var mergedConfig = /*#__PURE__*/mergeConfig(tooltipConfig, config);
+var Tooltip = /*#__PURE__*/component(mergedConfig);
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

package/dist/css/es/components/Tooltip/Tooltip.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Tooltip.js","sources":["../../../../../src-css/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { ForwardRefExoticComponent, RefAttributes } from 'react';\nimport { TooltipProps, tooltipConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Tooltip.config';\n\nconst mergedConfig = mergeConfig(tooltipConfig, config);\n\nexport const Tooltip = component(mergedConfig) as ForwardRefExoticComponent<\n TooltipProps & RefAttributes<HTMLDivElement>\n>;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","config","Tooltip","component"],"mappings":";;;AAKA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,EAAEC,MAAM,CAAC,CAAA;IAE1CC,OAAO,gBAAGC,SAAS,CAACL,YAAY;;;;"}

package/dist/css/es/components/Typography/Body.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Body.config.js","sources":["../../../../../src-css/components/Typography/Body.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const configL = {\n defaults: {\n size: 'l',\n },\n variations: {\n size: {\n l: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-l-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-l-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-l-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-l-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-l-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n },\n },\n};\n\nexport const configM = {\n defaults: {\n size: 'm',\n },\n variations: {\n size: {\n m: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-m-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-m-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-m-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-m-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-m-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n },\n },\n};\n\nexport const configS = {\n defaults: {\n size: 's',\n },\n variations: {\n size: {\n s: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-s-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-s-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-s-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-s-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-s-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n },\n};\n\nexport const configXS = {\n defaults: {\n size: 'xs',\n },\n variations: {\n size: {\n xs: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xs-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xs-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xs-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n\nexport const configXXS = {\n defaults: {\n size: 'xxs',\n },\n variations: {\n size: {\n xxs: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xxs-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xxs-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n },\n },\n};\n"],"names":["configL","defaults","size","variations","l","configM","m","configS","s","configXS","xs","configXXS","xxs"],"mappings":"AAEO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAAA,UAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,SAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,QAAQ,GAAG;AACpBR,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,SAAS,GAAG;AACrBV,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,KAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFU,MAAAA,GAAG,EAAA,UAAA;AAUP,KAAA;AACJ,GAAA;AACJ;;;;"}

package/dist/css/es/components/Typography/Dspl.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Dspl.config.js","sources":["../../../../../src-css/components/Typography/Dspl.config.ts"],"sourcesContent":["import { css, typographyTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const configL = {\n defaults: {\n size: 'l',\n },\n variations: {\n size: {\n l: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-l-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-l-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-l-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-l-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-l-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-l-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-l-line-height);\n `,\n },\n },\n};\n\nexport const configM = {\n defaults: {\n size: 'm',\n },\n variations: {\n size: {\n m: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-m-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-m-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-m-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-m-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-m-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-m-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-m-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-m-line-height);\n `,\n },\n },\n};\n\nexport const configS = {\n defaults: {\n size: 's',\n },\n variations: {\n size: {\n s: css`\n ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-s-font-family);\n ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-s-font-size);\n ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-s-font-style);\n ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-s-font-weight);\n ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-s-bold-font-weight);\n ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-s-medium-font-weight);\n ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-s-letter-spacing);\n ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-s-line-height);\n `,\n },\n },\n};\n"],"names":["configL","defaults","size","variations","l","configM","m","configS","s"],"mappings":"AAEO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAAA,SAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBJ,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,SAAA;AAUL,KAAA;AACJ,GAAA;AACJ,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBN,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,SAAA;AAUL,KAAA;AACJ,GAAA;AACJ;;;;"}