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

package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js

@@ -6,8 +6,6 @@ import { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } fro
 export var Button = function Button(_ref) {
   var opened = _ref.opened,
     value = _ref.value,
-    isTargetAmount = _ref.isTargetAmount,
-    multiselect = _ref.multiselect,
     valueToItemMap = _ref.valueToItemMap,
     onKeyDown = _ref.onKeyDown,
     label = _ref.label,
@@ -15,7 +13,8 @@ export var Button = function Button(_ref) {
     disabled = _ref.disabled,
     renderValue = _ref.renderValue,
     focusedPath = _ref.focusedPath,
-    focusedToValueMap = _ref.focusedToValueMap;
+    focusedToValueMap = _ref.focusedToValueMap,
+    selectProps = _ref.selectProps;
   var withArrowInverse = opened ? classes.arrowInverse : undefined;
   var getActiveDescendant = function getActiveDescendant() {
     var _focusedToValueMap$ge;
@@ -38,13 +37,13 @@ export var Button = function Button(_ref) {
     "aria-controls": "tree_level_1",
     "aria-expanded": opened,
     "aria-activedescendant": getActiveDescendant(),
-    "aria-label": label
-  }, /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
+    "aria-label": label,
+    renderTarget: Boolean(selectProps.renderTarget)
+  }, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(Label, null, getButtonLabel({
     value: value,
-    isTargetAmount: isTargetAmount,
-    multiselect: multiselect,
     valueToItemMap: valueToItemMap,
     label: label,
-    renderValue: renderValue
+    renderValue: renderValue,
+    selectProps: selectProps
   }))));
 };

package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js

@@ -8,7 +8,10 @@ var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
 var Button = /*#__PURE__*/component(mergedButtonConfig);
 export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");"], buttonTokens.buttonColor, tokens.targetButtonColor, buttonTokens.buttonColorHover, tokens.targetButtonColorHover, buttonTokens.buttonColorActive, tokens.targetButtonColorActive, buttonTokens.buttonBackgroundColor, tokens.targetButtonBackgroundColor, buttonTokens.buttonBackgroundColorHover, tokens.targetButtonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, tokens.targetButtonBackgroundColorActive, buttonTokens.buttonRightContentMargin, tokens.targetButtonArrowMargin, buttonTokens.buttonHeight, tokens.targetHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetButtonPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");text-align:left;"], buttonTokens.buttonColor, tokens.targetButtonColor, buttonTokens.buttonColorHover, tokens.targetButtonColorHover, buttonTokens.buttonColorActive, tokens.targetButtonColorActive, buttonTokens.buttonBackgroundColor, tokens.targetButtonBackgroundColor, buttonTokens.buttonBackgroundColorHover, tokens.targetButtonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive, tokens.targetButtonBackgroundColorActive, buttonTokens.buttonRightContentMargin, tokens.targetButtonArrowMargin, buttonTokens.buttonHeight, function (_ref) {
+  var renderTarget = _ref.renderTarget;
+  return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
+}, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetButtonPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor);
 export var IconArrowWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-1"
 })(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], tokens.targetButtonArrowColor, tokens.targetButtonArrowColorHover, tokens.targetButtonArrowColorActive);
@@ -17,7 +20,7 @@ export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withCon
 })(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"]);
 export var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-3"
-})(["display:inline;.", "::before{box-shadow:none !important;}"], classes.selectWithoutBoxShadow);
+})(["display:inline;.", "::before{box-shadow:none !important;}.", "{transform:rotate(-180deg);}"], classes.selectWithoutBoxShadow, classes.arrowInverse);
 export var Label = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-38cqi1-4"
-})(["display:inline;width:100%;text-align:left;", " .", "{transform:rotate(-180deg);}"], /*#__PURE__*/applyEllipsis(), classes.arrowInverse);
+})(["display:inline;width:100%;text-align:left;", ""], /*#__PURE__*/applyEllipsis());

package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -49,8 +49,6 @@ var getLabel = function getLabel(_ref) {
 export var Textfield = function Textfield(_ref2) {
   var opened = _ref2.opened,
     value = _ref2.value,
-    isTargetAmount = _ref2.isTargetAmount,
-    multiselect = _ref2.multiselect,
     valueToItemMap = _ref2.valueToItemMap,
     onChipClick = _ref2.onChipClick,
     label = _ref2.label,
@@ -63,7 +61,8 @@ export var Textfield = function Textfield(_ref2) {
     disabled = _ref2.disabled,
     renderValue = _ref2.renderValue,
     focusedPath = _ref2.focusedPath,
-    focusedToValueMap = _ref2.focusedToValueMap;
+    focusedToValueMap = _ref2.focusedToValueMap,
+    selectProps = _ref2.selectProps;
   var withArrowInverse = opened ? classes.arrowInverse : undefined;
   var getActiveDescendant = function getActiveDescendant() {
     var _focusedToValueMap$ge;
@@ -84,19 +83,20 @@ export var Textfield = function Textfield(_ref2) {
     "aria-controls": "tree_level_1",
     "aria-expanded": opened,
     "aria-activedescendant": getActiveDescendant(),
-    "aria-label": label
-  }, /*#__PURE__*/React.createElement(Wrapper, null, contentLeft && (!multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
+    "aria-label": label,
+    renderTarget: Boolean(selectProps.renderTarget)
+  }, /*#__PURE__*/React.createElement(Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && (!selectProps.multiselect || isEmpty(value)) && /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(ChipWrapper, null, getLabel({
     value: value,
-    isTargetAmount: isTargetAmount,
     valueToItemMap: valueToItemMap,
     onChipClick: onChipClick,
-    label: label,
-    placeholder: placeholder,
     focusedChipIndex: focusedChipIndex,
+    label: label,
     labelPlacement: labelPlacement,
-    size: size,
-    renderValue: renderValue
-  })), /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
+    placeholder: placeholder,
+    isTargetAmount: selectProps.isTargetAmount,
+    renderValue: renderValue,
+    size: size
+  }))), /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
     size: sizeToIconSize(size),
     color: "inherit",
     className: cx(classes.selectTargetArrow, withArrowInverse)

package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -18,7 +18,10 @@ export var TextfieldWrapper = /*#__PURE__*/styled.div.withConfig({
 }, classes.selectWithoutBoxShadow);
 export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
   componentId: "plasma-new-hope__sc-1akl2tk-1"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");", ""], buttonTokens.buttonColor, constants.textfieldTargetColor, buttonTokens.buttonColorHover, constants.textfieldTargetColor, buttonTokens.buttonColorActive, constants.textfieldTargetColor, buttonTokens.buttonHeight, tokens.targetHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor, constants.textfieldBorderSize, tokens.targetTextfieldBorderColor, /*#__PURE__*/addFocus({
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], buttonTokens.buttonColor, constants.textfieldTargetColor, buttonTokens.buttonColorHover, constants.textfieldTargetColor, buttonTokens.buttonColorActive, constants.textfieldTargetColor, buttonTokens.buttonHeight, function (_ref3) {
+  var renderTarget = _ref3.renderTarget;
+  return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
+}, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor, constants.textfieldBorderSize, tokens.targetTextfieldBorderColor, /*#__PURE__*/addFocus({
   outlineOffset: constants.textfieldBorderSize,
   outlineSize: constants.focusSize,
   outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.borderRadius, ") - ").concat(constants.textfieldBorderSize, ")"),

package/styled-components/es/components/Select/utils/getButtonLabel.js

@@ -1,31 +1,30 @@
 import { isEmpty } from '../../../utils';
 var getLabel = function getLabel(_ref) {
-  var renderValue = _ref.renderValue,
-    value = _ref.value,
-    valueToItemMap = _ref.valueToItemMap;
+  var value = _ref.value,
+    valueToItemMap = _ref.valueToItemMap,
+    renderValue = _ref.renderValue;
   var _ref2 = valueToItemMap.get(value === null || value === void 0 ? void 0 : value.toString()),
     label = _ref2.label;
   return renderValue ? renderValue(value, label) : label;
 };
 export var getButtonLabel = function getButtonLabel(_ref3) {
   var value = _ref3.value,
-    label = _ref3.label,
-    isTargetAmount = _ref3.isTargetAmount,
-    multiselect = _ref3.multiselect,
     valueToItemMap = _ref3.valueToItemMap,
-    renderValue = _ref3.renderValue;
+    label = _ref3.label,
+    renderValue = _ref3.renderValue,
+    selectProps = _ref3.selectProps;
   if (isEmpty(value)) {
-    return label;
+    return label || '';
   }
-  if (multiselect && isTargetAmount) {
+  if (selectProps.multiselect && selectProps.isTargetAmount) {
     return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
   }
-  if (multiselect && Array.isArray(value)) {
-    return value.map(function (itemValue) {
+  if (selectProps.multiselect && Array.isArray(value)) {
+    return value === null || value === void 0 ? void 0 : value.map(function (itemValue) {
       return getLabel({
-        renderValue: renderValue,
         value: itemValue,
-        valueToItemMap: valueToItemMap
+        valueToItemMap: valueToItemMap,
+        renderValue: renderValue
       });
     }).join(', ');
   }

package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js

@@ -7,8 +7,8 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") var(", ");", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--surface-clear);", ":none;", ":0;", ":var(", ");"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft, accordionTokens.accordionItemPaddingHorizontal),
-      clear: /*#__PURE__*/css(["", ":0;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.125rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
+      "default": /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") var(", ");", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--surface-clear);", ":none;", ":0;", ":var(", ");"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemFocus, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft, accordionTokens.accordionItemPaddingHorizontal),
+      clear: /*#__PURE__*/css(["", ":0;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.125rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
     },
     size: {
       l: /*#__PURE__*/css(["", ":1.0625rem;", ":1.25rem;", ":0.5rem;", ":0.875rem;", ":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-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":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-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),

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

@@ -0,0 +1,19 @@
+import { css } from 'styled-components';
+import { breadcrumbsTokens } from '../../../../components/Breadcrumbs';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":0.4;", ":var(--surface-accent);"], breadcrumbsTokens.breadcrumbsColor, breadcrumbsTokens.breadcrumbsOpacity, breadcrumbsTokens.breadcrumbsFocusOutlineColor)
+    },
+    size: {
+      l: /*#__PURE__*/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);"], breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight),
+      m: /*#__PURE__*/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);"], breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight),
+      s: /*#__PURE__*/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);"], breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight),
+      xs: /*#__PURE__*/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);"], breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight)
+    }
+  }
+};

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

@@ -0,0 +1,5 @@
+import { breadcrumbsConfig } from '../../../../components/Breadcrumbs';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './Breadcrumbs.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(breadcrumbsConfig, config);
+export var Breadcrumbs = /*#__PURE__*/component(mergedConfig);

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

@@ -0,0 +1,42 @@
+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/es/examples/plasma_web/components/Accordion/Accordion.config.js

@@ -7,8 +7,8 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") var(", ");", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--surface-clear);", ":none;", ":0;", ":var(", ");"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft, accordionTokens.accordionItemPaddingHorizontal),
-      clear: /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.125rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
+      "default": /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") var(", ");", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--surface-clear);", ":none;", ":0;", ":var(", ");"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemFocus, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft, accordionTokens.accordionItemPaddingHorizontal),
+      clear: /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.125rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
     },
     size: {
       l: /*#__PURE__*/css(["", ":1.0625rem;", ":1.25rem;", ":0.5rem;", ":0.875rem;", ":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-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":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-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),

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

@@ -0,0 +1,19 @@
+import { css } from 'styled-components';
+import { breadcrumbsTokens } from '../../../../components/Breadcrumbs';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":0.4;", ":var(--surface-accent);"], breadcrumbsTokens.breadcrumbsColor, breadcrumbsTokens.breadcrumbsOpacity, breadcrumbsTokens.breadcrumbsFocusOutlineColor)
+    },
+    size: {
+      l: /*#__PURE__*/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);"], breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight),
+      m: /*#__PURE__*/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);"], breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight),
+      s: /*#__PURE__*/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);"], breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight),
+      xs: /*#__PURE__*/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);"], breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight)
+    }
+  }
+};

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

@@ -0,0 +1,5 @@
+import { breadcrumbsConfig } from '../../../../components/Breadcrumbs';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './Breadcrumbs.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(breadcrumbsConfig, config);
+export var Breadcrumbs = /*#__PURE__*/component(mergedConfig);

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

@@ -0,0 +1,42 @@
+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/index.js

@@ -7,6 +7,7 @@ export * from './utils';
 export * from './components/Button';
 export * from './components/IconButton';
 export * from './components/ButtonGroup';
+export * from './components/Breadcrumbs';
 export * from './components/Chip';
 export * from './components/Cell';
 export * from './components/Link';

package/types/components/Accordion/Accordion.tokens.d.ts

@@ -23,7 +23,6 @@ export declare const tokens: {
     accordionItemFocus: string;
     accordionItemBorder: string;
     accordionItemBorderBottom: string;
-    accordionItemIconColor: string;
     accordionItemTitleColor: string;
     accordionItemTitleFontFamily: string;
     accordionItemTitleFontSize: string;

package/types/components/Accordion/Accordion.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgClB,CAAC"}
+{"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BlB,CAAC"}

package/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { RootProps } from '../../engines';
+import type { BreadcrumbsProps } from './Breadcrumbs.types';
+export declare const breadcrumbsRoot: (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    view?: string | undefined;
+    size?: string | undefined;
+    separator?: React.ReactNode;
+    items: import("./Breadcrumbs.types").BreadcrumbsItem[];
+    showItems?: number | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const breadcrumbsConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        view?: string | undefined;
+        size?: string | undefined;
+        separator?: React.ReactNode;
+        items: import("./Breadcrumbs.types").BreadcrumbsItem[];
+        showItems?: number | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=Breadcrumbs.d.ts.map

package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;wCAa5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAfQ,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;CAgChF,CAAC"}

package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const StyledLink: import("@linaria/react").StyledComponent<{
+    isHref: boolean;
+} & import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("../Link/Link").LinkCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const base: import("@linaria/core").LinariaClassName;
+export declare const Separator: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps>;
+//# sourceMappingURL=Breadcrumbs.styles.d.ts.map

package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU;YAA0B,OAAO;0OASvD,CAAC;AAEF,eAAO,MAAM,IAAI,0CAahB,CAAC;AAEF,eAAO,MAAM,SAAS,iGAGrB,CAAC"}

package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts

@@ -0,0 +1,16 @@
+export declare const classes: {
+    breadcrumbsRoot: string;
+};
+export declare const tokens: {
+    breadcrumbsGap: string;
+    breadcrumbsOpacity: string;
+    breadcrumbsFocusOutlineColor: string;
+    breadcrumbsColor: string;
+    breadcrumbsFontFamily: string;
+    breadcrumbsFontSize: string;
+    breadcrumbsFontStyle: string;
+    breadcrumbsFontWeight: string;
+    breadcrumbsLetterSpacing: string;
+    breadcrumbsLineHeight: string;
+};
+//# sourceMappingURL=Breadcrumbs.tokens.d.ts.map

package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;CAYlB,CAAC"}

package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -0,0 +1,38 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export declare type BreadcrumbsItem = {
+    /**
+     * Ссылка на страницу ( если не указана, то ссылка не кликабельна )
+     */
+    href?: string;
+    /**
+     * Элемент заголовка
+     */
+    title: string;
+} | {
+    /**
+     * Функция рендера элемента
+     */
+    renderItem: () => ReactNode;
+};
+declare type Breadcrumbs = {
+    view?: string;
+    /**
+     * Размер компонента
+     */
+    size?: string;
+    /**
+     * Элемент разделителя
+     */
+    separator?: ReactNode;
+    /**
+     * Элементы Breadcrumbs
+     */
+    items: BreadcrumbsItem[];
+    /**
+     * Количество показываемых элементов - все остальные сокращаются
+     */
+    showItems?: number;
+};
+export declare type BreadcrumbsProps = HTMLAttributes<HTMLDivElement> & Breadcrumbs;
+export {};
+//# sourceMappingURL=Breadcrumbs.types.d.ts.map

package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,oBAAY,eAAe,GACrB;IACI;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB,GACD;IACI;;OAEG;IACH,UAAU,EAAE,MAAM,SAAS,CAAC;CAC/B,CAAC;AAER,aAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,eAAe,EAAE,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,CAAC"}

package/types/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,4 @@
+export { breadcrumbsRoot, breadcrumbsConfig } from './Breadcrumbs';
+export type { BreadcrumbsProps } from './Breadcrumbs.types';
+export { tokens as breadcrumbsTokens, classes as breadcrumbsClasses } from './Breadcrumbs.tokens';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Breadcrumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACnE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts

@@ -0,0 +1,4 @@
+import React, { HTMLAttributes } from 'react';
+import { BreadcrumbShorterProps } from './BreadcrumbShorter.types';
+export declare const BreadcrumbShorter: React.FC<HTMLAttributes<HTMLDivElement> & BreadcrumbShorterProps>;
+//# sourceMappingURL=BreadcrumbShorter.d.ts.map

package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbShorter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAsC,MAAM,OAAO,CAAC;AAKlF,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,sBAAsB,CA0B/F,CAAC"}

package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledShorter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHidden: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=BreadcrumbShorter.styles.d.ts.map

package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbShorter.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,oEAAe,CAAC;AACvC,eAAO,MAAM,aAAa,oEAQzB,CAAC;AACF,eAAO,MAAM,YAAY,oEAIxB,CAAC"}

package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+declare type CustomBreadcrumbShorterProps = {
+    children: ReactNode[];
+    separator: ReactNode;
+};
+export declare type BreadcrumbShorterProps = CustomBreadcrumbShorterProps & HTMLAttributes<HTMLDivElement>;
+export {};
+//# sourceMappingURL=BreadcrumbShorter.types.d.ts.map

package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbShorter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,aAAK,4BAA4B,GAAG;IAChC,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,oBAAY,sBAAsB,GAAG,4BAA4B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}

package/types/components/Breadcrumbs/utils/index.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+import { BreadcrumbsItem } from '../Breadcrumbs.types';
+export declare const shortItems: (items: ReactNode[], renderSeparator: ReactNode, showItems?: number | undefined) => React.ReactNode[];
+export declare const convertIconSize: (size?: string | undefined) => "s" | "xs";
+export declare const getRenderItems: (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number | undefined) => React.ReactNode[];
+export declare const addSeparator: (items: ReactNode[], renderSeparator: ReactNode) => React.ReactNode[];
+//# sourceMappingURL=index.d.ts.map

package/types/components/Breadcrumbs/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,UAAU,UAAW,SAAS,EAAE,mBAAmB,SAAS,sDAYxE,CAAC;AAEF,eAAO,MAAM,eAAe,2CAQ3B,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,eAAe,EAAE,mBAAmB,SAAS,sDAiBlF,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,SAAS,EAAE,mBAAmB,SAAS,sBAE1E,CAAC"}

package/types/components/Breadcrumbs/variations/_size/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Breadcrumbs/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/Breadcrumbs/variations/_view/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Breadcrumbs/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/Button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU,uKAWtB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAQvB,CAAC;AAGF,eAAO,MAAM,QAAQ;oBAAgC,MAAM;;EAO1D,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAG7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAGF,eAAO,MAAM,WAAW,QA6FvB,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU,uKAWtB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAQvB,CAAC;AAGF,eAAO,MAAM,QAAQ;oBAAgC,MAAM;;EAO1D,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAI9B,CAAC;AAEF,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAGF,eAAO,MAAM,WAAW,QA6FvB,CAAC"}

package/types/components/Button/Button.tokens.d.ts

@@ -29,7 +29,9 @@ export declare const tokens: {
     buttonLetterSpacing: string;
     buttonLineHeight: string;
     buttonLeftContentMargin: string;
+    buttonLeftContentAlignSelf: string;
     buttonRightContentMargin: string;
+    buttonRightContentAlignSelf: string;
     buttonValueMargin: string;
     buttonDisabledOpacity: string;
     buttonFocusColor: string;

package/types/components/Button/Button.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClB,CAAC"}
+{"version":3,"file":"Button.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmClB,CAAC"}