@consta/uikit 5.16.0 → 5.18.0

package/__internal__/src/components/Steps/types.d.ts

@@ -1,34 +1,34 @@
-/// <reference types="react" />
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const stepsSizes: readonly ["m", "s", "l"];
-export declare type StepsPropSize = typeof stepsSizes[number];
-export declare const stepsDefaultSize: StepsPropSize;
-export declare type StepsPropOnChange<ITEM> = (value: ITEM, props: {
-    e: React.MouseEvent;
-}) => void;
-export declare type StepsPropGetLabel<ITEM> = (item: ITEM) => string;
-export declare type StepsPropGetDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type StepsPropGetSkipped<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type StepsPropGetCompleted<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type StepsItemDefault = {
-    label: string;
-    disabled?: boolean;
-    skipped?: boolean;
-    completed?: boolean;
-};
-export declare type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<{
-    size?: StepsPropSize;
-    items: ITEM[];
-    value: ITEM;
-    getItemLabel?: StepsPropGetLabel<ITEM>;
-    getItemDisabled?: StepsPropGetDisabled<ITEM>;
-    getItemCompleted?: StepsPropGetCompleted<ITEM>;
-    getItemSkipped?: StepsPropGetSkipped<ITEM>;
-    onChange: StepsPropOnChange<ITEM>;
-    className?: string;
-}, HTMLDivElement> & (ITEM extends {
-    label: StepsItemDefault['label'];
-} ? {} : {
-    getItemLabel: StepsPropGetLabel<ITEM>;
-});
-export declare type StepsComponent = <ITEM>(props: StepsProps<ITEM>) => React.ReactElement | null;
+/// <reference types="react" />
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const stepsSizes: readonly ["m", "s", "l"];
+export declare type StepsPropSize = typeof stepsSizes[number];
+export declare const stepsDefaultSize: StepsPropSize;
+export declare type StepsPropOnChange<ITEM> = (value: ITEM, props: {
+    e: React.MouseEvent;
+}) => void;
+export declare type StepsPropGetLabel<ITEM> = (item: ITEM) => string;
+export declare type StepsPropGetDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type StepsPropGetSkipped<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type StepsPropGetCompleted<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type StepsItemDefault = {
+    label: string;
+    disabled?: boolean;
+    skipped?: boolean;
+    completed?: boolean;
+};
+export declare type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    size?: StepsPropSize;
+    items: ITEM[];
+    value: ITEM;
+    getItemLabel?: StepsPropGetLabel<ITEM>;
+    getItemDisabled?: StepsPropGetDisabled<ITEM>;
+    getItemCompleted?: StepsPropGetCompleted<ITEM>;
+    getItemSkipped?: StepsPropGetSkipped<ITEM>;
+    onChange: StepsPropOnChange<ITEM>;
+    className?: string;
+}, HTMLDivElement> & (ITEM extends {
+    label: StepsItemDefault['label'];
+} ? {} : {
+    getItemLabel: StepsPropGetLabel<ITEM>;
+});
+export declare type StepsComponent = <ITEM>(props: StepsProps<ITEM>) => React.ReactElement | null;

package/__internal__/src/components/StepsCanary/Steps.css

@@ -0,0 +1 @@
+.canary--Steps{--steps-item-width:var(--steps-item-width-prop,auto);align-items:center;display:flex;gap:var(--space-xs);max-width:100%;width:-moz-max-content;width:max-content}.canary--Steps_size_s{--steps-list-gap:var(--space-xs);--steps-item-badge-margin-top:calc(var(--space-3xs)/2)}.canary--Steps_size_m{--steps-list-gap:var(--space-s);--steps-item-badge-margin-top:var(--space-3xs)}.canary--Steps_size_l{--steps-list-gap:var(--space-m);--steps-item-badge-margin-top:var(--space-3xs)}.canary--Steps-List{display:grid;flex:1;gap:var(--space-xs) var(--steps-list-gap);grid-auto-flow:column;grid-template:auto auto/repeat(var(--steps-items-length),var(--steps-item-width));overflow-x:scroll;overflow-y:visible}.canary--Steps-Item{max-width:var(--steps-item-max-width-prop)}.canary--Steps-ScrollButton{flex:none}.canary--Steps-ScrollButton_position_right .Button-Icon{transform:rotate(180deg)}

package/__internal__/src/components/StepsCanary/StepsCanary.d.ts

@@ -0,0 +1,5 @@
+import './Steps.css';
+import { StepsComponent } from './types';
+export declare const cnSteps: import("@bem-react/classname").ClassNameFormatter;
+export declare const Steps: StepsComponent;
+export * from './types';

package/__internal__/src/components/StepsCanary/StepsCanary.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","value","getItemLabel","getItemDisabled","getItemIcon","getItemStatus","getItemDescription","onChange","className","style","withNumber","labelWordWrap","fitMode"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Steps.css";import{IconArrowLeft}from"@consta/icons/IconArrowLeft";import React,{forwardRef,useCallback,useEffect,useRef}from"react";import{Button}from"../Button";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{useMutableRef}from"../../hooks/useMutableRef";import{useOverflow}from"../../hooks/useOverflow/useOverflow";import{useScrollElements}from"../../hooks/useScrollElements/useScrollElements";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{cnCanary}from"../../utils/bem";import{withDefaultGetters}from"./helper";import{StepsStep}from"./StepsItem";export var cnSteps=cnCanary("Steps");var StepsRender=function(a,b){var c=withDefaultGetters(a),d=c.size,e=void 0===d?"m":d,f=c.items,g=c.value,h=c.getItemLabel,i=c.getItemDisabled,j=c.getItemIcon,k=c.getItemStatus,l=c.getItemDescription,m=c.onChange,n=c.className,o=c.style,p=c.withNumber,q=c.labelWordWrap,r=c.fitMode,s=void 0===r?"scroll":r,t=_objectWithoutProperties(c,_excluded),u=useRef(null),v=useScrollElements(f,u),w=v.refs,x=v.scrollTo,y=useChoiceGroup({value:g,getKey:h,callBack:m,multiple:!1}),z=y.getOnChange,A=y.getChecked,B=f.findIndex(A),C=useMutableRef([B,z,i]),D=useOverflow({currentRef:u})&&"scrollWithButtons"===s,E=useCallback(function(a){var b=_slicedToArray(C.current,3),c=b[0],d=b[1],e=b[2],g=c-1;0<=g&&!e(f[g])&&(null===d||void 0===d?void 0:d(f[g])(a))},[]),F=useCallback(function(a){var b=_slicedToArray(C.current,3),c=b[0],d=b[1],e=b[2],g=c+1;g<=f.length-1&&!e(f[g])&&(null===d||void 0===d?void 0:d(f[g])(a))},[]);return useEffect(function(){x(B)},[B]),React.createElement("div",Object.assign({},t,{ref:b,className:cnSteps({size:e},[n]),style:_objectSpread(_objectSpread({},o),{},_defineProperty({},"--steps-items-length",f.length))}),D&&React.createElement(Button,{className:cnSteps("ScrollButton",{position:"left"}),iconLeft:IconArrowLeft,view:"clear",onlyIcon:!0,size:"xs",type:"button",onClick:E}),React.createElement("div",{ref:u,className:cnSteps("List",[cnMixScrollBar({invisible:!0})])},f.map(function(a,b){return React.createElement(StepsStep,{key:b,ref:w[b],className:cnSteps("Item"),label:h(a),number:b+1,withNumber:p,size:e,active:B===b,onChange:z(a),disabled:i(a),status:k(a),description:l(a),labelWordWrap:q,icon:j(a)})})),D&&React.createElement(Button,{className:cnSteps("ScrollButton",{position:"right"}),iconLeft:IconArrowLeft,view:"clear",onlyIcon:!0,size:"xs",type:"button",onClick:F}))};export var Steps=forwardRef(StepsRender);export*from"./types";
+//# sourceMappingURL=StepsCanary.js.map

package/__internal__/src/components/StepsCanary/StepsCanary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsCanary.js","names":["IconArrowLeft","React","forwardRef","useCallback","useEffect","useRef","Button","useChoiceGroup","useMutableRef","useOverflow","useScrollElements","cnMixScrollBar","cnCanary","withDefaultGetters","StepsStep","cnSteps","StepsRender","props","ref","size","items","value","getItemLabel","getItemDisabled","getItemIcon","getItemStatus","getItemDescription","onChange","className","style","withNumber","labelWordWrap","fitMode","otherProps","listRef","refs","scrollTo","getKey","callBack","multiple","getOnChange","getChecked","activeStep","findIndex","mutableRefs","isOverflow","currentRef","toPrevStep","e","current","currentStep","getDisabled","nextStep","toNextStep","prevStep","length","position","invisible","map","item","index","Steps"],"sources":["../../../../../src/components/StepsCanary/StepsCanary.tsx"],"sourcesContent":["import './Steps.css';\n\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport React, { forwardRef, useCallback, useEffect, useRef } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { useChoiceGroup } from '##/hooks/useChoiceGroup/useChoiceGroup';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useOverflow } from '##/hooks/useOverflow/useOverflow';\nimport { useScrollElements } from '##/hooks/useScrollElements/useScrollElements';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helper';\nimport { StepsStep } from './StepsItem';\nimport { StepsComponent, StepsProps } from './types';\n\nexport const cnSteps = cnCanary('Steps');\n\nconst StepsRender = (props: StepsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    size = 'm',\n    items,\n    value,\n    getItemLabel,\n    getItemDisabled,\n    getItemIcon,\n    getItemStatus,\n    getItemDescription,\n    onChange,\n    className,\n    style,\n    withNumber,\n    labelWordWrap,\n    fitMode = 'scroll',\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const listRef = useRef<HTMLDivElement>(null);\n  const { refs, scrollTo } = useScrollElements(items, listRef);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getItemLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  const activeStep = items.findIndex(getChecked);\n\n  const mutableRefs = useMutableRef([\n    activeStep,\n    getOnChange,\n    getItemDisabled,\n  ] as const);\n\n  const isOverflow =\n    useOverflow({ currentRef: listRef }) && fitMode === 'scrollWithButtons';\n\n  const toPrevStep = useCallback((e: React.MouseEvent) => {\n    const [currentStep, getOnChange, getDisabled] = mutableRefs.current;\n    const nextStep = currentStep - 1;\n\n    if (nextStep >= 0) {\n      !getDisabled(items[nextStep]) && getOnChange?.(items[nextStep])(e);\n    }\n  }, []);\n\n  const toNextStep = useCallback((e: React.MouseEvent) => {\n    const [currentStep, getOnChange, getDisabled] = mutableRefs.current;\n    const prevStep = currentStep + 1;\n\n    if (prevStep <= items.length - 1) {\n      !getDisabled(items[prevStep]) && getOnChange?.(items[prevStep])(e);\n    }\n  }, []);\n\n  useEffect(() => {\n    scrollTo(activeStep);\n  }, [activeStep]);\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnSteps({ size }, [className])}\n      style={{\n        ...style,\n        ['--steps-items-length' as string]: items.length,\n      }}\n    >\n      {isOverflow && (\n        <Button\n          className={cnSteps('ScrollButton', { position: 'left' })}\n          iconLeft={IconArrowLeft}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          onClick={toPrevStep}\n        />\n      )}\n      <div\n        ref={listRef}\n        className={cnSteps('List', [cnMixScrollBar({ invisible: true })])}\n      >\n        {items.map((item, index) => (\n          <StepsStep\n            key={index}\n            ref={refs[index] as React.RefObject<HTMLButtonElement>}\n            className={cnSteps('Item')}\n            label={getItemLabel(item)}\n            number={index + 1}\n            withNumber={withNumber}\n            size={size}\n            active={activeStep === index}\n            onChange={getOnChange(item)}\n            disabled={getItemDisabled(item)}\n            status={getItemStatus(item)}\n            description={getItemDescription(item)}\n            labelWordWrap={labelWordWrap}\n            icon={getItemIcon(item)}\n          />\n        ))}\n      </div>\n      {isOverflow && (\n        <Button\n          className={cnSteps('ScrollButton', { position: 'right' })}\n          iconLeft={IconArrowLeft}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          onClick={toNextStep}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const Steps = forwardRef(StepsRender) as StepsComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/StepsCanary/StepsItem/StepsItem.css

@@ -0,0 +1 @@
+.canary--StepsItem{--steps-item-text-color:var(--color-typo-secondary);--steps-item-badge-bg-color:var(--color-bg-secondary);--steps-item-badge-text-color:var(--color-typo-secondary);--steps-item-line-color:var(--color-bg-border);--steps-item-cursor:pointer;display:contents}.canary--StepsItem_active{--steps-item-text-color:var(--color-typo-primary);--steps-item-cursor:auto;--steps-item-line-color:var(--color-control-bg-primary)}.canary--StepsItem_active.canary--StepsItem_status_error{--steps-item-line-color:var(--color-bg-alert)}.canary--StepsItem_active.canary--StepsItem_status_resolved{--steps-item-line-color:var(--color-control-bg-primary)}.canary--StepsItem_disabled{--steps-item-text-color:var(--color-control-typo-disable);--steps-item-badge-bg-color:var(--color-control-bg-disable);--steps-item-badge-text-color:var(--color-control-typo-disable);--steps-item-line-color:var(--color-control-bg-disable);--steps-item-cursor:no-drop}.canary--StepsItem:not(.canary--StepsItem_disabled,.canary--StepsItem_active) .canary--StepsItem-Button:focus,.canary--StepsItem:not(.canary--StepsItem_disabled,.canary--StepsItem_active) .canary--StepsItem-Button:hover{--steps-item-text-color:var(--color-control-typo-secondary-hover)}.canary--StepsItem-Button{background-color:transparent;border:none;color:var(--steps-item-text-color);cursor:var(--steps-item-cursor);margin:0;max-width:var(--steps-item-max-width);min-width:var(--steps-item-min-width);padding:0;text-align:left;text-decoration:none;text-indent:0}.canary--StepsItem-Badge{--badge-bg-color-prop:var(--steps-item-badge-bg-color);--badge-text-color-prop:var(--steps-item-badge-text-color);flex:none;margin-top:var(--steps-item-badge-margin-top)}.canary--StepsItem-Badge_active:not(.canary--StepsItem-Badge_disabled){--steps-item-badge-bg-color:var(--color-control-bg-primary);--steps-item-badge-text-color:var(--color-typo-primary)}.canary--StepsItem-Badge_status_error:not(.canary--StepsItem-Badge_disabled){--steps-item-badge-bg-color:var(--color-bg-alert);--steps-item-badge-text-color:var(--color-typo-primary)}.canary--StepsItem-Badge_status_resolved:not(.canary--StepsItem-Badge_disabled){--steps-item-badge-bg-color:var(--color-control-bg-primary);--steps-item-badge-text-color:var(--color-typo-primary)}.canary--StepsItem-Label:not(.canary--StepsItem-Label_wordWrap){white-space:nowrap}.canary--StepsItem:after{background-color:var(--steps-item-line-color);border-radius:99em;content:"";height:var(--space-3xs)}

package/__internal__/src/components/StepsCanary/StepsItem/StepsItem.d.ts

@@ -0,0 +1,21 @@
+import './StepsItem.css';
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { StepItemStatus, StepsPropSize } from '../StepsCanary';
+export declare const cnStepsStep: import("@bem-react/classname").ClassNameFormatter;
+declare type Props = {
+    size: StepsPropSize;
+    label: string;
+    number?: number;
+    active?: boolean;
+    disabled?: boolean;
+    status?: StepItemStatus;
+    onChange: React.MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+    icon?: IconComponent;
+    description?: string;
+    withNumber?: boolean;
+    labelWordWrap?: boolean;
+};
+export declare const StepsStep: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/__internal__/src/components/StepsCanary/StepsItem/StepsItem.js

@@ -0,0 +1,2 @@
+import"./StepsItem.css";import React from"react";import{Badge}from"../../Badge";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{cnCanary}from"../../../utils/bem";export var cnStepsStep=cnCanary("StepsItem");var badgeSizeMap={s:"xs",m:"s",l:"s"},descriptionSizeMap={s:"2xs",m:"xs",l:"s"};export var StepsStep=React.forwardRef(function(a,b){var c=a.size,d=a.label,e=a.active,f=void 0!==e&&e,g=a.disabled,h=void 0!==g&&g,i=a.status,j=a.onChange,k=a.number,l=a.icon,m=a.description,n=a.withNumber,o=a.className,p=a.labelWordWrap;return React.createElement("div",{className:cnStepsStep({size:c,active:f,disabled:h,status:i,withIcon:!!l},[o])},React.createElement("button",{ref:b,className:cnStepsStep("Button",[cnMixFlex({flex:"flex",gap:"xs"})]),type:"button",title:d,onClick:function clickHandler(a){f||h||(null===j||void 0===j?void 0:j(a))},disabled:h,tabIndex:h||f?-1:void 0},n&&React.createElement(Badge,{className:cnStepsStep("Badge",{status:i,active:f,disabled:h}),as:"span",iconLeft:l,label:l||null===k||void 0===k?void 0:k.toString(),size:badgeSizeMap[c],form:"round"}),React.createElement("div",{className:cnMixFlex({flex:"flex",gap:"2xs",direction:"column"})},React.createElement(Text,{as:"div",className:cnStepsStep("Label",{wordWrap:p},[cnMixFlex({flex:"flex",gap:"xs"})]),size:c,lineHeight:"m"},d),m&&React.createElement(Text,{className:cnStepsStep("Description"),size:descriptionSizeMap[c],lineHeight:"m"},m))))});
+//# sourceMappingURL=StepsItem.js.map

package/__internal__/src/components/StepsCanary/StepsItem/StepsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsItem.js","names":["React","Badge","Text","cnMixFlex","cnCanary","cnStepsStep","badgeSizeMap","s","m","l","descriptionSizeMap","StepsStep","forwardRef","props","ref","size","label","active","disabled","status","onChange","number","icon","description","withNumber","className","labelWordWrap","withIcon","flex","gap","clickHandler","e","toString","direction","wordWrap"],"sources":["../../../../../../src/components/StepsCanary/StepsItem/StepsItem.tsx"],"sourcesContent":["import './StepsItem.css';\n\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Badge, BadgePropSize } from '##/components/Badge';\nimport { Text, TextPropSize } from '##/components/Text';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnCanary } from '##/utils/bem';\n\nimport { StepItemStatus, StepsPropSize } from '../StepsCanary';\n\nexport const cnStepsStep = cnCanary('StepsItem');\n\ntype Props = {\n  size: StepsPropSize;\n  label: string;\n  number?: number;\n  active?: boolean;\n  disabled?: boolean;\n  status?: StepItemStatus;\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  className?: string;\n  icon?: IconComponent;\n  description?: string;\n  withNumber?: boolean;\n  labelWordWrap?: boolean;\n};\n\nconst badgeSizeMap: Record<StepsPropSize, BadgePropSize> = {\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nconst descriptionSizeMap: Record<StepsPropSize, TextPropSize> = {\n  s: '2xs',\n  m: 'xs',\n  l: 's',\n};\n\nexport const StepsStep = React.forwardRef<HTMLButtonElement, Props>(\n  (props, ref) => {\n    const {\n      size,\n      label,\n      active = false,\n      disabled = false,\n      status,\n      onChange,\n      number,\n      icon,\n      description,\n      withNumber,\n      className,\n      labelWordWrap,\n    } = props;\n\n    const clickHandler = (e: React.MouseEvent<HTMLButtonElement>) => {\n      !active && !disabled && onChange?.(e);\n    };\n\n    return (\n      <div\n        className={cnStepsStep(\n          { size, active, disabled, status, withIcon: !!icon },\n          [className],\n        )}\n      >\n        <button\n          ref={ref}\n          className={cnStepsStep('Button', [\n            cnMixFlex({ flex: 'flex', gap: 'xs' }),\n          ])}\n          type=\"button\"\n          title={label}\n          onClick={clickHandler}\n          disabled={disabled}\n          tabIndex={disabled || active ? -1 : undefined}\n        >\n          {withNumber && (\n            <Badge\n              className={cnStepsStep('Badge', { status, active, disabled })}\n              as=\"span\"\n              iconLeft={icon}\n              label={icon ? undefined : number?.toString()}\n              size={badgeSizeMap[size]}\n              form=\"round\"\n            />\n          )}\n          <div\n            className={cnMixFlex({\n              flex: 'flex',\n              gap: '2xs',\n              direction: 'column',\n            })}\n          >\n            <Text\n              as=\"div\"\n              className={cnStepsStep('Label', { wordWrap: labelWordWrap }, [\n                cnMixFlex({ flex: 'flex', gap: 'xs' }),\n              ])}\n              size={size}\n              lineHeight=\"m\"\n            >\n              {label}\n            </Text>\n            {description && (\n              <Text\n                className={cnStepsStep('Description')}\n                size={descriptionSizeMap[size]}\n                lineHeight=\"m\"\n              >\n                {description}\n              </Text>\n            )}\n          </div>\n        </button>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/StepsCanary/StepsItem/index.d.ts

@@ -0,0 +1 @@
+export * from './StepsItem';

package/__internal__/src/components/StepsCanary/StepsItem/index.js

@@ -0,0 +1,2 @@
+export*from"./StepsItem";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/StepsCanary/StepsItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/StepsCanary/StepsItem/index.ts"],"sourcesContent":["export * from './StepsItem';\n"],"mappings":"AAAA"}

package/__internal__/src/components/StepsCanary/helper.d.ts

@@ -0,0 +1,273 @@
+/// <reference types="react" />
+import { StepsItemDefault, StepsPropGetItemDescription, StepsPropGetItemDisabled, StepsPropGetItemIcon, StepsPropGetItemLabel, StepsPropGetItemStatus, StepsProps } from './types';
+export declare function withDefaultGetters(props: StepsProps): {
+    getItemLabel: StepsPropGetItemLabel<StepsItemDefault>;
+    getItemDisabled: StepsPropGetItemDisabled<StepsItemDefault>;
+    getItemStatus: StepsPropGetItemStatus<StepsItemDefault>;
+    getItemIcon: StepsPropGetItemIcon<StepsItemDefault>;
+    getItemDescription: StepsPropGetItemDescription<StepsItemDefault>;
+    items: StepsItemDefault[];
+    value: StepsItemDefault;
+    onChange: import("./types").StepsPropOnChange<StepsItemDefault>;
+    size?: import("./types").StepsPropSize | undefined;
+    className?: string | undefined;
+    withNumber?: boolean | undefined;
+    fitMode?: "scroll" | "scrollWithButtons" | undefined;
+    labelWordWrap?: boolean | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    children?: import("react").ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    key?: import("react").Key | null | undefined;
+};

package/__internal__/src/components/StepsCanary/helper.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}var defaultGetItemLabel=function(a){return a.label},defaultGetItemStatus=function(a){return a.status},defaultGetItemDisabled=function(a){return a.disabled},defaultGetItemIcon=function(a){return a.icon},defaultGetItemDescription=function(a){return a.description};export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemDisabled:a.getItemDisabled||defaultGetItemDisabled,getItemStatus:a.getItemStatus||defaultGetItemStatus,getItemIcon:a.getItemIcon||defaultGetItemIcon,getItemDescription:a.getItemDescription||defaultGetItemDescription})}
+//# sourceMappingURL=helper.js.map

package/__internal__/src/components/StepsCanary/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":["defaultGetItemLabel","item","label","defaultGetItemStatus","status","defaultGetItemDisabled","disabled","defaultGetItemIcon","icon","defaultGetItemDescription","description","withDefaultGetters","props","getItemLabel","getItemDisabled","getItemStatus","getItemIcon","getItemDescription"],"sources":["../../../../../src/components/StepsCanary/helper.ts"],"sourcesContent":["import {\n  StepsItemDefault,\n  StepsPropGetItemDescription,\n  StepsPropGetItemDisabled,\n  StepsPropGetItemIcon,\n  StepsPropGetItemLabel,\n  StepsPropGetItemStatus,\n  StepsProps,\n} from './types';\n\nconst defaultGetItemLabel: StepsPropGetItemLabel<StepsItemDefault> = (item) =>\n  item.label;\nconst defaultGetItemStatus: StepsPropGetItemStatus<StepsItemDefault> = (item) =>\n  item.status;\nconst defaultGetItemDisabled: StepsPropGetItemDisabled<StepsItemDefault> = (\n  item,\n) => item.disabled;\nconst defaultGetItemIcon: StepsPropGetItemIcon<StepsItemDefault> = (item) =>\n  item.icon;\nconst defaultGetItemDescription: StepsPropGetItemDescription<\n  StepsItemDefault\n> = (item) => item.description;\n\nexport function withDefaultGetters(props: StepsProps) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n    getItemStatus: props.getItemStatus || defaultGetItemStatus,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemDescription: props.getItemDescription || defaultGetItemDescription,\n  };\n}\n"],"mappings":"wqBAUMA,oBAA4D,CAAG,SAACC,CAAD,QACnEA,EAAI,CAACC,KAD8D,C,CAE/DC,oBAA8D,CAAG,SAACF,CAAD,QACrEA,EAAI,CAACG,MADgE,C,CAEjEC,sBAAkE,CAAG,SACzEJ,CADyE,QAEtEA,EAAI,CAACK,QAFiE,C,CAGrEC,kBAA0D,CAAG,SAACN,CAAD,QACjEA,EAAI,CAACO,IAD4D,C,CAE7DC,yBAEL,CAAG,SAACR,CAAD,QAAUA,EAAI,CAACS,WAAf,C,CAEJ,MAAO,SAASC,mBAAT,CAA4BC,CAA5B,CAA+C,CACpD,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBb,mBAFtC,CAGEc,eAAe,CAAEF,CAAK,CAACE,eAAN,EAAyBT,sBAH5C,CAIEU,aAAa,CAAEH,CAAK,CAACG,aAAN,EAAuBZ,oBAJxC,CAKEa,WAAW,CAAEJ,CAAK,CAACI,WAAN,EAAqBT,kBALpC,CAMEU,kBAAkB,CAAEL,CAAK,CAACK,kBAAN,EAA4BR,yBANlD,EAQD"}

package/__internal__/src/components/StepsCanary/index.d.ts

@@ -0,0 +1 @@
+export * from './StepsCanary';

package/__internal__/src/components/StepsCanary/index.js

@@ -0,0 +1,2 @@
+export*from"./StepsCanary";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/StepsCanary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/StepsCanary/index.ts"],"sourcesContent":["export * from './StepsCanary';\n"],"mappings":"AAAA"}

package/__internal__/src/components/StepsCanary/types.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { IconComponent } from '@consta/icons/Icon';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type StepsPropSize = 's' | 'm' | 'l';
+export declare type StepsPropOnChange<ITEM> = (value: ITEM, props: {
+    e: React.MouseEvent;
+}) => void;
+export declare type StepItemStatus = 'resolved' | 'error';
+export declare type StepsPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export declare type StepsPropGetItemDescription<ITEM> = (item: ITEM) => string | undefined;
+export declare type StepsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type StepsPropGetItemStatus<ITEM> = (item: ITEM) => StepItemStatus | undefined;
+export declare type StepsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type StepsItemDefault = {
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    status?: StepItemStatus;
+    icon?: IconComponent;
+};
+export declare type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    value: ITEM;
+    onChange: StepsPropOnChange<ITEM>;
+    getItemLabel?: StepsPropGetItemLabel<ITEM>;
+    getItemDisabled?: StepsPropGetItemDisabled<ITEM>;
+    getItemStatus?: StepsPropGetItemStatus<ITEM>;
+    getItemDescription?: StepsPropGetItemDescription<ITEM>;
+    getItemIcon?: StepsPropGetItemIcon<ITEM>;
+    size?: StepsPropSize;
+    className?: string;
+    withNumber?: boolean;
+    fitMode?: 'scroll' | 'scrollWithButtons';
+    labelWordWrap?: boolean;
+}, HTMLDivElement> & (ITEM extends {
+    label: StepsItemDefault['label'];
+} ? {} : {
+    getItemLabel: StepsPropGetItemLabel<ITEM>;
+});
+export declare type StepsComponent = <ITEM>(props: StepsProps<ITEM>) => React.ReactElement | null;

package/__internal__/src/components/StepsCanary/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/__internal__/src/components/StepsCanary/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/StepsCanary/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type StepsPropSize = 's' | 'm' | 'l';\n\nexport type StepsPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type StepItemStatus = 'resolved' | 'error';\n\nexport type StepsPropGetItemLabel<ITEM> = (item: ITEM) => string;\n\nexport type StepsPropGetItemDescription<ITEM> = (\n  item: ITEM,\n) => string | undefined;\n\nexport type StepsPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type StepsPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => StepItemStatus | undefined;\n\nexport type StepsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type StepsItemDefault = {\n  label: string;\n  description?: string;\n  disabled?: boolean;\n  status?: StepItemStatus;\n  icon?: IconComponent;\n};\n\nexport type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    value: ITEM;\n    onChange: StepsPropOnChange<ITEM>;\n    getItemLabel?: StepsPropGetItemLabel<ITEM>;\n    getItemDisabled?: StepsPropGetItemDisabled<ITEM>;\n    getItemStatus?: StepsPropGetItemStatus<ITEM>;\n    getItemDescription?: StepsPropGetItemDescription<ITEM>;\n    getItemIcon?: StepsPropGetItemIcon<ITEM>;\n    size?: StepsPropSize;\n    className?: string;\n    withNumber?: boolean;\n    fitMode?: 'scroll' | 'scrollWithButtons';\n    labelWordWrap?: boolean;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: StepsItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: StepsPropGetItemLabel<ITEM>;\n      });\n\nexport type StepsComponent = <ITEM>(\n  props: StepsProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/components/Switch/Switch.d.ts

@@ -1,24 +1,24 @@
-import './Switch.css';
-import React from 'react';
-export declare const cnSwitch: import("@bem-react/classname").ClassNameFormatter;
-export declare const COMPONENT_NAME: "Switch";
-export declare const Switch: React.ForwardRefExoticComponent<{
-    checked: boolean | undefined;
-    size?: "xs" | "s" | "m" | "l" | undefined;
-    view?: "primary" | "ghost" | undefined;
-    align?: "center" | "top" | undefined;
-    disabled?: boolean | undefined;
-    className?: string | undefined;
-    label?: string | undefined;
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    name?: string | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    autoFocus?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    required?: boolean | undefined;
-    step?: string | number | undefined;
-    tabIndex?: number | undefined;
-    inputRef?: React.Ref<HTMLInputElement> | undefined;
-    children?: undefined;
-} & Omit<React.HTMLAttributes<HTMLLabelElement>, "css" | "className" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "label" | "step" | "name" | "autoFocus" | "disabled" | "checked" | "readOnly" | "required" | "align" | "inputRef"> & React.RefAttributes<HTMLLabelElement>>;
+import './Switch.css';
+import React from 'react';
+export declare const cnSwitch: import("@bem-react/classname").ClassNameFormatter;
+export declare const COMPONENT_NAME: "Switch";
+export declare const Switch: React.ForwardRefExoticComponent<{
+    checked: boolean | undefined;
+    size?: "xs" | "s" | "m" | "l" | undefined;
+    view?: "primary" | "ghost" | undefined;
+    align?: "center" | "top" | undefined;
+    disabled?: boolean | undefined;
+    className?: string | undefined;
+    label?: string | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    name?: string | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    autoFocus?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    step?: string | number | undefined;
+    tabIndex?: number | undefined;
+    inputRef?: React.Ref<HTMLInputElement> | undefined;
+    children?: undefined;
+} & Omit<React.HTMLAttributes<HTMLLabelElement>, "css" | "className" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "label" | "step" | "name" | "autoFocus" | "disabled" | "checked" | "readOnly" | "required" | "align" | "inputRef"> & React.RefAttributes<HTMLLabelElement>>;

package/__internal__/src/components/Switch/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Switch';
-export * from './types';
+export * from './Switch';
+export * from './types';