@salutejs/sdds-serv 0.223.1-canary.1688.12706274765.0 → 0.224.0-canary.1696.12706339837.0

package/components/Notification/Notification.js

@@ -6,10 +6,6 @@ var React = require('react');
 var plasmaNewHope = require('@salutejs/plasma-new-hope');
 var Notification_config = require('./Notification.config.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
 var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.notificationConfig, Notification_config.config);
 var Notification = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
 var NotificationsProvider = function NotificationsProvider(_ref) {
@@ -17,7 +13,7 @@ var NotificationsProvider = function NotificationsProvider(_ref) {
     _ref$frame = _ref.frame,
     frame = _ref$frame === void 0 ? 'document' : _ref$frame,
     placement = _ref.placement;
-  return /*#__PURE__*/React__default.default.createElement(plasmaNewHope.NotificationsProvider, {
+  return /*#__PURE__*/React.createElement(plasmaNewHope.NotificationsProvider, {
     config: mergedConfig,
     frame: frame,
     placement: placement

package/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n    component,\n    mergeConfig,\n    notificationConfig,\n    NotificationProps,\n    NotificationsProvider as Provider,\n    NotificationIconPlacement,\n    NotificationPlacement,\n    NotificationLayout,\n    addNotification,\n    closeNotification,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport { modalClasses } from '../Modal';\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const Notification = component(mergedConfig);\n\nexport const NotificationsProvider: React.FC<{\n    children: ReactNode;\n    frame?: string;\n    placement?: NotificationPlacement;\n}> = ({ children, frame = 'document', placement }) => {\n    return (\n        <Provider config={mergedConfig} frame={frame} placement={placement}>\n            {children}\n        </Provider>\n    );\n};\n\nexport type { NotificationIconPlacement, NotificationPlacement, NotificationLayout, NotificationProps };\nexport { addNotification, closeNotification };\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","Notification","component","NotificationsProvider","_ref","children","_ref$frame","frame","placement","React","createElement","Provider"],"mappings":";;;;;;;;;;;;AAkBA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,gCAAkB,EAAEC,0BAAM,CAAC,CAAA;IAE/CC,YAAY,gBAAGC,uBAAS,CAACL,YAAY,EAAC;IAEtCM,qBAIX,GAAG,SAJQA,qBAIXA,CAAAC,IAAA,EAAoD;AAAA,EAAA,IAA9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AAC3C,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,mCAAQ,EAAA;AAACX,IAAAA,MAAM,EAAEH,YAAa;AAACU,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC9DH,QACK,CAAC,CAAA;AAEnB;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Notification.js","sources":["../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n    component,\n    mergeConfig,\n    notificationConfig,\n    NotificationProps,\n    NotificationsProvider as Provider,\n    NotificationIconPlacement,\n    NotificationPlacement,\n    NotificationLayout,\n    addNotification,\n    closeNotification,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport { modalClasses } from '../Modal';\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const Notification = component(mergedConfig);\n\nexport const NotificationsProvider: React.FC<{\n    children: ReactNode;\n    frame?: string;\n    placement?: NotificationPlacement;\n}> = ({ children, frame = 'document', placement }) => {\n    return (\n        <Provider config={mergedConfig} frame={frame} placement={placement}>\n            {children}\n        </Provider>\n    );\n};\n\nexport type { NotificationIconPlacement, NotificationPlacement, NotificationLayout, NotificationProps };\nexport { addNotification, closeNotification };\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","Notification","component","NotificationsProvider","_ref","children","_ref$frame","frame","placement","React","createElement","Provider"],"mappings":";;;;;;;;AAkBA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,gCAAkB,EAAEC,0BAAM,CAAC,CAAA;IAE/CC,YAAY,gBAAGC,uBAAS,CAACL,YAAY,EAAC;IAEtCM,qBAIX,GAAG,SAJQA,qBAIXA,CAAAC,IAAA,EAAoD;AAAA,EAAA,IAA9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AAC3C,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,mCAAQ,EAAA;AAACX,IAAAA,MAAM,EAAEH,YAAa;AAACU,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC9DH,QACK,CAAC,CAAA;AAEnB;;;;;;;;;;;;;;;;;"}

package/components/NumberInput/NumberInput.config.js

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

package/components/NumberInput/NumberInput.d.ts

@@ -53,7 +53,7 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
 } & {
     segmentation?: "clear" | undefined;
     inputBackgroundType?: undefined;
-} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     value?: number | undefined;
     min?: number | undefined;
     max?: number | undefined;
@@ -78,4 +78,4 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
 } & {
     segmentation?: string | undefined;
     inputBackgroundType?: string | undefined;
-} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;

package/components/Pagination/Pagination.config.js

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

package/components/Popover/Popover.config.js

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

package/components/Progress/Progress.config.js

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

package/components/Radiobox/Radiobox.config.js

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

package/components/Range/Range.config.js

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

package/components/Rating/Rating.config.js

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

package/components/Segment/SegmentGroup.config.js

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

package/components/Segment/SegmentItem.config.js

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

package/components/Select/Select.config.js

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

package/components/Select/Select.js

@@ -7,14 +7,10 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
 var React = require('react');
 var Select_config = require('./Select.config.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
 var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.selectConfig, Select_config.config);
 var SelectNewHope = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
 var SelectComponent = function SelectComponent(props, ref) {
-  return /*#__PURE__*/React__default.default.createElement(SelectNewHope, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React.createElement(SelectNewHope, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, props));
 };

package/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src-css/components/Select/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type {\n    SelectProps as SelectPropsNewHope,\n    ItemOptionSelect,\n    DistributivePick,\n    DistributiveOmit,\n} from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectNewHope = component(mergedConfig);\n\ntype SelectProps<K extends ItemOptionSelect> = DistributiveOmit<\n    SelectPropsNewHope<K>,\n    'size' | 'view' | 'chipView' | 'disabled'\n> &\n    DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;\n\nconst SelectComponent = <K extends ItemOptionSelect>(props: SelectProps<K>, ref: ForwardedRef<HTMLButtonElement>) => {\n    return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectNewHope","component","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC,CAAA;AACtD,IAAMC,aAAa,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAQ7C,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CAAgCC,KAAqB,EAAEC,GAAoC,EAAK;AACjH,EAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,aAAa,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,IAAMK,MAAM,gBAAGC,6BAAe,CAACP,eAAe;;;;"}
+{"version":3,"file":"Select.js","sources":["../../src-css/components/Select/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type {\n    SelectProps as SelectPropsNewHope,\n    ItemOptionSelect,\n    DistributivePick,\n    DistributiveOmit,\n} from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectNewHope = component(mergedConfig);\n\ntype SelectProps<K extends ItemOptionSelect> = DistributiveOmit<\n    SelectPropsNewHope<K>,\n    'size' | 'view' | 'chipView' | 'disabled'\n> &\n    DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;\n\nconst SelectComponent = <K extends ItemOptionSelect>(props: SelectProps<K>, ref: ForwardedRef<HTMLButtonElement>) => {\n    return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectNewHope","component","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;;;;;AAWA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,0BAAY,EAAEC,oBAAM,CAAC,CAAA;AACtD,IAAMC,aAAa,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAQ7C,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CAAgCC,KAAqB,EAAEC,GAAoC,EAAK;AACjH,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACN,aAAa,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,IAAMK,MAAM,gBAAGC,6BAAe,CAACP,eAAe;;;;"}

package/components/Sheet/Sheet.config.js

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

package/components/Skeleton/LineSkeleton.config.js

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

package/components/Slider/Slider.config.js

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

package/components/Spinner/Spinner.config.js

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

package/components/Steps/Steps.config.js

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

package/components/Switch/Switch.config.js

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

package/components/Tabs/TabItem.js

@@ -7,10 +7,6 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
 var HorizontalTabItem_config = require('./horizontal/HorizontalTabItem.config.js');
 var VerticalTabItem_config = require('./vertical/VerticalTabItem.config.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
 var mergedHorizontalTabItemConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.horizontalTabItemConfig, HorizontalTabItem_config.config);
 var HorizontalTabItem = /*#__PURE__*/plasmaNewHope.component(mergedHorizontalTabItemConfig);
 var mergedVerticalTabItemConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.verticalTabItemConfig, VerticalTabItem_config.config);
@@ -20,9 +16,9 @@ var VerticalTabItem = /*#__PURE__*/plasmaNewHope.component(mergedVerticalTabItem
  */
 var TabItem = function TabItem(props) {
   if (props.orientation === 'vertical') {
-    return /*#__PURE__*/React__default.default.createElement(VerticalTabItem, props);
+    return /*#__PURE__*/React.createElement(VerticalTabItem, props);
   }
-  return /*#__PURE__*/React__default.default.createElement(HorizontalTabItem, props);
+  return /*#__PURE__*/React.createElement(HorizontalTabItem, props);
 };
 
 exports.TabItem = TabItem;

package/components/Tabs/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.js","sources":["../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n    horizontalTabItemConfig,\n    verticalTabItemConfig,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\ntype TabItemProps = ComponentProps<typeof HorizontalTabItem> | ComponentProps<typeof VerticalTabItem>;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = (props: TabItemProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabItem {...props} />;\n    }\n\n    return <HorizontalTabItem {...props} />;\n};\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","TabItem","props","orientation","React","createElement"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,6BAA6B,gBAAGC,yBAAW,CAACC,qCAAuB,EAAEC,+BAAgB,CAAC,CAAA;AAC5F,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACL,6BAA6B,CAAC,CAAA;AAElE,IAAMM,2BAA2B,gBAAGL,yBAAW,CAACM,mCAAqB,EAAEC,6BAAc,CAAC,CAAA;AACtF,IAAMC,eAAe,gBAAGJ,uBAAS,CAACC,2BAA2B,CAAC,CAAA;AAI9D;AACA;AACA;IACaI,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAmB,EAAK;AAC5C,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACL,eAAe,EAAKE,KAAQ,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,oBAAOE,sBAAA,CAAAC,aAAA,CAACV,iBAAiB,EAAKO,KAAQ,CAAC,CAAA;AAC3C;;;;"}
+{"version":3,"file":"TabItem.js","sources":["../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n    horizontalTabItemConfig,\n    verticalTabItemConfig,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\ntype TabItemProps = ComponentProps<typeof HorizontalTabItem> | ComponentProps<typeof VerticalTabItem>;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = (props: TabItemProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabItem {...props} />;\n    }\n\n    return <HorizontalTabItem {...props} />;\n};\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","TabItem","props","orientation","React","createElement"],"mappings":";;;;;;;;;AAWA,IAAMA,6BAA6B,gBAAGC,yBAAW,CAACC,qCAAuB,EAAEC,+BAAgB,CAAC,CAAA;AAC5F,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACL,6BAA6B,CAAC,CAAA;AAElE,IAAMM,2BAA2B,gBAAGL,yBAAW,CAACM,mCAAqB,EAAEC,6BAAc,CAAC,CAAA;AACtF,IAAMC,eAAe,gBAAGJ,uBAAS,CAACC,2BAA2B,CAAC,CAAA;AAI9D;AACA;AACA;IACaI,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAmB,EAAK;AAC5C,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,eAAe,EAAKE,KAAQ,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACV,iBAAiB,EAAKO,KAAQ,CAAC,CAAA;AAC3C;;;;"}

package/components/Tabs/Tabs.js

@@ -7,10 +7,6 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
 var HorizontalTabs_config = require('./horizontal/HorizontalTabs.config.js');
 var VerticalTabs_config = require('./vertical/VerticalTabs.config.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
 var mergedHorizontalTabsConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.horizontalTabsConfig, HorizontalTabs_config.config);
 var mergedVerticalTabsConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.verticalTabsConfig, VerticalTabs_config.config);
 var HorizontalTabs = /*#__PURE__*/plasmaNewHope.component(mergedHorizontalTabsConfig);
@@ -20,9 +16,9 @@ var VerticalTabs = /*#__PURE__*/plasmaNewHope.component(mergedVerticalTabsConfig
  */
 var Tabs = function Tabs(props) {
   if (props.orientation === 'vertical') {
-    return /*#__PURE__*/React__default.default.createElement(VerticalTabs, props);
+    return /*#__PURE__*/React.createElement(VerticalTabs, props);
   }
-  return /*#__PURE__*/React__default.default.createElement(HorizontalTabs, props);
+  return /*#__PURE__*/React.createElement(HorizontalTabs, props);
 };
 
 exports.Tabs = Tabs;

package/components/Tabs/Tabs.js.map

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

package/components/Tabs/horizontal/HorizontalTabItem.config.js

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

package/components/Tabs/horizontal/HorizontalTabs.config.js

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

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

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

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

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

package/components/TextArea/TextArea.config.js

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

package/components/TextField/TextField.config.js

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

package/components/TextFieldGroup/TextFieldGroup.config.js

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

package/components/Toast/Toast.config.js

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

package/components/Toolbar/Toolbar.config.js

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

package/components/Tooltip/Tooltip.config.js

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

package/components/Tree/Tree.config.js

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

package/components/Typography/Body.config.js

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

package/components/Typography/Dspl.config.js

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

package/components/Typography/Heading.config.js

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

package/components/Typography/Text.config.js

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

package/components/ViewContainer/ViewContainer.config.js

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

package/emotion/cjs/components/Avatar/Avatar.config.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
 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: {
@@ -18,14 +18,32 @@ var config = exports.config = {
     },
     size: {
       // TODO: #1044 токены типографики в Avatar
-      xxl: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 6.25rem;\n                ", ": 2rem;\n                ", ": 600;\n                ", ": 2rem;\n                ", ": 0.75rem;\n            "])), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize),
-      l: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 1.25rem;\n                ", ": 600;\n                ", ": 1.25rem;\n                ", ": 0.5rem;\n            "])), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize),
-      m: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.25rem;\n                ", ": 0.875rem;\n                ", ": 600;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n            "])), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize),
-      s: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 600;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n            "])), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize),
+      xxl: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 6.25rem;\n                ", ": 2rem;\n                ", ": 600;\n                ", ": 2rem;\n                ", ": 0.75rem;\n\n                ", ": 0.5rem;\n                ", ": 1.75rem;\n                ", ": 0 0.688rem;\n                ", ": 0 0.375rem;\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\n                ", ": -0.063rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": -0.063rem;\n                ", ": 1.25rem;\n\n                ", ": 1rem;\n                ", ": 1.75rem;\n                ", ": 0 0.625rem;\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            "])), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize, _emotion.avatarTokens.badgeBorderRadius, _emotion.avatarTokens.badgeHeight, _emotion.avatarTokens.badgePadding, _emotion.avatarTokens.badgePaddingIconOnly, _emotion.avatarTokens.badgeFontFamily, _emotion.avatarTokens.badgeFontSize, _emotion.avatarTokens.badgeFontStyle, _emotion.avatarTokens.badgeFontWeight, _emotion.avatarTokens.badgeLetterSpacing, _emotion.avatarTokens.badgeLineHeight, _emotion.avatarTokens.badgeLeftContentMarginLeft, _emotion.avatarTokens.badgeLeftContentMarginRight, _emotion.avatarTokens.badgeRightContentMarginLeft, _emotion.avatarTokens.badgeRightContentMarginRight, _emotion.avatarTokens.badgePilledBorderRadius, _emotion.avatarTokens.counterBorderRadius, _emotion.avatarTokens.counterHeight, _emotion.avatarTokens.counterPadding, _emotion.avatarTokens.counterFontFamily, _emotion.avatarTokens.counterFontSize, _emotion.avatarTokens.counterFontStyle, _emotion.avatarTokens.counterFontWeight, _emotion.avatarTokens.counterLetterSpacing, _emotion.avatarTokens.counterLineHeight),
+      l: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 1.25rem;\n                ", ": 600;\n                ", ": 1.25rem;\n                ", ": 0.5rem;\n\n                ", ": 2;\n\n                ", ": 0.375rem;\n                ", ": 1.25rem;\n                ", ": 0 0.438rem;\n                ", ": 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.063rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.063rem;\n                ", ": 1.25rem;\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n            "])), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize, _emotion.avatarTokens.extraPlacementFactor, _emotion.avatarTokens.badgeBorderRadius, _emotion.avatarTokens.badgeHeight, _emotion.avatarTokens.badgePadding, _emotion.avatarTokens.badgePaddingIconOnly, _emotion.avatarTokens.badgeFontFamily, _emotion.avatarTokens.badgeFontSize, _emotion.avatarTokens.badgeFontStyle, _emotion.avatarTokens.badgeFontWeight, _emotion.avatarTokens.badgeLetterSpacing, _emotion.avatarTokens.badgeLineHeight, _emotion.avatarTokens.badgeLeftContentMarginLeft, _emotion.avatarTokens.badgeLeftContentMarginRight, _emotion.avatarTokens.badgeRightContentMarginLeft, _emotion.avatarTokens.badgeRightContentMarginRight, _emotion.avatarTokens.badgePilledBorderRadius, _emotion.avatarTokens.counterBorderRadius, _emotion.avatarTokens.counterHeight, _emotion.avatarTokens.counterPadding, _emotion.avatarTokens.counterFontFamily, _emotion.avatarTokens.counterFontSize, _emotion.avatarTokens.counterFontStyle, _emotion.avatarTokens.counterFontWeight, _emotion.avatarTokens.counterLetterSpacing, _emotion.avatarTokens.counterLineHeight),
+      m: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.25rem;\n                ", ": 0.875rem;\n                ", ": 600;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n\n                ", ": 2;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem;\n                ", ": 0 0.188rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.063rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.063rem;\n                ", ": 1.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem;\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n            "])), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize, _emotion.avatarTokens.extraPlacementFactor, _emotion.avatarTokens.badgeBorderRadius, _emotion.avatarTokens.badgeHeight, _emotion.avatarTokens.badgePadding, _emotion.avatarTokens.badgePaddingIconOnly, _emotion.avatarTokens.badgeFontFamily, _emotion.avatarTokens.badgeFontSize, _emotion.avatarTokens.badgeFontStyle, _emotion.avatarTokens.badgeFontWeight, _emotion.avatarTokens.badgeLetterSpacing, _emotion.avatarTokens.badgeLineHeight, _emotion.avatarTokens.badgeLeftContentMarginLeft, _emotion.avatarTokens.badgeLeftContentMarginRight, _emotion.avatarTokens.badgeRightContentMarginLeft, _emotion.avatarTokens.badgeRightContentMarginRight, _emotion.avatarTokens.badgePilledBorderRadius, _emotion.avatarTokens.counterBorderRadius, _emotion.avatarTokens.counterHeight, _emotion.avatarTokens.counterPadding, _emotion.avatarTokens.counterFontFamily, _emotion.avatarTokens.counterFontSize, _emotion.avatarTokens.counterFontStyle, _emotion.avatarTokens.counterFontWeight, _emotion.avatarTokens.counterLetterSpacing, _emotion.avatarTokens.counterLineHeight),
+      s: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 600;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n\n                ", ": 1;\n\n                ", ": 1rem;\n                ", ": 0.75rem;\n                ", ": 0 0.125rem;\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n            "])), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize, _emotion.avatarTokens.extraPlacementFactor, _emotion.avatarTokens.counterBorderRadius, _emotion.avatarTokens.counterHeight, _emotion.avatarTokens.counterPadding, _emotion.avatarTokens.counterFontFamily, _emotion.avatarTokens.counterFontSize, _emotion.avatarTokens.counterFontStyle, _emotion.avatarTokens.counterFontWeight, _emotion.avatarTokens.counterLetterSpacing, _emotion.avatarTokens.counterLineHeight),
       fit: /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 0;\n                ", ": 0;\n                ", ": 0;\n                ", ": 0;\n            "])), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize)
     },
     focused: {
       "true": /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.1rem;\n                ", ": -0.2rem;\n                ", ": var(--surface-accent);\n            "])), _emotion.avatarTokens.outlineSize, _emotion.avatarTokens.outlineOffset, _emotion.avatarTokens.outlineColor)
+    },
+    badgeView: {
+      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n            "])), _emotion.avatarTokens.badgeColor, _emotion.avatarTokens.badgeBackground, _emotion.avatarTokens.badgeColorTransparent, _emotion.avatarTokens.badgeBackgroundTransparent, _emotion.avatarTokens.badgeColorClear, _emotion.avatarTokens.badgeBackgroundClear),
+      accent: /*#__PURE__*/(0, _emotion.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-transparent-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-clear);\n            "])), _emotion.avatarTokens.badgeColor, _emotion.avatarTokens.badgeBackground, _emotion.avatarTokens.badgeColorTransparent, _emotion.avatarTokens.badgeBackgroundTransparent, _emotion.avatarTokens.badgeColorClear, _emotion.avatarTokens.badgeBackgroundClear),
+      positive: /*#__PURE__*/(0, _emotion.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-positive);\n\n                ", ": var(--text-positive);\n                ", ": var(--surface-transparent-positive);\n\n                ", ": var(--text-positive);\n                ", ": var(--surface-clear);\n            "])), _emotion.avatarTokens.badgeColor, _emotion.avatarTokens.badgeBackground, _emotion.avatarTokens.badgeColorTransparent, _emotion.avatarTokens.badgeBackgroundTransparent, _emotion.avatarTokens.badgeColorClear, _emotion.avatarTokens.badgeBackgroundClear),
+      warning: /*#__PURE__*/(0, _emotion.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-warning);\n\n                ", ": var(--text-warning);\n                ", ": var(--surface-transparent-warning);\n\n                ", ": var(--text-warning);\n                ", ": var(--surface-clear);\n            "])), _emotion.avatarTokens.badgeColor, _emotion.avatarTokens.badgeBackground, _emotion.avatarTokens.badgeColorTransparent, _emotion.avatarTokens.badgeBackgroundTransparent, _emotion.avatarTokens.badgeColorClear, _emotion.avatarTokens.badgeBackgroundClear),
+      negative: /*#__PURE__*/(0, _emotion.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-negative);\n\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-negative);\n\n                ", ": var(--text-negative);\n                ", ": var(--surface-clear);\n            "])), _emotion.avatarTokens.badgeColor, _emotion.avatarTokens.badgeBackground, _emotion.avatarTokens.badgeColorTransparent, _emotion.avatarTokens.badgeBackgroundTransparent, _emotion.avatarTokens.badgeColorClear, _emotion.avatarTokens.badgeBackgroundClear),
+      dark: /*#__PURE__*/(0, _emotion.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-transparent-deep);\n\n                ", ": var(--on-light-text-primary);\n                ", ": var(--surface-clear);\n            "])), _emotion.avatarTokens.badgeColor, _emotion.avatarTokens.badgeBackground, _emotion.avatarTokens.badgeColorTransparent, _emotion.avatarTokens.badgeBackgroundTransparent, _emotion.avatarTokens.badgeColorClear, _emotion.avatarTokens.badgeBackgroundClear),
+      light: /*#__PURE__*/(0, _emotion.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-dark-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-transparent-card);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-clear);\n            "])), _emotion.avatarTokens.badgeColor, _emotion.avatarTokens.badgeBackground, _emotion.avatarTokens.badgeColorTransparent, _emotion.avatarTokens.badgeBackgroundTransparent, _emotion.avatarTokens.badgeColorClear, _emotion.avatarTokens.badgeBackgroundClear)
+    },
+    counterView: {
+      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n            "])), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
+      accent: /*#__PURE__*/(0, _emotion.css)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n            "])), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
+      positive: /*#__PURE__*/(0, _emotion.css)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-positive);\n            "])), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
+      warning: /*#__PURE__*/(0, _emotion.css)(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-warning);\n            "])), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
+      negative: /*#__PURE__*/(0, _emotion.css)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-negative);\n            "])), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
+      dark: /*#__PURE__*/(0, _emotion.css)(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-solid-default);\n            "])), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
+      light: /*#__PURE__*/(0, _emotion.css)(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-dark-surface-solid-default);\n            "])), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground)
     }
   }
 };