@salutejs/plasma-new-hope 0.158.1-canary.1374.11139248605.0 → 0.158.1-canary.1454.11140695341.0

package/emotion/cjs/components/Attach/utils/index.js

@@ -3,24 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "extractExtension", {
+Object.defineProperty(exports, "addSeparator", {
   enumerable: true,
   get: function get() {
-    return _extractExtension.extractExtension;
+    return _addSeparator.addSeparator;
   }
 });
-Object.defineProperty(exports, "getFileicon", {
+Object.defineProperty(exports, "extractExtension", {
   enumerable: true,
   get: function get() {
-    return _getFileicon.getFileicon;
+    return _extractExtension.extractExtension;
   }
 });
-Object.defineProperty(exports, "truncateFilename", {
+Object.defineProperty(exports, "getFileicon", {
   enumerable: true,
   get: function get() {
-    return _truncateFilename.truncateFilename;
+    return _getFileicon.getFileicon;
   }
 });
+exports.separator = void 0;
 var _extractExtension = /*#__PURE__*/require("./extractExtension");
 var _getFileicon = /*#__PURE__*/require("./getFileicon");
-var _truncateFilename = /*#__PURE__*/require("./truncateFilename");
+var _addSeparator = /*#__PURE__*/require("./addSeparator");
+var separator = exports.separator = '...';

package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx

@@ -15,11 +15,6 @@ import { PropsTable, Description } from '@site/src/components';
 <Description name="TabItem" />
 <PropsTable name="TabItem" />
 
-:::caution Взаимоисключающие свойства
-Свойство `value` - это значение таба. Оно отображается справа от основного текста.<br/>
-`value` и `contentRight` взаимоисключающие: если передано одно, второе передать нельзя.
-:::
-
 ## TabsController (deprecated)
 Вместо этого используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange.
 
@@ -61,41 +56,6 @@ export function App() {
 }
 ```
 
-### Расположение табов
-Табы могут быть горизонтальными (по умолчанию) и вертикальными. За это отвечает свойство `orientation`.
-
-```tsx live
-import React, { useState } from 'react';
-import { Tabs, TabItem } from '@salutejs/{{ package }}';
-import { IconClock } from '@salutejs/plasma-icons';
-
-export function App() {
-    const items = Array(8).fill(0);
-    const [index, setIndex] = useState(0);
-
-    return (
-        <div>
-            <Tabs view="divider" orientation="vertical" size="xs" style=\{{ width: '15rem' }}>
-                {items.map((_, i) => (
-                    <TabItem
-                        view="divider"
-                        orientation="vertical"
-                        key={`item:${i}`}
-                        size="xs"
-                        selected={i === index}
-                        tabIndex={0}
-                        contentLeft={<IconClock size="xs" color="inherit" />}
-                        onClick={() => setIndex(i)}
-                    >
-                        {`Label${i + 1}`}
-                    </TabItem>
-                ))}
-            </Tabs>
-        </div>
-    );
-}
-```
-
 ### Пример с прокруткой
 
 ```tsx live
@@ -183,9 +143,8 @@ export function App() {
 ```
 
 ### Подключение клавиатурной навигации
-Для этого необходимо дополнительно прокинуть свойства `index, itemIndex, onIndexChange`.<br/>
-Для горизонтальных табов: клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.<br/>
-Для вертикальных табов: клавиши ArrowUp, ArrowDown, Home, End для навигации по вкладкам.
+Для этого необходимо дополнительно прокинуть свойства `index, itemIndex, onIndexChange`.
+Клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
 
 ```tsx live
 import React, { useState } from 'react';
@@ -194,51 +153,27 @@ import { IconClock } from '@salutejs/plasma-icons';
 
 export function App() {
     const items = Array(4).fill(0);
-    const [horizontalIndex, setHorizontalIndex] = useState(0);
-    const [verticalIndex, setVerticalIndex] = useState(0);
+    const [index, setIndex] = useState(0);
 
     return (
-        <div style=\{{ display: "flex", flexDirection: "column", gap: "50px"}}>
-            <div>
-                <Tabs view="divider" stretch size="xs" index={horizontalIndex}>
-                    {items.map((_, i) => (
-                        <TabItem
-                            view="divider"
-                            key={`item:${i}`}
-                            size="xs"
-                            itemIndex={i}
-                            onIndexChange={(i) => setHorizontalIndex(i)}
-                            selected={i === horizontalIndex}
-                            tabIndex={0}
-                            contentLeft={<IconClock size="xs" color="inherit" />}
-                            onClick={() => setHorizontalIndex(i)}
-                        >
-                            {`Label${i + 1}`}
-                        </TabItem>
-                    ))}
-                </Tabs>
-            </div>
-
-            <div>
-                <Tabs orientation="vertical" view="divider" size="xs" index={verticalIndex}>
-                    {items.map((_, i) => (
-                        <TabItem
-                            orientation="vertical"
-                            view="divider"
-                            key={`item:${i}`}
-                            size="xs"
-                            itemIndex={i}
-                            onIndexChange={(i) => setVerticalIndex(i)}
-                            selected={i === verticalIndex}
-                            tabIndex={0}
-                            contentLeft={<IconClock size="xs" color="inherit" />}
-                            onClick={() => setVerticalIndex(i)}
-                        >
-                            {`Label${i + 1}`}
-                        </TabItem>
-                    ))}
-                </Tabs>
-            </div>
+        <div>
+            <Tabs view="filled" stretch size="xs" index={index}>
+                {items.map((_, i) => (
+                    <TabItem
+                        view="secondary"
+                        key={`item:${i}`}
+                        size="xs"
+                        itemIndex={i}
+                        onIndexChange={(i) => setIndex(i)}
+                        selected={i === index}
+                        tabIndex={0}
+                        contentLeft={<IconClock size="xs" color="inherit" />}
+                        onClick={() => setIndex(i)}
+                    >
+                        {`Label${i + 1}`}
+                    </TabItem>
+                ))}
+            </Tabs>
         </div>
     );
 }

package/emotion/cjs/components/Tabs/createTabsController.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createTabsController = createTabsController;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _excluded = ["items", "index", "autoscroll", "onIndexChange", "orientation"],
+var _excluded = ["items", "index", "autoscroll", "onIndexChange"],
   _excluded2 = ["label"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -27,7 +27,6 @@ function createTabsController(ListComponent, ItemComponent) {
       index = _ref.index,
       autoscroll = _ref.autoscroll,
       onIndexChange = _ref.onIndexChange,
-      _orientation = _ref.orientation,
       rest = _objectWithoutProperties(_ref, _excluded);
     var disabled = rest.disabled;
     return /*#__PURE__*/_react["default"].createElement(ListComponent, _extends({

package/emotion/cjs/components/Tabs/index.js

@@ -15,40 +15,34 @@ Object.defineProperty(exports, "TabsContext", {
     return _TabsContext.TabsContext;
   }
 });
-Object.defineProperty(exports, "VerticalTabsContext", {
-  enumerable: true,
-  get: function get() {
-    return _VerticalTabsContext.VerticalTabsContext;
-  }
-});
 Object.defineProperty(exports, "createTabsController", {
   enumerable: true,
   get: function get() {
     return _createTabsController.createTabsController;
   }
 });
-Object.defineProperty(exports, "horizontalTabItemConfig", {
+Object.defineProperty(exports, "tabItemConfig", {
   enumerable: true,
   get: function get() {
-    return _HorizontalTabItem.horizontalTabItemConfig;
+    return _TabItem.tabItemConfig;
   }
 });
-Object.defineProperty(exports, "horizontalTabItemRoot", {
+Object.defineProperty(exports, "tabItemRoot", {
   enumerable: true,
   get: function get() {
-    return _HorizontalTabItem.horizontalTabItemRoot;
+    return _TabItem.tabItemRoot;
   }
 });
-Object.defineProperty(exports, "horizontalTabsConfig", {
+Object.defineProperty(exports, "tabsConfig", {
   enumerable: true,
   get: function get() {
-    return _HorizontalTabs.horizontalTabsConfig;
+    return _Tabs.tabsConfig;
   }
 });
-Object.defineProperty(exports, "horizontalTabsRoot", {
+Object.defineProperty(exports, "tabsRoot", {
   enumerable: true,
   get: function get() {
-    return _HorizontalTabs.horizontalTabsRoot;
+    return _Tabs.tabsRoot;
   }
 });
 Object.defineProperty(exports, "tabsTokens", {
@@ -57,35 +51,8 @@ Object.defineProperty(exports, "tabsTokens", {
     return _tokens.tokens;
   }
 });
-Object.defineProperty(exports, "verticalTabItemConfig", {
-  enumerable: true,
-  get: function get() {
-    return _VerticalTabItem.verticalTabItemConfig;
-  }
-});
-Object.defineProperty(exports, "verticalTabItemRoot", {
-  enumerable: true,
-  get: function get() {
-    return _VerticalTabItem.verticalTabItemRoot;
-  }
-});
-Object.defineProperty(exports, "verticalTabsConfig", {
-  enumerable: true,
-  get: function get() {
-    return _VerticalTabs.verticalTabsConfig;
-  }
-});
-Object.defineProperty(exports, "verticalTabsRoot", {
-  enumerable: true,
-  get: function get() {
-    return _VerticalTabs.verticalTabsRoot;
-  }
-});
-var _HorizontalTabs = /*#__PURE__*/require("./ui/horizontal/HorizontalTabs/HorizontalTabs");
-var _HorizontalTabItem = /*#__PURE__*/require("./ui/horizontal/HorizontalTabItem/HorizontalTabItem");
-var _VerticalTabs = /*#__PURE__*/require("./ui/vertical/VerticalTabs/VerticalTabs");
-var _VerticalTabItem = /*#__PURE__*/require("./ui/vertical/VerticalTabItem/VerticalTabItem");
-var _VerticalTabsContext = /*#__PURE__*/require("./ui/vertical/VerticalTabsContext");
+var _Tabs = /*#__PURE__*/require("./ui/Tabs/Tabs");
+var _TabItem = /*#__PURE__*/require("./ui/TabItem/TabItem");
 var _tokens = /*#__PURE__*/require("./tokens");
 var _TabsContext = /*#__PURE__*/require("./TabsContext");
 var _createTabsController = /*#__PURE__*/require("./createTabsController");

package/emotion/cjs/components/Tabs/tokens.js

@@ -9,7 +9,6 @@ var classes = exports.classes = {
   tabsPilled: 'tabs-pilled',
   tabsGroupFilledBackground: 'tabs-group-filled-background',
   tabsStretch: 'tabs-stretched',
-  tabsNoDivider: 'tabs-no-divider',
   tabItemDivider: 'tab-item-divider',
   tabItemAnimated: 'tab-item-animated',
   tabContent: 'tab-item-content',
@@ -17,23 +16,18 @@ var classes = exports.classes = {
   tabLeftContent: 'tab-item-left-content',
   tabsHasLeftArrow: 'tabs-has-left-arrow',
   tabsHasRightArrow: 'tabs-has-right-arrow',
-  tabsHasTopArrow: 'tabs-has-top-arrow',
-  tabsHasBottomArrow: 'tabs-has-bottom-arrow',
   tabsClipScroll: 'tabs-clip-scroll',
   tabsClipShowAll: 'tabs-clip-show-all'
 };
 var tokens = exports.tokens = {
   disabledOpacity: '--plasma-tabs-disabled-opacity',
   containerWidth: '--plasma-tabs-container-width',
-  containerHeight: '--plasma-tabs-container-height',
   cursor: '--plasma-tabs-cursor',
   color: '--plasma-tabs-color',
   colorHover: '--plasma-tabs-color-hover',
-  tabsDividerWidth: '--plasma-tabs-divider-width',
   tabsDividerHeight: '--plasma-tabs-divider-height',
   tabsDividerColor: '--plasma-tabs-divider-color',
   tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',
-  itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',
   itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',
   itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',
   itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',
@@ -53,7 +47,6 @@ var tokens = exports.tokens = {
   itemPadding: '--plasma-tab-item-padding',
   itemPaddingClear: '--plasma-tab-item-padding-clear',
   itemPaddingPilled: '--plasma-tab-item-padding-pilled',
-  itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',
   itemMarginLeft: '--plasma-tab-item-margin-left',
   itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',
   itemContentGap: '--plasma-tab-item-content-gap',
@@ -63,20 +56,19 @@ var tokens = exports.tokens = {
   arrowOuterPadding: '--plasma-tab-arrow-outer-padding',
   arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',
   itemColor: '--plasma-tab-item-color',
-  itemValueColor: '--plasma-tab-item-value-color',
   itemBackgroundColor: '--plasma-tab-item-background-color',
   itemColorHover: '--plasma-tab-item-color-hover',
-  itemValueColorHover: '--plasma-tab-item-value-color-hover',
   itemColorActive: '--plasma-tab-item-color-active',
-  itemValueColorActive: '--plasma-tab-item-value-color-active',
   itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',
   itemSelectedColor: '--plasma-tab-item-selected-color',
-  itemSelectedValueColor: '--plasma-tab-item-selected-value-color',
   itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',
   itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',
-  itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',
   itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',
   itemBackgroundTransition: '--plasma-tab-item-background-transition',
+  additionalContentColor: '--plasma-tab-item-additional-content-color',
+  additionalContentHoverColor: '--plasma-tab-item-hover-additional-content-color',
+  additionalContentSelectedColor: '--plasma-tab-item-selected-additional-content-color',
+  additionalContentSelectedHoverColor: '--plasma-tab-item-selected-hover-additional-content-color',
   fontFamily: '--plasma-tab-item-font-family',
   fontSize: '--plasma-tab-item-font-size',
   fontStyle: '--plasma-tab-item-font-style',

package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js}

@@ -4,24 +4,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.horizontalTabItemRoot = exports.horizontalTabItemConfig = void 0;
+exports.tabItemRoot = exports.tabItemConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _tokens = /*#__PURE__*/require("../../../tokens");
-var _utils = /*#__PURE__*/require("../../../../../utils");
-var _TabsContext = /*#__PURE__*/require("../../../TabsContext");
+var _tokens = /*#__PURE__*/require("../../tokens");
+var _utils = /*#__PURE__*/require("../../../../utils");
+var _TabsContext = /*#__PURE__*/require("../../TabsContext");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_pilled/base");
 var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
-var _HorizontalTabItem = /*#__PURE__*/require("./HorizontalTabItem.styles");
-var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
+var _TabItem = /*#__PURE__*/require("./TabItem.styles");
+var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
+var tabItemRoot = exports.tabItemRoot = function tabItemRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
     var size = props.size,
       view = props.view,
@@ -32,7 +32,6 @@ var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalT
       _props$pilled = props.pilled,
       pilled = _props$pilled === void 0 ? false : _props$pilled,
       children = props.children,
-      value = props.value,
       contentLeft = props.contentLeft,
       contentRight = props.contentRight,
       _props$animated = props.animated,
@@ -63,9 +62,6 @@ var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalT
       };
     }, [refs]);
     var onItemFocus = (0, _react.useCallback)(function (event) {
-      if (disabled) {
-        return;
-      }
       if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
         innerRef.current.scrollTo({
           top: 0,
@@ -74,7 +70,7 @@ var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalT
         });
         return;
       }
-      if (!refs) {
+      if (disabled || !refs) {
         return;
       }
       var focusIndex = refs.items.findIndex(function (itemRef) {
@@ -107,20 +103,20 @@ var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalT
       tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
       className: (0, _utils.cx)(pilledClass, selectedClass, animatedClass, className),
       onClick: handleClick
-    }, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.LeftContent, {
+    }, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_TabItem.LeftContent, {
       className: _tokens.classes.tabLeftContent
-    }, contentLeft), /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.StyledContent, {
+    }, contentLeft), /*#__PURE__*/_react["default"].createElement(_TabItem.StyledContent, {
       className: _tokens.classes.tabContent
-    }, children), value && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.TabItemValue, null, value), contentRight && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.RightContent, {
+    }, children), contentRight && /*#__PURE__*/_react["default"].createElement(_TabItem.RightContent, {
       className: _tokens.classes.tabRightContent
     }, contentRight)));
   });
 };
-var horizontalTabItemConfig = exports.horizontalTabItemConfig = {
-  name: 'HorizontalTabItem',
+var tabItemConfig = exports.tabItemConfig = {
+  name: 'TabItem',
   tag: 'button',
-  layout: horizontalTabItemRoot,
-  base: _HorizontalTabItem.base,
+  layout: tabItemRoot,
+  base: _TabItem.base,
   variations: {
     size: {
       css: _base2.base

package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = exports.StyledContent = exports.RightContent = exports.LeftContent = void 0;
+var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
+var _react = /*#__PURE__*/require("@emotion/react");
+var _mixins = /*#__PURE__*/require("../../../../mixins");
+var _tokens = /*#__PURE__*/require("../../tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var base = exports.base = /*#__PURE__*/(0, _react.css)("position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;align-items:center;gap:var(", _tokens.tokens.itemContentGap, ");padding:var(", _tokens.tokens.itemPaddingClear, ", var(", _tokens.tokens.itemPadding, "));appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);&:first-child{margin-left:0;}", /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.125rem',
+  outlineColor: /*#__PURE__*/"var(".concat(_tokens.tokens.outlineFocusColor, ")"),
+  outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
+  customFocusRules: /*#__PURE__*/"\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n                }\n            }\n        ")
+}), ";;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL1RhYkl0ZW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvVGFiSXRlbS9UYWJJdGVtLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBnYXA6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudEdhcH0pO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5pdGVtUGFkZGluZ0NsZWFyfSwgdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nfSkpO1xuXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgICBwYWRkaW5nOiAwIHZhcigke3Rva2Vucy5pdGVtQ29udGVudFBhZGRpbmdDbGVhcn0sIHZhcigke3Rva2Vucy5pdGVtQ29udGVudFBhZGRpbmd9KSk7XG5gO1xuXG5leHBvcnQgY29uc3QgUmlnaHRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYWRkaXRpb25hbENvbnRlbnRDb2xvcn0pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYWRkaXRpb25hbENvbnRlbnRIb3ZlckNvbG9yfSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbmA7XG4iXX0= */"));
+var StyledContent = exports.StyledContent = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "e12v5m6i2",
+  label: "plasma-new-hope__StyledContent"
+})("display:inline-block;width:fit-content;padding:0 var(", _tokens.tokens.itemContentPaddingClear, ", var(", _tokens.tokens.itemContentPadding, "));" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL1RhYkl0ZW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYkl0ZW0vVGFiSXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgZ2FwOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRHYXB9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmdDbGVhcn0sIHZhcigke3Rva2Vucy5pdGVtUGFkZGluZ30pKTtcblxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICB9XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSArIDAuMDYzcmVtKScsXG4gICAgICAgIGN1c3RvbUZvY3VzUnVsZXM6IGBcbiAgICAgICAgICAgICYuZm9jdXMtdmlzaWJsZTpmb2N1cyxcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMC4wNjNyZW0gdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICBgLFxuICAgIH0pfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuXG4gICAgcGFkZGluZzogMCB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRQYWRkaW5nQ2xlYXJ9LCB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRQYWRkaW5nfSkpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50Q29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50SG92ZXJDb2xvcn0pO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0Q29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjb2xvcjogaW5oZXJpdDtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB9XG5gO1xuIl19 */"));
+var RightContent = exports.RightContent = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "e12v5m6i1",
+  label: "plasma-new-hope__RightContent"
+})("display:flex;color:var(", _tokens.tokens.additionalContentColor, ");&:hover{color:var(", _tokens.tokens.additionalContentHoverColor, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL1RhYkl0ZW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ec0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYkl0ZW0vVGFiSXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgZ2FwOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRHYXB9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmdDbGVhcn0sIHZhcigke3Rva2Vucy5pdGVtUGFkZGluZ30pKTtcblxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICB9XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSArIDAuMDYzcmVtKScsXG4gICAgICAgIGN1c3RvbUZvY3VzUnVsZXM6IGBcbiAgICAgICAgICAgICYuZm9jdXMtdmlzaWJsZTpmb2N1cyxcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMC4wNjNyZW0gdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICBgLFxuICAgIH0pfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuXG4gICAgcGFkZGluZzogMCB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRQYWRkaW5nQ2xlYXJ9LCB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRQYWRkaW5nfSkpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50Q29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50SG92ZXJDb2xvcn0pO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0Q29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjb2xvcjogaW5oZXJpdDtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB9XG5gO1xuIl19 */"));
+var LeftContent = exports.LeftContent = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "e12v5m6i0",
+  label: "plasma-new-hope__LeftContent"
+})(process.env.NODE_ENV === "production" ? {
+  name: "uvu4os",
+  styles: "display:flex;color:inherit;&:hover{color:inherit;}"
+} : {
+  name: "uvu4os",
+  styles: "display:flex;color:inherit;&:hover{color:inherit;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL1RhYkl0ZW0uc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEcUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYkl0ZW0vVGFiSXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgZ2FwOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRHYXB9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmdDbGVhcn0sIHZhcigke3Rva2Vucy5pdGVtUGFkZGluZ30pKTtcblxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICB9XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSArIDAuMDYzcmVtKScsXG4gICAgICAgIGN1c3RvbUZvY3VzUnVsZXM6IGBcbiAgICAgICAgICAgICYuZm9jdXMtdmlzaWJsZTpmb2N1cyxcbiAgICAgICAgICAgICZbZGF0YS1mb2N1cy12aXNpYmxlLWFkZGVkXSB7XG4gICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMC4wNjNyZW0gdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICBgLFxuICAgIH0pfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuXG4gICAgcGFkZGluZzogMCB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRQYWRkaW5nQ2xlYXJ9LCB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRQYWRkaW5nfSkpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50Q29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50SG92ZXJDb2xvcn0pO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0Q29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjb2xvcjogaW5oZXJpdDtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB9XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../tokens");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("&[disabled]{cursor:not-allowed;&:hover{color:var(", _tokens.tokens.itemColor, ");background-color:var(", _tokens.tokens.itemBackgroundColor, ");}&.", /*#__PURE__*/String(_tokens.classes.selectedTabsItem), ":hover{color:var(", _tokens.tokens.itemSelectedColor, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColor, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9yfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmRDb2xvcn0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke1N0cmluZyhjbGFzc2VzLnNlbGVjdGVkVGFic0l0ZW0pfTpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZENvbG9yfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQmFja2dyb3VuZENvbG9yfSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));

package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../tokens");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", /*#__PURE__*/String(_tokens.classes.tabsPilled), "{--plasma_private-outline-radius:var(", _tokens.tokens.itemPilledBorderRadius, ");border-radius:var(", _tokens.tokens.itemPilledBorderRadius, ");padding:var(", _tokens.tokens.itemPaddingPilled, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL3ZhcmlhdGlvbnMvX3BpbGxlZC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvVGFiSXRlbS92YXJpYXRpb25zL19waWxsZWQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke1N0cmluZyhjbGFzc2VzLnRhYnNQaWxsZWQpfSB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5pdGVtUGlsbGVkQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5pdGVtUGlsbGVkQm9yZGVyUmFkaXVzfSk7XG5cbiAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nUGlsbGVkfSk7XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../tokens");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.fontFamily, ");font-size:var(", _tokens.tokens.fontSize, ");font-style:var(", _tokens.tokens.fontStyle, ");font-weight:var(", _tokens.tokens.fontWeight, ");letter-spacing:var(", _tokens.tokens.letterSpacing, ");line-height:var(", _tokens.tokens.lineHeight, ");--plasma_private-outline-radius:var(", _tokens.tokens.itemBorderRadius, ");border-radius:var(", _tokens.tokens.itemBorderRadius, ");width:var(", _tokens.tokens.itemWidth, ");height:var(", _tokens.tokens.itemHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYkl0ZW0vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5mb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5pdGVtQm9yZGVyUmFkaXVzfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLml0ZW1Cb3JkZXJSYWRpdXN9KTtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaXRlbVdpZHRofSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaXRlbUhlaWdodH0pO1xuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../tokens");
+var _TabItem = /*#__PURE__*/require("../../TabItem.styles");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("color:var(", _tokens.tokens.itemColor, ");background-color:var(", _tokens.tokens.itemBackgroundColor, ");margin-left:var(", _tokens.tokens.itemMarginLeftFilled, ", var(", _tokens.tokens.itemMarginLeft, "));&:hover{color:var(", _tokens.tokens.itemColorHover, ");background-color:var(", _tokens.tokens.itemBackgroundColorHover, ");", _TabItem.RightContent, "{color:var(", _tokens.tokens.additionalContentHoverColor, ");}}&:active{color:var(", _tokens.tokens.itemColorActive, ");}&.", /*#__PURE__*/String(_tokens.classes.tabItemAnimated), "{transition:var(", _tokens.tokens.itemBackgroundTransition, ");}&.", /*#__PURE__*/String(_tokens.classes.selectedTabsItem), "{color:var(", _tokens.tokens.itemSelectedColor, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColor, ");&:hover{color:var(", _tokens.tokens.itemSelectedColorHover, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColorHover, ");&::after{background:var(", _tokens.tokens.itemSelectedDividerColorHover, ");}}", _TabItem.RightContent, "{color:var(", _tokens.tokens.additionalContentSelectedColor, ");&:hover{color:var(", _tokens.tokens.additionalContentSelectedHoverColor, ");}}&::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(", _tokens.tokens.itemSelectedDividerColor, ");height:var(", _tokens.tokens.itemSelectedDividerHeight, ");border-radius:1px;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYkl0ZW0vdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi90b2tlbnMnO1xuaW1wb3J0IHsgUmlnaHRDb250ZW50IH0gZnJvbSAnLi4vLi4vVGFiSXRlbS5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvcn0pO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZENvbG9yfSk7XG5cbiAgICBtYXJnaW4tbGVmdDogdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5MZWZ0RmlsbGVkfSwgdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5MZWZ0fSkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9ySG92ZXJ9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuXG4gICAgICAgICR7UmlnaHRDb250ZW50fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50SG92ZXJDb2xvcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvckFjdGl2ZX0pO1xuICAgIH1cblxuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy50YWJJdGVtQW5pbWF0ZWQpfSB7XG4gICAgICAgIHRyYW5zaXRpb246IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZFRyYW5zaXRpb259KTtcbiAgICB9XG5cbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMuc2VsZWN0ZWRUYWJzSXRlbSl9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRDb2xvcn0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQmFja2dyb3VuZENvbG9yfSk7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZENvbG9ySG92ZXJ9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRCYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuXG4gICAgICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZERpdmlkZXJDb2xvckhvdmVyfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAke1JpZ2h0Q29udGVudH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5hZGRpdGlvbmFsQ29udGVudFNlbGVjdGVkQ29sb3J9KTtcblxuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5hZGRpdGlvbmFsQ29udGVudFNlbGVjdGVkSG92ZXJDb2xvcn0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICBib3R0b206IDBweDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWREaXZpZGVyQ29sb3J9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZERpdmlkZXJIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDFweDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));