@salutejs/plasma-new-hope 0.117.0-canary.1310.10273026728.0 → 0.117.0-canary.1344.10270215610.0

package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.template-doc.mdx

@@ -1,96 +0,0 @@
----
-id: breadcrumbs
-title: Breadcrumbs
----
-
-import { PropsTable } from '@site/src/components';
-
-# Breadcrumbs
-<PropsTable name="Breadcrumbs" />
-
-# Обычное использование
-
-```tsx live
-import React from 'react';
-import { Breadcrumbs } from '@salutejs/{{ package }}';
-
-export function App() {
-    const items = [
-        { title: 'Home', href: '/' },
-        { title: 'About as', href: '/' },
-        { renderItem: () => <span>Custom Item</span> },
-        { title: 'Contacts' },
-    ];
-
-    return (
-        <div>
-            <Breadcrumbs items={items} />
-        </div>
-    );
-}
-```
-# Использование с shorter
-```tsx live
-import React from 'react';
-import { Breadcrumbs } from '@salutejs/{{ package }}';
-
-export function App() {
-    const items = [
-        { title: 'Home', href: '/' },
-        { title: 'About as', href: '/' },
-        { renderItem: () => <span>Custom Item</span> },
-        { title: 'Contacts' },
-    ];
-
-    return (
-        <div style=\{{"flexDirection": 'column'}}>
-            <div>
-                <Breadcrumbs items={items} showItems={2} />
-            </div>
-            <div>
-                 <Breadcrumbs items={items} showItems={3} />
-            </div>
-        </div>
-    );
-}
-```
-
-# Использование с кастомным элементом
-```tsx live
-import React from 'react';
-import { Breadcrumbs, Dropdown } from '@salutejs/{{ package }}';
-
-export function App() {
-    const items = [
-        { title: 'Home', href: '/' },
-        { title: 'About as', href: '/' },
-        {
-            renderItem: () => {
-                const itemsDropdown = [
-                    {
-                        value: 'Custom Item 1',
-                        label: 'Custom Item 1',
-                    },
-                    {
-                        value: 'Custom Item 2',
-                        label: 'Custom Item 2',
-                    },
-                ];
-                return (
-                    <Dropdown variant="tight" placement="bottom" items={itemsDropdown} trigger="hover">
-                        <span>...</span>
-                    </Dropdown>
-                );
-            },
-        },
-        { title: 'Contacts' },
-    ];
-
-
-    return (
-        <div style=\{{height: '200px'}}>
-            <Breadcrumbs items={items} />
-        </div>
-    );
-}
-```

package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tokens = exports.classes = void 0;
-var classes = exports.classes = {
-  breadcrumbsRoot: 'breadcrumbs-root'
-};
-var tokens = exports.tokens = {
-  breadcrumbsGap: '--plasma-breadcrumbs-gap',
-  breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
-  breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
-  breadcrumbsColor: '--plasma-breadcrumbs-color',
-  breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
-  breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
-  breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
-  breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
-  breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
-  breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
-};

package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/styled-components/cjs/components/Breadcrumbs/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "breadcrumbsClasses", {
-  enumerable: true,
-  get: function get() {
-    return _Breadcrumbs2.classes;
-  }
-});
-Object.defineProperty(exports, "breadcrumbsConfig", {
-  enumerable: true,
-  get: function get() {
-    return _Breadcrumbs.breadcrumbsConfig;
-  }
-});
-Object.defineProperty(exports, "breadcrumbsRoot", {
-  enumerable: true,
-  get: function get() {
-    return _Breadcrumbs.breadcrumbsRoot;
-  }
-});
-Object.defineProperty(exports, "breadcrumbsTokens", {
-  enumerable: true,
-  get: function get() {
-    return _Breadcrumbs2.tokens;
-  }
-});
-var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs");
-var _Breadcrumbs2 = /*#__PURE__*/require("./Breadcrumbs.tokens");

package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js

@@ -1,42 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BreadcrumbShorter = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _utils = /*#__PURE__*/require("../../utils");
-var _BreadcrumbShorter = /*#__PURE__*/require("./BreadcrumbShorter.styles");
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var BreadcrumbShorter = exports.BreadcrumbShorter = function BreadcrumbShorter(_ref) {
-  var children = _ref.children,
-    separator = _ref.separator;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    openShorter = _useState2[0],
-    setOpenShorter = _useState2[1];
-  var renderItems = (0, _utils.addSeparator)(children, separator);
-  var onKeyPress = function onKeyPress(event) {
-    event.persist();
-    if (event.keyCode === 13) {
-      setOpenShorter(true);
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledRoot, null, !openShorter && /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledShorter, {
-    tabIndex: 0,
-    onClick: function onClick() {
-      return setOpenShorter(true);
-    },
-    onKeyDown: onKeyPress
-  }, "..."), openShorter && /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledHidden, null, renderItems.map(function (item) {
-    return item;
-  })));
-};

package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledShorter = exports.StyledRoot = exports.StyledHidden = void 0;
-var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
-var _mixins = /*#__PURE__*/require("../../../../mixins");
-var _Breadcrumbs = /*#__PURE__*/require("../../Breadcrumbs.tokens");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var StyledRoot = exports.StyledRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1shiits-0"
-})([""]);
-var StyledShorter = exports.StyledShorter = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1shiits-1"
-})(["cursor:pointer;", ""], /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineOffset: '0.125rem',
-  outlineSize: '0.125rem',
-  outlineRadius: '0',
-  outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
-}));
-var StyledHidden = exports.StyledHidden = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1shiits-2"
-})(["display:flex;align-items:center;gap:var(", ");"], _Breadcrumbs.tokens.breadcrumbsGap);

package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/styled-components/cjs/components/Breadcrumbs/utils/index.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shortItems = exports.getRenderItems = exports.convertIconSize = exports.addSeparator = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _BreadcrumbShorter = /*#__PURE__*/require("../ui/BreadcrumbShorter/BreadcrumbShorter");
-var _Breadcrumbs = /*#__PURE__*/require("../Breadcrumbs.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var shortItems = exports.shortItems = function shortItems(items, renderSeparator, showItems) {
-  if (!showItems || showItems < 2 || items.length <= showItems) {
-    return items;
-  }
-  var leftSlice = Math.floor(showItems / 2);
-  var rightSlice = items.length - leftSlice - showItems % 2;
-  var renderItems = items.slice(leftSlice, rightSlice);
-  var shorter = /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.BreadcrumbShorter, {
-    separator: renderSeparator
-  }, renderItems);
-  items.splice(leftSlice, rightSlice - leftSlice, shorter);
-  return items;
-};
-var convertIconSize = exports.convertIconSize = function convertIconSize(size) {
-  switch (size) {
-    case 's':
-    case 'xs':
-      return 'xs';
-    default:
-      return 's';
-  }
-};
-var getRenderItems = exports.getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
-  var renderItems = shortItems(items.map(function (item) {
-    if ('renderItem' in item) {
-      return item.renderItem();
-    }
-    return /*#__PURE__*/_react["default"].createElement(_Breadcrumbs.StyledLink, {
-      tabIndex: 0,
-      href: item.href,
-      isHref: Boolean(item.href)
-    }, item.title);
-  }), renderSeparator, showItems);
-  return renderItems;
-};
-var addSeparator = exports.addSeparator = function addSeparator(items, renderSeparator) {
-  return items.flatMap(function (item, idx) {
-    return idx < items.length - 1 ? [item, renderSeparator] : [item];
-  });
-};

package/styled-components/cjs/components/Breadcrumbs/variations/_size/base.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Breadcrumbs/variations/_view/base.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":0.4;", ":var(--surface-accent);"], _Breadcrumbs.breadcrumbsTokens.breadcrumbsColor, _Breadcrumbs.breadcrumbsTokens.breadcrumbsOpacity, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFocusOutlineColor)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight)
-    }
-  }
-};

package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Breadcrumbs = void 0;
-var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Breadcrumbs2 = /*#__PURE__*/require("./Breadcrumbs.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Breadcrumbs.breadcrumbsConfig, _Breadcrumbs2.config);
-var Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { disableProps } from '@salutejs/plasma-sb-utils';
-
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-import { accordionConfig } from '../../../../components/Accordion';
-
-import { config } from './Breadcrumbs.config';
-import { Breadcrumbs } from './Breadcrumbs';
-
-type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
-
-const meta: Meta<BreadcrumbsProps> = {
-    title: 'plasma_b2c/Breadcrumbs',
-    decorators: [WithTheme],
-    component: Breadcrumbs,
-    args: {
-        view: 'default',
-        size: 'm',
-        showItems: 2,
-        items: [
-            { title: 'Home', href: '/' },
-            { title: 'About as', href: '/' },
-            { renderItem: () => <span>Custom Item</span> },
-            { title: 'Contacts' },
-        ],
-    },
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(accordionConfig, config)),
-        ...disableProps(['separator']),
-    },
-};
-
-export default meta;
-
-export const Default: StoryObj<BreadcrumbsProps> = {
-    render: (props: BreadcrumbsProps) => {
-        return <Breadcrumbs {...props} />;
-    },
-};

package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":0.4;", ":var(--surface-accent);"], _Breadcrumbs.breadcrumbsTokens.breadcrumbsColor, _Breadcrumbs.breadcrumbsTokens.breadcrumbsOpacity, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFocusOutlineColor)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Breadcrumbs.breadcrumbsTokens.breadcrumbsGap, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontFamily, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontSize, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontStyle, _Breadcrumbs.breadcrumbsTokens.breadcrumbsFontWeight, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLetterSpacing, _Breadcrumbs.breadcrumbsTokens.breadcrumbsLineHeight)
-    }
-  }
-};

package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Breadcrumbs = void 0;
-var _Breadcrumbs = /*#__PURE__*/require("../../../../components/Breadcrumbs");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Breadcrumbs2 = /*#__PURE__*/require("./Breadcrumbs.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Breadcrumbs.breadcrumbsConfig, _Breadcrumbs2.config);
-var Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { disableProps } from '@salutejs/plasma-sb-utils';
-
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-import { accordionConfig } from '../../../../components/Accordion';
-
-import { config } from './Breadcrumbs.config';
-import { Breadcrumbs } from './Breadcrumbs';
-
-type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
-
-const meta: Meta<BreadcrumbsProps> = {
-    title: 'plasma_web/Breadcrumbs',
-    decorators: [WithTheme],
-    component: Breadcrumbs,
-    args: {
-        view: 'default',
-        size: 'm',
-        showItems: 2,
-        items: [
-            { title: 'Home', href: '/' },
-            { title: 'About as', href: '/' },
-            { renderItem: () => <span>Custom Item</span> },
-            { title: 'Contacts' },
-        ],
-    },
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(accordionConfig, config)),
-        ...disableProps(['separator']),
-    },
-};
-
-export default meta;
-
-export const Default: StoryObj<BreadcrumbsProps> = {
-    render: (props: BreadcrumbsProps) => {
-        return <Breadcrumbs {...props} />;
-    },
-};

package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js

@@ -1,50 +0,0 @@
-import React, { forwardRef } from 'react';
-import { cx } from '../../utils';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as viewCSS } from './variations/_view/base';
-import { base, Separator } from './Breadcrumbs.styles';
-import { addSeparator, convertIconSize, getRenderItems } from './utils';
-export var breadcrumbsRoot = function breadcrumbsRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
-    var view = _ref.view,
-      size = _ref.size,
-      separator = _ref.separator,
-      items = _ref.items,
-      _ref$showItems = _ref.showItems,
-      showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
-      className = _ref.className;
-    var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React.createElement(Separator, {
-      color: "inherit",
-      size: convertIconSize(size)
-    });
-    var renderItems = getRenderItems(items, renderSeparator, showItems);
-    var itemsWithSeparator = addSeparator(renderItems, renderSeparator);
-    return /*#__PURE__*/React.createElement(Root, {
-      ref: outerRootRef,
-      size: size,
-      view: view,
-      className: cx(className),
-      items: items
-    }, itemsWithSeparator.map(function (item) {
-      return item;
-    }));
-  });
-};
-export var breadcrumbsConfig = {
-  name: 'Breadcrumbs',
-  tag: 'div',
-  layout: breadcrumbsRoot,
-  base: base,
-  variations: {
-    view: {
-      css: viewCSS
-    },
-    size: {
-      css: sizeCSS
-    }
-  },
-  defaults: {
-    view: 'default',
-    size: 'm'
-  }
-};

package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js

@@ -1,24 +0,0 @@
-import styled from 'styled-components';
-import { css } from 'styled-components';
-import { linkConfig } from '../Link';
-import { component, mergeConfig } from '../../engines';
-import { IconDisclosureRight } from '../_Icon';
-import { addFocus } from '../../mixins';
-import { tokens } from './Breadcrumbs.tokens';
-var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
-var Link = /*#__PURE__*/component(mergedLinkConfig);
-export var StyledLink = /*#__PURE__*/styled(Link).withConfig({
-  componentId: "plasma-new-hope__sc-4bjoev-0"
-})(["opacity:", ";", ""], function (_ref) {
-  var isHref = _ref.isHref;
-  return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
-}, /*#__PURE__*/addFocus({
-  outlineOffset: '0rem',
-  outlineSize: '0.125rem',
-  outlineRadius: '0rem',
-  outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
-}));
-export var base = /*#__PURE__*/css(["display:flex;flex-direction:row;align-items:center;gap:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.breadcrumbsGap, tokens.breadcrumbsColor, tokens.breadcrumbsFontFamily, tokens.breadcrumbsFontSize, tokens.breadcrumbsFontWeight, tokens.breadcrumbsFontStyle, tokens.breadcrumbsLetterSpacing, tokens.breadcrumbsLineHeight);
-export var Separator = /*#__PURE__*/styled(IconDisclosureRight).withConfig({
-  componentId: "plasma-new-hope__sc-4bjoev-1"
-})(["color:var(", ");opacity:var(", ");"], tokens.breadcrumbsColor, tokens.breadcrumbsOpacity);

package/styled-components/es/components/Breadcrumbs/Breadcrumbs.template-doc.mdx

@@ -1,96 +0,0 @@
----
-id: breadcrumbs
-title: Breadcrumbs
----
-
-import { PropsTable } from '@site/src/components';
-
-# Breadcrumbs
-<PropsTable name="Breadcrumbs" />
-
-# Обычное использование
-
-```tsx live
-import React from 'react';
-import { Breadcrumbs } from '@salutejs/{{ package }}';
-
-export function App() {
-    const items = [
-        { title: 'Home', href: '/' },
-        { title: 'About as', href: '/' },
-        { renderItem: () => <span>Custom Item</span> },
-        { title: 'Contacts' },
-    ];
-
-    return (
-        <div>
-            <Breadcrumbs items={items} />
-        </div>
-    );
-}
-```
-# Использование с shorter
-```tsx live
-import React from 'react';
-import { Breadcrumbs } from '@salutejs/{{ package }}';
-
-export function App() {
-    const items = [
-        { title: 'Home', href: '/' },
-        { title: 'About as', href: '/' },
-        { renderItem: () => <span>Custom Item</span> },
-        { title: 'Contacts' },
-    ];
-
-    return (
-        <div style=\{{"flexDirection": 'column'}}>
-            <div>
-                <Breadcrumbs items={items} showItems={2} />
-            </div>
-            <div>
-                 <Breadcrumbs items={items} showItems={3} />
-            </div>
-        </div>
-    );
-}
-```
-
-# Использование с кастомным элементом
-```tsx live
-import React from 'react';
-import { Breadcrumbs, Dropdown } from '@salutejs/{{ package }}';
-
-export function App() {
-    const items = [
-        { title: 'Home', href: '/' },
-        { title: 'About as', href: '/' },
-        {
-            renderItem: () => {
-                const itemsDropdown = [
-                    {
-                        value: 'Custom Item 1',
-                        label: 'Custom Item 1',
-                    },
-                    {
-                        value: 'Custom Item 2',
-                        label: 'Custom Item 2',
-                    },
-                ];
-                return (
-                    <Dropdown variant="tight" placement="bottom" items={itemsDropdown} trigger="hover">
-                        <span>...</span>
-                    </Dropdown>
-                );
-            },
-        },
-        { title: 'Contacts' },
-    ];
-
-
-    return (
-        <div style=\{{height: '200px'}}>
-            <Breadcrumbs items={items} />
-        </div>
-    );
-}
-```