@salutejs/plasma-b2c 1.414.0-canary.1452.11263420833.0 → 1.414.0-canary.1466.11269016047.0

package/components/Tabs/Tabs.d.ts

@@ -1,5 +1,51 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import React, { ComponentProps } from 'react';
+declare const HorizontalTabs: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        filled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        h1: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    stretch: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    pilled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const VerticalTabs: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    stretch: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomVerticalTabsProps & React.RefAttributes<HTMLDivElement>>;
+declare type TabsProps = ComponentProps<typeof HorizontalTabs> | ComponentProps<typeof VerticalTabs>;
 /**
  * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
  */
-export declare const Tabs: ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & import("@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types").CustomTabsProps & RefAttributes<HTMLDivElement>>;
+export declare const Tabs: (props: TabsProps) => JSX.Element;
+export {};

package/components/Tabs/Tabs.js

@@ -4,10 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tabs = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Tabs = /*#__PURE__*/require("./Tabs.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.tabsConfig, _Tabs.config);
+var _HorizontalTabs = /*#__PURE__*/require("./horizontal/HorizontalTabs.config");
+var _VerticalTabs = /*#__PURE__*/require("./vertical/VerticalTabs.config");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedHorizontalTabsConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.horizontalTabsConfig, _HorizontalTabs.config);
+var mergedVerticalTabsConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.verticalTabsConfig, _VerticalTabs.config);
+var HorizontalTabs = /*#__PURE__*/(0, _styledComponents.component)(mergedHorizontalTabsConfig);
+var VerticalTabs = /*#__PURE__*/(0, _styledComponents.component)(mergedVerticalTabsConfig);
 /**
  * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
  */
-var Tabs = exports.Tabs = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var Tabs = exports.Tabs = function Tabs(props) {
+  if (props.orientation === 'vertical') {
+    return /*#__PURE__*/_react["default"].createElement(VerticalTabs, props);
+  }
+  return /*#__PURE__*/_react["default"].createElement(HorizontalTabs, props);
+};

package/components/Tabs/TabsController.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /**
  * Контроллер вкладок.
  * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
  */
-export declare const TabsController: import("react").ForwardRefExoticComponent<import("@salutejs/plasma-new-hope/styled-components").TabsControllerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsController: ForwardRefExoticComponent<import("@salutejs/plasma-new-hope/styled-components").TabsControllerProps & RefAttributes<HTMLDivElement>>;

package/components/Tabs/TabsController.js

@@ -5,10 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TabsController = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Tabs = /*#__PURE__*/require("./Tabs");
-var _TabItem = /*#__PURE__*/require("./TabItem");
+var _HorizontalTabs = /*#__PURE__*/require("./horizontal/HorizontalTabs.config");
+var _HorizontalTabItem = /*#__PURE__*/require("./horizontal/HorizontalTabItem.config");
+var mergedHorizontalTabsConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.horizontalTabsConfig, _HorizontalTabs.config);
+var HorizontalTabs = /*#__PURE__*/(0, _styledComponents.component)(mergedHorizontalTabsConfig);
+var mergedHorizontalTabItemConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.horizontalTabItemConfig, _HorizontalTabItem.config);
+var HorizontalTabItem = /*#__PURE__*/(0, _styledComponents.component)(mergedHorizontalTabItemConfig);
+
 /**
  * Контроллер вкладок.
  * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
  */
-var TabsController = exports.TabsController = /*#__PURE__*/(0, _styledComponents.createTabsController)(_Tabs.Tabs, _TabItem.TabItem);
+var TabsController = exports.TabsController = /*#__PURE__*/(0, _styledComponents.createTabsController)(HorizontalTabs, HorizontalTabItem);

package/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js}

@@ -14,10 +14,10 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor),
-      divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0.125rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor),
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor)
+      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover),
+      divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0.125rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover),
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover)
     },
     size: {
       xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2rem;\n                ", ": 0 0.5rem;\n                ", ": 0 0.375rem;\n                ", ": 1.75rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),

package/components/Tabs/index.d.ts

@@ -1,5 +1,5 @@
 export { TabsController } from './TabsController';
 export { TabItemRefs, TabsContext } from '@salutejs/plasma-new-hope/styled-components';
-export type { TabsProps, TabItemProps, TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components';
+export type { TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components';
 export { Tabs } from './Tabs';
 export { TabItem } from './TabItem';

package/components/Tabs/vertical/VerticalTabItem.config.d.ts

@@ -0,0 +1,20 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Tabs/vertical/VerticalTabItem.config.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'divider',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerWidth, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover)
+    },
+    size: {
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2rem;\n                ", ": 0 0.5rem;\n                ", ": 0 0.375rem;\n                ", ": 0.5rem 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemPaddingOrientationVertical, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.5rem;\n                ", ": 0 0.625rem;\n                ", ": 0 0.5rem;\n                ", ": 0.5rem 1rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemPaddingOrientationVertical, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": auto;\n                ", ": 3rem;\n                ", ": 0 0.625rem;\n                ", ": 0 0.5rem;\n                ", ": 0.75rem 1.25rem;\n                ", ": 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemPaddingOrientationVertical, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": auto;\n                ", ": 3.5rem;\n                ", ": 0 0.875rem;\n                ", ": 0 0.75rem;\n                ", ": 1rem 1.5rem;\n                ", ": 1.25rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemPaddingOrientationVertical, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight)
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.tabsTokens.disabledOpacity)
+    }
+  }
+};

package/components/Tabs/vertical/VerticalTabs.config.d.ts

@@ -0,0 +1,23 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        stretch: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Tabs/vertical/VerticalTabs.config.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'divider',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--surface-accent);\n\n                ", ": 0.0625rem;\n                ", ": 0.0625rem;\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.0625rem;\n            "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerWidth, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
+    },
+    size: {
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.125rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.25rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.625rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.75rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding)
+    },
+    stretch: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n            "])), _styledComponents.tabsTokens.containerHeight)
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.tabsTokens.disabledOpacity)
+    }
+  }
+};

package/css/cjs/components/Badge/Badge.config.js

@@ -1,4 +1,4 @@
-import './Badge.config_bt1qk7.css';
+import './Badge.config_1wx5g91.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -21,16 +21,17 @@ var config = {
     size: {
       l: "l120gqtu",
       m: "m1axkt51",
-      s: "s1nq2efa"
+      s: "s1nq2efa",
+      xs: "x1nw4jlc"
     },
     pilled: {
-      "true": "t1nw4jlc"
+      "true": "ttdupg3"
     },
     transparent: {
-      "true": "ttdupg3"
+      "true": "tli1wjs"
     },
     clear: {
-      "true": "tli1wjs"
+      "true": "teil9wv"
     }
   }
 };

package/css/cjs/components/Badge/Badge.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.config.js","sources":["../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${badgeTokens.color}: var(--inverse-text-primary);\n                ${badgeTokens.background}: var(--surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n                ${badgeTokens.colorClear}: var(--text-primary);\n            `,\n            accent: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-accent);\n\n                ${badgeTokens.colorTransparent}: var(--text-accent);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n                ${badgeTokens.colorClear}: var(--text-accent);\n            `,\n            positive: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-positive);\n\n                ${badgeTokens.colorTransparent}: var(--text-positive);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n                ${badgeTokens.colorClear}: var(--text-positive);\n            `,\n            warning: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-warning);\n\n                ${badgeTokens.colorTransparent}: var(--text-warning);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n                ${badgeTokens.colorClear}: var(--text-warning);\n            `,\n            negative: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-negative);\n\n                ${badgeTokens.colorTransparent}: var(--text-negative);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n                ${badgeTokens.colorClear}: var(--text-negative);\n            `,\n            dark: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n                ${badgeTokens.colorClear}: var(--on-light-text-primary);\n            `,\n            light: css`\n                ${badgeTokens.color}: var(--on-light-text-primary);\n                ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n                ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n            `,\n        },\n        size: {\n            l: css`\n                ${badgeTokens.borderRadius}: 0.5rem;\n                ${badgeTokens.height}: 1.75rem;\n                ${badgeTokens.paddingRight}: 0.6875rem;\n                ${badgeTokens.paddingLeft}: 0.6875rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            m: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.5rem;\n                ${badgeTokens.paddingRight}: 0.5625rem;\n                ${badgeTokens.paddingLeft}: 0.5625rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            s: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.25rem;\n                ${badgeTokens.paddingRight}: 0.4375rem;\n                ${badgeTokens.paddingLeft}: 0.4375rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${badgeTokens.pilledBorderRadius}: 1.25rem;\n            `,\n        },\n        transparent: {\n            true: css``,\n        },\n        clear: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","pilled","true","transparent","clear"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAQC,UAAA;AACDC,MAAAA,MAAM,EAQL,UAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,OAAO,EAQN,SAAA;AACDC,MAAAA,QAAQ,EAQP,UAAA;AACDC,MAAAA,IAAI,EAQH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KASR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAmBJ;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAI,EAAA,SAAA;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"Badge.config.js","sources":["../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${badgeTokens.color}: var(--inverse-text-primary);\n                ${badgeTokens.background}: var(--surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n                ${badgeTokens.colorClear}: var(--text-primary);\n            `,\n            accent: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-accent);\n\n                ${badgeTokens.colorTransparent}: var(--text-accent);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n                ${badgeTokens.colorClear}: var(--text-accent);\n            `,\n            positive: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-positive);\n\n                ${badgeTokens.colorTransparent}: var(--text-positive);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n                ${badgeTokens.colorClear}: var(--text-positive);\n            `,\n            warning: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-warning);\n\n                ${badgeTokens.colorTransparent}: var(--text-warning);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n                ${badgeTokens.colorClear}: var(--text-warning);\n            `,\n            negative: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-negative);\n\n                ${badgeTokens.colorTransparent}: var(--text-negative);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n                ${badgeTokens.colorClear}: var(--text-negative);\n            `,\n            dark: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n                ${badgeTokens.colorClear}: var(--on-light-text-primary);\n            `,\n            light: css`\n                ${badgeTokens.color}: var(--on-light-text-primary);\n                ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n                ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n            `,\n        },\n        size: {\n            l: css`\n                ${badgeTokens.borderRadius}: 0.5rem;\n                ${badgeTokens.height}: 1.75rem;\n                ${badgeTokens.paddingRight}: 0.6875rem;\n                ${badgeTokens.paddingLeft}: 0.6875rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            m: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.5rem;\n                ${badgeTokens.paddingRight}: 0.5625rem;\n                ${badgeTokens.paddingLeft}: 0.5625rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            s: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.25rem;\n                ${badgeTokens.paddingRight}: 0.4375rem;\n                ${badgeTokens.paddingLeft}: 0.4375rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            xs: css`\n                ${badgeTokens.borderRadius}: 0.25rem;\n                ${badgeTokens.height}: 1rem;\n                ${badgeTokens.paddingRight}: 0.25rem;\n                ${badgeTokens.paddingLeft}: 0.25rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${badgeTokens.pilledBorderRadius}: 1.25rem;\n            `,\n        },\n        transparent: {\n            true: css``,\n        },\n        clear: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","transparent","clear"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAQC,UAAA;AACDC,MAAAA,MAAM,EAQL,UAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,OAAO,EAQN,SAAA;AACDC,MAAAA,QAAQ,EAQP,UAAA;AACDC,MAAAA,IAAI,EAQH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KASR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAmBL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAI,EAAA,SAAA;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/cjs/components/Badge/{Badge.config_bt1qk7.css → Badge.config_1wx5g91.css}

@@ -8,6 +8,7 @@
 .l120gqtu{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
 .m1axkt51{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
 .s1nq2efa{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
-.t1nw4jlc{--plasma-badge-pilled-border-radius:1.25rem;}
+.x1nw4jlc{--plasma-badge-border-radius:0.25rem;--plasma-badge-height:1rem;--plasma-badge-padding-right:0.25rem;--plasma-badge-padding-left:0.25rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.ttdupg3{--plasma-badge-pilled-border-radius:1.25rem;}
 
 

package/css/cjs/components/Badge/Badge.css

@@ -1,13 +1,14 @@
-.Badge_config_bt1qk7_d1jjv431__0ab270fd{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
-.Badge_config_bt1qk7_a19urrnd__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
-.Badge_config_bt1qk7_pyyyj31__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive);}
-.Badge_config_bt1qk7_wuooskw__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning);}
-.Badge_config_bt1qk7_n15m2vr9__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);--plasma-badge-color-clear:var(--text-negative);}
-.Badge_config_bt1qk7_d18um2tl__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
-.Badge_config_bt1qk7_l1ax9ooi__0ab270fd{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
-.Badge_config_bt1qk7_l120gqtu__0ab270fd{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
-.Badge_config_bt1qk7_m1axkt51__0ab270fd{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
-.Badge_config_bt1qk7_s1nq2efa__0ab270fd{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
-.Badge_config_bt1qk7_t1nw4jlc__0ab270fd{--plasma-badge-pilled-border-radius:1.25rem;}
+.Badge_config_1wx5g91_d1jjv431__f1684a2d{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
+.Badge_config_1wx5g91_a19urrnd__f1684a2d{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
+.Badge_config_1wx5g91_pyyyj31__f1684a2d{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive);}
+.Badge_config_1wx5g91_wuooskw__f1684a2d{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning);}
+.Badge_config_1wx5g91_n15m2vr9__f1684a2d{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);--plasma-badge-color-clear:var(--text-negative);}
+.Badge_config_1wx5g91_d18um2tl__f1684a2d{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
+.Badge_config_1wx5g91_l1ax9ooi__f1684a2d{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
+.Badge_config_1wx5g91_l120gqtu__f1684a2d{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.Badge_config_1wx5g91_m1axkt51__f1684a2d{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.Badge_config_1wx5g91_s1nq2efa__f1684a2d{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.Badge_config_1wx5g91_x1nw4jlc__f1684a2d{--plasma-badge-border-radius:0.25rem;--plasma-badge-height:1rem;--plasma-badge-padding-right:0.25rem;--plasma-badge-padding-left:0.25rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.Badge_config_1wx5g91_ttdupg3__f1684a2d{--plasma-badge-pilled-border-radius:1.25rem;}
 
 

package/css/cjs/components/Slider/Slider.config.js

@@ -1,4 +1,4 @@
-import './Slider.config_4uln15.css';
+import './Slider.config_1ol3us3.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Slider/Slider.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.config.js","sources":["../../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${sliderTokens.labelColor}: var(--text-primary);\n\n                ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n                ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n                ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n                ${sliderTokens.thumbFocusBorderColor}: var(--surface-solid-default);\n\n                ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n                ${sliderTokens.fillColor}: var(--surface-solid-default);\n\n                ${sliderTokens.textFieldColor}: var(--text-secondary);\n                ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n                ${sliderTokens.textFieldCaretColor}: var(--text-primary);\n                ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n                ${sliderTokens.textFieldActiveColor}: var(--text-primary);\n            `,\n            accent: css`\n                ${sliderTokens.labelColor}: var(--text-primary);\n\n                ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n                ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n                ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n                ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent);\n\n                ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n                ${sliderTokens.fillColor}: var(--surface-accent);\n\n                ${sliderTokens.textFieldColor}: var(--text-secondary);\n                ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n                ${sliderTokens.textFieldCaretColor}: var(--text-primary);\n                ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n                ${sliderTokens.textFieldActiveColor}: var(--text-primary);\n            `,\n            gradient: css`\n                ${sliderTokens.labelColor}: var(--text-primary);\n\n                ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n                ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n                ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n                ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent-gradient);\n\n                ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n                ${sliderTokens.fillColor}: var(--surface-accent-gradient);\n\n                ${sliderTokens.textFieldColor}: var(--text-secondary);\n                ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n                ${sliderTokens.textFieldCaretColor}: var(--text-primary);\n                ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n                ${sliderTokens.textFieldActiveColor}: var(--text-primary);\n            `,\n        },\n        size: {\n            l: css`\n                ${sliderTokens.size}: 1.5rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 0.875rem;\n                ${sliderTokens.labelWrapperVerticalMargin}: 1rem;\n\n                ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${sliderTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n                ${sliderTokens.rangeValueBottomOffset}: 0.875rem;\n                ${sliderTokens.rangeValueLeftRightMargin}: 0.875rem;\n                ${sliderTokens.rangeValueVerticalMargin}: 0.75rem;\n\n                ${sliderTokens.rangeValueFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${sliderTokens.rangeValueFontSize}: var(--plasma-typo-body-s-font-size);\n                ${sliderTokens.rangeValueFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${sliderTokens.rangeValueFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${sliderTokens.rangeValueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${sliderTokens.rangeValueLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${sliderTokens.thumbSize}: 1rem;\n                ${sliderTokens.thumbSizeLarge}: 1.25rem;\n                ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n                ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n                ${sliderTokens.currentValueFontFamily}: var(--plasma-typo-text-s-font-family);\n                ${sliderTokens.currentValueFontSize}: var(--plasma-typo-text-s-font-size);\n                ${sliderTokens.currentValueFontStyle}: var(--plasma-typo-text-s-font-style);\n                ${sliderTokens.currentValueFontWeight}: var(--plasma-typo-text-s-font-weight);\n                ${sliderTokens.currentValueLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n                ${sliderTokens.currentValueLineHeight}: var(--plasma-typo-text-s-line-height);\n\n                ${sliderTokens.railThickness}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.railIndent}: 0.75rem;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 3.5rem;\n                ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n                ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n                ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${sliderTokens.size}: 1.5rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 0.875rem;\n                ${sliderTokens.labelWrapperVerticalMargin}: 0.75rem;\n\n                ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${sliderTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n                ${sliderTokens.rangeValueBottomOffset}: 0.75rem;\n                ${sliderTokens.rangeValueLeftRightMargin}: 0.875rem;\n                ${sliderTokens.rangeValueVerticalMargin}: 0.625rem;\n\n                ${sliderTokens.rangeValueFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${sliderTokens.rangeValueFontSize}: var(--plasma-typo-body-s-font-size);\n                ${sliderTokens.rangeValueFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${sliderTokens.rangeValueFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${sliderTokens.rangeValueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${sliderTokens.rangeValueLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${sliderTokens.thumbSize}: 1rem;\n                ${sliderTokens.thumbSizeLarge}: 1.25rem;\n                ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n                ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n                ${sliderTokens.currentValueFontFamily}: var(--plasma-typo-text-xs-font-family);\n                ${sliderTokens.currentValueFontSize}: var(--plasma-typo-text-xs-font-size);\n                ${sliderTokens.currentValueFontStyle}: var(--plasma-typo-text-xs-font-style);\n                ${sliderTokens.currentValueFontWeight}: var(--plasma-typo-text-xs-font-weight);\n                ${sliderTokens.currentValueLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n                ${sliderTokens.currentValueLineHeight}: var(--plasma-typo-text-xs-line-height);\n\n                ${sliderTokens.railThickness}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.railIndent}: 0.75rem;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 3rem;\n                ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n                ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n                ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${sliderTokens.size}: 1rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 0.875rem;\n                ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;\n\n                ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${sliderTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;\n                ${sliderTokens.rangeValueBottomOffset}: 0.625rem;\n                ${sliderTokens.rangeValueLeftRightMargin}: 0.625rem;\n                ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;\n\n                ${sliderTokens.rangeValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${sliderTokens.rangeValueFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${sliderTokens.rangeValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${sliderTokens.rangeValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${sliderTokens.rangeValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${sliderTokens.rangeValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${sliderTokens.thumbSize}: 1rem;\n                ${sliderTokens.thumbSizeLarge}: 1.25rem;\n                ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n                ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n                ${sliderTokens.currentValueFontFamily}: var(--plasma-typo-text-xs-font-family);\n                ${sliderTokens.currentValueFontSize}: var(--plasma-typo-text-xs-font-size);\n                ${sliderTokens.currentValueFontStyle}: var(--plasma-typo-text-xs-font-style);\n                ${sliderTokens.currentValueFontWeight}: var(--plasma-typo-text-xs-font-weight);\n                ${sliderTokens.currentValueLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n                ${sliderTokens.currentValueLineHeight}: var(--plasma-typo-text-xs-line-height);\n\n                ${sliderTokens.railThickness}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.railIndent}: 0.75rem;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 2.5rem;\n                ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n                ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n                ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n        },\n        disabled: {\n            true: css`\n                ${sliderTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","gradient","l","m","s","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,SAAAA,EAmBC,SAAA;AACDC,MAAAA,MAAM,EAmBL,QAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAoBX;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAwDA,SAAA;AACDC,MAAAA,CAAC,EAwDA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAyDJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"Slider.config.js","sources":["../../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${sliderTokens.labelColor}: var(--text-primary);\n\n                ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n                ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n                ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n                ${sliderTokens.thumbFocusBorderColor}: var(--surface-solid-default);\n\n                ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n                ${sliderTokens.fillColor}: var(--surface-solid-default);\n\n                ${sliderTokens.textFieldColor}: var(--text-secondary);\n                ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n                ${sliderTokens.textFieldCaretColor}: var(--text-primary);\n                ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n                ${sliderTokens.textFieldActiveColor}: var(--text-primary);\n            `,\n            accent: css`\n                ${sliderTokens.labelColor}: var(--text-primary);\n\n                ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n                ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n                ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n                ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent);\n\n                ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n                ${sliderTokens.fillColor}: var(--surface-accent);\n\n                ${sliderTokens.textFieldColor}: var(--text-secondary);\n                ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n                ${sliderTokens.textFieldCaretColor}: var(--text-primary);\n                ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n                ${sliderTokens.textFieldActiveColor}: var(--text-primary);\n            `,\n            gradient: css`\n                ${sliderTokens.labelColor}: var(--text-primary);\n\n                ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n                ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n                ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n                ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent-gradient);\n\n                ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n                ${sliderTokens.fillColor}: var(--surface-accent-gradient);\n\n                ${sliderTokens.textFieldColor}: var(--text-secondary);\n                ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n                ${sliderTokens.textFieldCaretColor}: var(--text-primary);\n                ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n                ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n                ${sliderTokens.textFieldActiveColor}: var(--text-primary);\n            `,\n        },\n        size: {\n            l: css`\n                ${sliderTokens.height}: 1.5rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 0.875rem;\n\n                ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${sliderTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${sliderTokens.rangeMinValueMargin}: 0.75rem;\n                ${sliderTokens.rangeMaxValueMargin}: 0.75rem;\n                ${sliderTokens.rangeValueBottomOffset}: -1.25rem;\n\n                ${sliderTokens.rangeValueFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${sliderTokens.rangeValueFontSize}: var(--plasma-typo-body-s-font-size);\n                ${sliderTokens.rangeValueFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${sliderTokens.rangeValueFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${sliderTokens.rangeValueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${sliderTokens.rangeValueLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${sliderTokens.thumbSize}: 1.5rem;\n                ${sliderTokens.thumbBorder}: 0.125rem solid;\n\n                ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n                ${sliderTokens.currentValueFontFamily}: var(--plasma-typo-text-s-font-family);\n                ${sliderTokens.currentValueFontSize}: var(--plasma-typo-text-s-font-size);\n                ${sliderTokens.currentValueFontStyle}: var(--plasma-typo-text-s-font-style);\n                ${sliderTokens.currentValueFontWeight}: var(--plasma-typo-text-s-font-weight);\n                ${sliderTokens.currentValueLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n                ${sliderTokens.currentValueLineHeight}: var(--plasma-typo-text-s-line-height);\n\n                ${sliderTokens.railHeight}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.railIndent}: 0.75rem;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 3.5rem;\n                ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n                ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n                ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${sliderTokens.height}: 1.5rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 0.875rem;\n\n                ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${sliderTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${sliderTokens.rangeMinValueMargin}: 0.75rem;\n                ${sliderTokens.rangeMaxValueMargin}: 0.75rem;\n                ${sliderTokens.rangeValueBottomOffset}: -1.25rem;\n\n                ${sliderTokens.rangeValueFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${sliderTokens.rangeValueFontSize}: var(--plasma-typo-body-s-font-size);\n                ${sliderTokens.rangeValueFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${sliderTokens.rangeValueFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${sliderTokens.rangeValueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${sliderTokens.rangeValueLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${sliderTokens.thumbSize}: 1.5rem;\n                ${sliderTokens.thumbBorder}: 0.125rem solid;\n\n                ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n                ${sliderTokens.currentValueFontFamily}: var(--plasma-typo-text-xs-font-family);\n                ${sliderTokens.currentValueFontSize}: var(--plasma-typo-text-xs-font-size);\n                ${sliderTokens.currentValueFontStyle}: var(--plasma-typo-text-xs-font-style);\n                ${sliderTokens.currentValueFontWeight}: var(--plasma-typo-text-xs-font-weight);\n                ${sliderTokens.currentValueLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n                ${sliderTokens.currentValueLineHeight}: var(--plasma-typo-text-xs-line-height);\n\n                ${sliderTokens.railHeight}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.railIndent}: 0.75rem;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 3rem;\n                ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n                ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n                ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${sliderTokens.height}: 1rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 0.875rem;\n\n                ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${sliderTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${sliderTokens.rangeMinValueMargin}: 0.5rem;\n                ${sliderTokens.rangeMaxValueMargin}: 0.5rem;\n                ${sliderTokens.rangeValueBottomOffset}: -1.25rem;\n\n                ${sliderTokens.rangeValueFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${sliderTokens.rangeValueFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${sliderTokens.rangeValueFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${sliderTokens.rangeValueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${sliderTokens.rangeValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${sliderTokens.rangeValueLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${sliderTokens.thumbSize}: 1rem;\n                ${sliderTokens.thumbBorder}: 0.125rem solid;\n\n                ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n                ${sliderTokens.currentValueFontFamily}: var(--plasma-typo-text-xs-font-family);\n                ${sliderTokens.currentValueFontSize}: var(--plasma-typo-text-xs-font-size);\n                ${sliderTokens.currentValueFontStyle}: var(--plasma-typo-text-xs-font-style);\n                ${sliderTokens.currentValueFontWeight}: var(--plasma-typo-text-xs-font-weight);\n                ${sliderTokens.currentValueLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n                ${sliderTokens.currentValueLineHeight}: var(--plasma-typo-text-xs-line-height);\n\n                ${sliderTokens.railHeight}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.railIndent}: 0.75rem;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 2.5rem;\n                ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n                ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n                ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n        },\n        disabled: {\n            true: css`\n                ${sliderTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","gradient","l","m","s","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,SAAAA,EAmBC,SAAA;AACDC,MAAAA,MAAM,EAmBL,QAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAoBX;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAqDA,SAAA;AACDC,MAAAA,CAAC,EAqDA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAsDJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/cjs/components/Slider/Slider.config_1ol3us3.css

@@ -0,0 +1,7 @@
+.d6l4g7t{--plasma-slider-label-color:var(--text-primary);--plasma-slider-range-value-color:var(--text-secondary);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card);--plasma-slider-thumb-focus-border-color:var(--surface-solid-default);--plasma-slider-rail-background-color:var(--surface-solid-tertiary);--plasma-slider-fill-color:var(--surface-solid-default);--plasma-slider-text-field-color:var(--text-secondary);--plasma-slider-text-field-background-color:var(--surface-transparent-primary);--plasma-slider-text-field-caret-color:var(--text-primary);--plasma-slider-text-field-placeholder-color:var(--text-secondary);--plasma-slider-text-field-focus-color:var(--text-primary);--plasma-slider-text-field-active-color:var(--text-primary);}
+.arixt6{--plasma-slider-label-color:var(--text-primary);--plasma-slider-range-value-color:var(--text-secondary);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card);--plasma-slider-thumb-focus-border-color:var(--surface-accent);--plasma-slider-rail-background-color:var(--surface-solid-tertiary);--plasma-slider-fill-color:var(--surface-accent);--plasma-slider-text-field-color:var(--text-secondary);--plasma-slider-text-field-background-color:var(--surface-transparent-primary);--plasma-slider-text-field-caret-color:var(--text-primary);--plasma-slider-text-field-placeholder-color:var(--text-secondary);--plasma-slider-text-field-focus-color:var(--text-primary);--plasma-slider-text-field-active-color:var(--text-primary);}
+.g15uwhki{--plasma-slider-label-color:var(--text-primary);--plasma-slider-range-value-color:var(--text-secondary);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card);--plasma-slider-thumb-focus-border-color:var(--surface-accent-gradient);--plasma-slider-rail-background-color:var(--surface-solid-tertiary);--plasma-slider-fill-color:var(--surface-accent-gradient);--plasma-slider-text-field-color:var(--text-secondary);--plasma-slider-text-field-background-color:var(--surface-transparent-primary);--plasma-slider-text-field-caret-color:var(--text-primary);--plasma-slider-text-field-placeholder-color:var(--text-secondary);--plasma-slider-text-field-focus-color:var(--text-primary);--plasma-slider-text-field-active-color:var(--text-primary);}
+.llm3h8c{--plasma-slider-height:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:0.875rem;--plasma-slider-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-slider-range-min-value-margin:0.75rem;--plasma-slider-range-max-value-margin:0.75rem;--plasma-slider-range-value-bottom-offset:-1.25rem;--plasma-slider-range-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-range-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-range-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-range-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-range-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-range-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-thumb-size:1.5rem;--plasma-slider-thumb-border:0.125rem solid;--plasma-slider-current-value-top-offset:1.625rem;--plasma-slider-current-value-font-family:var(--plasma-typo-text-s-font-family);--plasma-slider-current-value-font-size:var(--plasma-typo-text-s-font-size);--plasma-slider-current-value-font-style:var(--plasma-typo-text-s-font-style);--plasma-slider-current-value-font-weight:var(--plasma-typo-text-s-font-weight);--plasma-slider-current-value-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-slider-current-value-line-height:var(--plasma-typo-text-s-line-height);--plasma-slider-rail-height:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3.5rem;--plasma-slider-text-field-padding:1.25rem 1rem 1.25rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-l-line-height);}
+.mog9szd{--plasma-slider-height:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:0.875rem;--plasma-slider-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-range-min-value-margin:0.75rem;--plasma-slider-range-max-value-margin:0.75rem;--plasma-slider-range-value-bottom-offset:-1.25rem;--plasma-slider-range-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-range-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-range-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-range-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-range-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-range-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-thumb-size:1.5rem;--plasma-slider-thumb-border:0.125rem solid;--plasma-slider-current-value-top-offset:1.75rem;--plasma-slider-current-value-font-family:var(--plasma-typo-text-xs-font-family);--plasma-slider-current-value-font-size:var(--plasma-typo-text-xs-font-size);--plasma-slider-current-value-font-style:var(--plasma-typo-text-xs-font-style);--plasma-slider-current-value-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-slider-current-value-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-slider-current-value-line-height:var(--plasma-typo-text-xs-line-height);--plasma-slider-rail-height:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3rem;--plasma-slider-text-field-padding:0.875rem 1rem 0.875rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-m-line-height);}
+.shhrpp3{--plasma-slider-height:1rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:0.875rem;--plasma-slider-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-range-min-value-margin:0.5rem;--plasma-slider-range-max-value-margin:0.5rem;--plasma-slider-range-value-bottom-offset:-1.25rem;--plasma-slider-range-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-slider-range-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-slider-range-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-slider-range-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-slider-range-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-slider-range-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-slider-thumb-size:1rem;--plasma-slider-thumb-border:0.125rem solid;--plasma-slider-current-value-top-offset:1.25rem;--plasma-slider-current-value-font-family:var(--plasma-typo-text-xs-font-family);--plasma-slider-current-value-font-size:var(--plasma-typo-text-xs-font-size);--plasma-slider-current-value-font-style:var(--plasma-typo-text-xs-font-style);--plasma-slider-current-value-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-slider-current-value-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-slider-current-value-line-height:var(--plasma-typo-text-xs-line-height);--plasma-slider-rail-height:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:2.5rem;--plasma-slider-text-field-padding:0.5rem 1rem 0.5rem 1rem;--plasma-slider-text-field-border-radius:0.625rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-s-line-height);}
+.tugcj18{--plasma-slider-disabled-opacity:0.4;}