@salutejs/plasma-new-hope 0.183.0-canary.1530.11628993812.0 → 0.183.1-canary.1517.11694833221.0

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -54,7 +54,7 @@ export var tokens = {
   targetHeight: '--plasma-combobox-target-height',
   // Токены для TextField
   textFieldColor: '--plasma-combobox-new-textfield-color',
-  textFieldPlaceholderColorFocus: '--plasma-combobox-new-textfield__placeholder-color-focus',
+  textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',
   textFieldBackgroundColor: '--plasma-combobox-new-textfield-background-color',
   textFieldBackgroundColorHover: '--plasma-combobox-new-textfield-background-color-hover',
   textFieldBackgroundColorFocus: '--plasma-combobox-new-textfield-background-color-focus',
@@ -64,74 +64,95 @@ export var tokens = {
   textFieldColorReadOnly: '--plasma-combobox-new-textfield-color-readonly',
   textFieldBackgroundColorReadOnly: '--plasma-combobox-new-textfield-bg-color-readonly',
   textFieldBorderColorReadOnly: '--plasma-combobox-new-textfield-border-color-readonly',
-  textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield__placeholder-color-readonly',
+  textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield-placeholder-color-readonly',
   textFieldCaretColor: '--plasma-combobox-new-textfield-caret-color',
   textFieldPlaceholderColor: '--plasma-combobox-new-textfield-placeholder-color',
+  textFieldPlaceholderColorFocus: '--plasma-combobox-new-textfield-placeholder-color-focus',
+  textFieldClearPlaceholderColor: '--plasma-combobox-new-textfield-clear-placeholder-color',
+  textFieldClearPlaceholderColorFocus: '--plasma-combobox-new-textfield-clear-placeholder-color-focus',
+  textFieldOptionalColor: '--plasma-combobox-new-textfield-optional-color',
   textFieldHeight: '--plasma-combobox-new-textfield-height',
   textFieldBorderWidth: '--plasma-combobox-new-textfield-border-width',
   textFieldBorderRadius: '--plasma-combobox-new-textfield-border-radius',
   textFieldPadding: '--plasma-combobox-new-textfield-padding',
   textFieldPaddingWithChips: '--plasma-combobox-new-textfield-padding-with-chips',
-  textFieldLeftContentMargin: '--plasma-combobox-new-textfield__left-content-margin',
-  textFieldRightContentMargin: '--plasma-combobox-new-textfield__right-content-margin',
+  textFieldLeftContentMargin: '--plasma-combobox-new-textfield-left-content-margin',
+  textFieldRightContentMargin: '--plasma-combobox-new-textfield-right-content-margin',
   textFieldFontFamily: '--plasma-combobox-new-textfield-font-family',
   textFieldFontStyle: '--plasma-combobox-new-textfield-font-style',
   textFieldFontSize: '--plasma-combobox-new-textfield-font-size',
   textFieldFontWeight: '--plasma-combobox-new-textfield-font-weight',
   textFieldLetterSpacing: '--plasma-combobox-new-textfield-letter-spacing',
   textFieldLineHeight: '--plasma-combobox-new-textfield-line-height',
+  textFieldContentSlotColor: '--plasma-combobox-new-textfield-content-slot-color',
+  textFieldContentSlotColorHover: '--plasma-combobox-new-textfield-content-slot-color-hover',
+  textFieldContentSlotColorActive: '--plasma-combobox-new-textfield-content-slot-color-active',
+  textFieldContentSlotRightColor: '--plasma-combobox-new-textfield-content-right-slot-color',
+  textFieldContentSlotRightColorHover: '--plasma-combobox-new-textfield-content-right-slot-color-hover',
+  textFieldContentSlotRightColorActive: '--plasma-combobox-new-textfield-content-right-slot-color-active',
   textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',
-  textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield__label-color-readonly',
-  textFieldLabelOffset: '--plasma-combobox-new-textfield__label-offset',
-  textFieldLabelFontFamily: '--plasma-combobox-new-textfield__label-font-family',
-  textFieldLabelFontStyle: '--plasma-combobox-new-textfield__label-font-style',
-  textFieldLabelFontSize: '--plasma-combobox-new-textfield__label-font-size',
-  textFieldLabelFontWeight: '--plasma-combobox-new-textfield__label-font-weight',
-  textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield__label-letter-spacing',
-  textFieldLabelLineHeight: '--plasma-combobox-new-textfield__label-line-height',
-  textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner__label-font-family',
-  textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner__label-font-style',
-  textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner__label-font-size',
-  textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner__label-font-weight',
-  textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner__label-letter-spacing',
-  textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner__label-line-height',
-  textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner__label-padding',
-  textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner__content-padding',
-  textFieldLeftHelperColor: '--plasma-combobox-new-textfield__left-helper-color',
-  textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield__left-helper-color-readonly',
-  textFieldLeftHelperOffset: '--plasma-combobox-new-textfield__left-helper-offset',
-  textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield__left-helper-font-family',
-  textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield__left-helper-font-style',
-  textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield__left-helper-font-size',
-  textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield__left-helper-font-weight',
-  textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield__left-helper-letter-spacing',
-  textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield__left-helper-line-height',
-  textFieldTextBeforeColor: '--plasma-combobox-new-textfield__before-text-color',
-  textFieldTextAfterColor: '--plasma-combobox-new-textfield__after-text-color',
-  textFieldTextBeforeMargin: '--plasma-combobox-new-textfield__before-text-margin',
-  textFieldTextAfterMargin: '--plasma-combobox-new-textfield__after-text-margin',
+  textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield-label-color-readonly',
+  textFieldLabelOffset: '--plasma-combobox-new-textfield-label-offset',
+  textFieldClearLabelOffset: '--plasma-combobox-new-textfield-clear-label-offset',
+  textFieldLabelFontFamily: '--plasma-combobox-new-textfield-label-font-family',
+  textFieldLabelFontStyle: '--plasma-combobox-new-textfield-label-font-style',
+  textFieldLabelFontSize: '--plasma-combobox-new-textfield-label-font-size',
+  textFieldLabelFontWeight: '--plasma-combobox-new-textfield-label-font-weight',
+  textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield-label-letter-spacing',
+  textFieldLabelLineHeight: '--plasma-combobox-new-textfield-label-line-height',
+  textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner-label-font-family',
+  textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner-label-font-style',
+  textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner-label-font-size',
+  textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner-label-font-weight',
+  textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner-label-letter-spacing',
+  textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner-label-line-height',
+  textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-label-padding',
+  textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-content-padding',
+  textFieldTitleCaptionColor: '--plasma-combobox-new-textfield-title-caption-color',
+  textFieldTitleCaptionColorReadOnly: '--plasma-combobox-new-textfield-title-caption-color-readonly',
+  textFieldTitleCaptionInnerLabelOffset: '--plasma-combobox-new-textfield-title-caption-label-inner-offset',
+  textFieldTitleCaptionFontFamily: '--plasma-combobox-new-textfield-title-caption-font-family',
+  textFieldTitleCaptionFontStyle: '--plasma-combobox-new-textfield-title-caption-font-style',
+  textFieldTitleCaptionFontSize: '--plasma-combobox-new-textfield-title-caption-font-size',
+  textFieldTitleCaptionFontWeight: '--plasma-combobox-new-textfield-title-caption-font-weight',
+  textFieldTitleCaptionLetterSpacing: '--plasma-combobox-new-textfield-title-caption-letter-spacing',
+  textFieldTitleCaptionLineHeight: '--plasma-combobox-new-textfield-title-caption-line-height',
+  textFieldLeftHelperColor: '--plasma-combobox-new-textfield-left-helper-color',
+  textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield-left-helper-color-readonly',
+  textFieldLeftHelperOffset: '--plasma-combobox-new-textfield-left-helper-offset',
+  textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield-left-helper-font-family',
+  textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield-left-helper-font-style',
+  textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield-left-helper-font-size',
+  textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield-left-helper-font-weight',
+  textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield-left-helper-letter-spacing',
+  textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield-left-helper-line-height',
+  textFieldTextBeforeColor: '--plasma-combobox-new-textfield-before-text-color',
+  textFieldTextAfterColor: '--plasma-combobox-new-textfield-after-text-color',
+  textFieldTextBeforeMargin: '--plasma-combobox-new-textfield-before-text-margin',
+  textFieldTextAfterMargin: '--plasma-combobox-new-textfield-after-text-margin',
   textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',
-  textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',
-  textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
-  textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',
+  textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',
+  textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',
+  textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',
   textFieldChipBackground: '--plasma-combobox-new-textfield--chip-background',
-  textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',
+  textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',
   textFieldChipBackgroundHover: '--plasma-combobox-new-textfield-chip-background-hover',
-  textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
-  textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
+  textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',
+  textFieldChipScaleHover: '--plasma-combobox-new-textfield-chip-scale-hover',
   textFieldChipBackgroundReadOnly: '--plasma-combobox-new-textfield-chip-background-read-only',
   textFieldChipColorReadOnly: '--plasma-combobox-new-textfield-chip-color-read-only',
   textFieldChipBackgroundReadOnlyHover: '--plasma-combobox-new-textfield-chip-background-read-only-hover',
   textFieldChipColorReadOnlyHover: '--plasma-combobox-new-textfield-chip-color-read-only-hover',
-  textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-read-only',
-  textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',
-  textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',
+  textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
+  textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
+  textFieldChipScaleActive: '--plasma-combobox-new-textfield-chip-scale-active',
+  textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
+  textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',
   textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
-  textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',
+  textFieldChipPaddingTop: '--plasma-combobox-new-textfield-chip-padding-top',
   textFieldChipPaddingRight: '--plasma-combobox-new-textfield-chip-padding-right',
+  textFieldChipPaddingBottom: '--plasma-combobox-new-textfield-chip-padding-bottom',
   textFieldChipPaddingLeft: '--plasma-combobox-new-textfield-chip-padding-left',
-  textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',
-  textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',
   textFieldChipCloseIconSize: '--plasma-combobox-new-textfield-chip-close-icon-size',
   textFieldChipFontFamily: '--plasma-combobox-new-textfield-chip-font-family',
   textFieldChipFontSize: '--plasma-combobox-new-textfield-chip-font-size',
@@ -139,6 +160,20 @@ export var tokens = {
   textFieldChipFontWeight: '--plasma-combobox-new-textfield-chip-font-weight',
   textFieldChipLetterSpacing: '--plasma-combobox-new-textfield-chip-letter-spacing',
   textFieldChipLineHeight: '--plasma-combobox-new-textfield-chip-line-height',
+  textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',
+  textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',
+  textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-readonly',
+  textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',
+  textFieldIndicatorColor: '--plasma-combobox-new-textfield-indicator-color',
+  textFieldIndicatorSizeInner: '--plasma-combobox-new-textfield-indicator-size-inner',
+  textFieldIndicatorSizeOuter: '--plasma-combobox-new-textfield-indicator-size-outer',
+  textFieldIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-indicator-placement-inner',
+  textFieldIndicatorLabelPlacementOuter: '--plasma-combobox-new-textfield-indicator-placement-outer',
+  textFieldIndicatorLabelPlacementInnerRight: '--plasma-combobox-new-textfield-indicator-placement-inner-right',
+  textFieldIndicatorLabelPlacementOuterRight: '--plasma-combobox-new-textfield-indicator-placement-outer-right',
+  textFieldClearIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-clear-indicator-placement-inner',
+  textFieldClearIndicatorLabelPlacementInnerRight: '--plasma-combobox-new-textfield-clear-indicator-placement-inner-right',
+  textFieldClearIndicatorHintInnerRight: '--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right',
   // Токены для EmptyState
   emptyStatePadding: '--plasma-combobox-new-empty-state-padding',
   labelOffset: '--plasma-combobox-label-offset',

package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js

@@ -6,4 +6,4 @@ var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
 var TextField = /*#__PURE__*/component(mergedConfig);
 export var StyledTextField = /*#__PURE__*/styled(TextField).withConfig({
   componentId: "plasma-new-hope__sc-1639yp6-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipPaddingRight, comboboxTokens.textFieldChipPaddingRight, textFieldTokens.chipPaddingLeft, comboboxTokens.textFieldChipPaddingLeft, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], textFieldTokens.color, comboboxTokens.textFieldColor, textFieldTokens.clearColor, comboboxTokens.textFieldColor, textFieldTokens.backgroundColor, comboboxTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, comboboxTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, comboboxTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, comboboxTokens.textFieldBorderColor, textFieldTokens.borderColorHover, comboboxTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, comboboxTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, comboboxTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, comboboxTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, comboboxTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, comboboxTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, comboboxTokens.textFieldCaretColor, textFieldTokens.placeholderColor, comboboxTokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, comboboxTokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColor, comboboxTokens.textFieldClearPlaceholderColor, textFieldTokens.clearPlaceholderColorFocus, comboboxTokens.textFieldClearPlaceholderColorFocus, textFieldTokens.optionalColor, comboboxTokens.textFieldOptionalColor, textFieldTokens.height, comboboxTokens.textFieldHeight, textFieldTokens.borderWidth, comboboxTokens.textFieldBorderWidth, textFieldTokens.borderRadius, comboboxTokens.textFieldBorderRadius, textFieldTokens.padding, comboboxTokens.textFieldPadding, textFieldTokens.paddingWithChips, comboboxTokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, comboboxTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, comboboxTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, comboboxTokens.textFieldFontFamily, textFieldTokens.fontStyle, comboboxTokens.textFieldFontStyle, textFieldTokens.fontSize, comboboxTokens.textFieldFontSize, textFieldTokens.fontWeight, comboboxTokens.textFieldFontWeight, textFieldTokens.letterSpacing, comboboxTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, comboboxTokens.textFieldLineHeight, textFieldTokens.contentSlotColor, comboboxTokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, comboboxTokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, comboboxTokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, comboboxTokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, comboboxTokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, comboboxTokens.textFieldContentSlotRightColorActive, textFieldTokens.labelColor, comboboxTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, comboboxTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, comboboxTokens.textFieldLabelOffset, textFieldTokens.clearLabelOffset, comboboxTokens.textFieldClearLabelOffset, textFieldTokens.labelFontFamily, comboboxTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, comboboxTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, comboboxTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, comboboxTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, comboboxTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, comboboxTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, comboboxTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, comboboxTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, comboboxTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, comboboxTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, comboboxTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, comboboxTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, comboboxTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, comboboxTokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, comboboxTokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionColorReadOnly, comboboxTokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.titleCaptionInnerLabelOffset, comboboxTokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, comboboxTokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, comboboxTokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, comboboxTokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, comboboxTokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, comboboxTokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, comboboxTokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperColor, comboboxTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, comboboxTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, comboboxTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, comboboxTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, comboboxTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, comboboxTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, comboboxTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, comboboxTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, comboboxTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, comboboxTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, comboboxTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, comboboxTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, comboboxTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, comboboxTokens.textFieldDisabledOpacity, textFieldTokens.chipHeight, comboboxTokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, comboboxTokens.textFieldChipBorderRadius, textFieldTokens.chipGap, comboboxTokens.textFieldChipGap, textFieldTokens.chipBackground, comboboxTokens.textFieldChipBackground, textFieldTokens.chipColor, comboboxTokens.textFieldChipColor, textFieldTokens.chipBackgroundHover, comboboxTokens.textFieldChipBackgroundHover, textFieldTokens.chipColorHover, comboboxTokens.textFieldChipColorHover, textFieldTokens.chipScaleHover, comboboxTokens.textFieldChipScaleHover, textFieldTokens.chipBackgroundReadOnly, comboboxTokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipColorReadOnly, comboboxTokens.textFieldChipColorReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, comboboxTokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipColorReadOnlyHover, comboboxTokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundActive, comboboxTokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, comboboxTokens.textFieldChipColorActive, textFieldTokens.chipScaleActive, comboboxTokens.textFieldChipScaleActive, textFieldTokens.chipCloseIconColor, comboboxTokens.textFieldChipCloseIconColor, textFieldTokens.chipOutlineSize, comboboxTokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, comboboxTokens.textFieldChipWidth, textFieldTokens.chipPaddingTop, comboboxTokens.textFieldChipPaddingTop, textFieldTokens.chipPaddingRight, comboboxTokens.textFieldChipPaddingRight, textFieldTokens.chipPaddingBottom, comboboxTokens.textFieldChipPaddingBottom, textFieldTokens.chipPaddingLeft, comboboxTokens.textFieldChipPaddingLeft, textFieldTokens.chipCloseIconSize, comboboxTokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, comboboxTokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, comboboxTokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, comboboxTokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, comboboxTokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, comboboxTokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, comboboxTokens.textFieldChipLineHeight, textFieldTokens.chipClearContentMarginLeft, comboboxTokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, comboboxTokens.textFieldChipClearContentMarginRight, textFieldTokens.chipOpacityReadonly, comboboxTokens.textFieldChipOpacityReadonly, textFieldTokens.focusColor, comboboxTokens.textFieldFocusColor, textFieldTokens.indicatorColor, comboboxTokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, comboboxTokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, comboboxTokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, comboboxTokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, comboboxTokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, comboboxTokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, comboboxTokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, comboboxTokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, comboboxTokens.textFieldClearIndicatorHintInnerRight);

package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -26,7 +26,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var _rangeRef$current, _rangeRef$current2;
     var className = _ref.className,
-      autoComplete = _ref.autoComplete,
       _ref$isDoubleCalendar = _ref.isDoubleCalendar,
       isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
       _ref$opened = _ref.opened,
@@ -266,7 +265,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       onKeyDown = _useKeyNavigation.onKeyDown;
     var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
       ref: rangeRef,
-      autoComplete: autoComplete,
       dividerIcon: dividerIcon,
       dividerVariant: dividerVariant,
       disabled: disabled,

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

@@ -1,5 +1,5 @@
 var _StyledDivider;
-var _excluded = ["autoComplete", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -15,8 +15,7 @@ import { classes } from './Range.tokens';
 export var rangeRoot = function rangeRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var _StyledDivider2;
-    var autoComplete = _ref.autoComplete,
-      label = _ref.label,
+    var label = _ref.label,
       leftHelper = _ref.leftHelper,
       contentLeft = _ref.contentLeft,
       contentRight = _ref.contentRight,
@@ -108,8 +107,7 @@ export var rangeRoot = function rangeRoot(Root) {
       onChange: handleChangeFirstValue,
       onSearch: handleSearchFirstValue,
       onFocus: onFocusFirstTextfield,
-      onBlur: onBlurFirstTextfield,
-      autoComplete: autoComplete
+      onBlur: onBlurFirstTextfield
     }), Divider, /*#__PURE__*/React.createElement(StyledInput, {
       ref: secondTextFieldRef,
       className: cx(secondValueErrorClass, secondValueSuccessClass),
@@ -124,8 +122,7 @@ export var rangeRoot = function rangeRoot(Root) {
       onChange: handleChangeSecondValue,
       onSearch: handleSearchSecondValue,
       onFocus: onFocusSecondTextfield,
-      onBlur: onBlurSecondTextfield,
-      autoComplete: autoComplete
+      onBlur: onBlurSecondTextfield
     }), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
   });
 };

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

@@ -1,6 +1,8 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["view", "size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -12,7 +14,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useState, useEffect } from 'react';
+import React, { forwardRef, useState, useEffect, useMemo } from 'react';
 import cls from 'classnames';
 import { classes } from './Steps.tokens';
 import { StepItem } from './ui';
@@ -44,19 +46,33 @@ export var stepsRoot = function stepsRoot(Root) {
       _useState2 = _slicedToArray(_useState, 2),
       prevIndex = _useState2[0],
       setPrevIndex = _useState2[1];
-    var isUncontrolled = current !== undefined;
     var hasIndicator = items.some(function (item) {
       return item.indicator != null;
     });
     var isSimple = items.every(function (item) {
       return !item.title && !item.content;
     });
+    var innerItems = useMemo(function () {
+      var isUncontrolled = current !== undefined;
+      return items.map(function (item, index) {
+        var itemStatus = getItemStatus({
+          isUncontrolled: isUncontrolled,
+          current: current,
+          status: status,
+          index: index,
+          item: item
+        });
+        return _objectSpread(_objectSpread({}, item), {}, {
+          status: itemStatus
+        });
+      });
+    }, [status, current, items]);
     useEffect(function () {
       var calcPrevIndex = function calcPrevIndex() {
         if (current !== undefined) {
           setPrevIndex(current);
         } else {
-          var index = items.findIndex(function (item) {
+          var index = innerItems.findIndex(function (item) {
             return item.status === 'active';
           });
           setPrevIndex(index !== -1 ? index : undefined);
@@ -66,21 +82,14 @@ export var stepsRoot = function stepsRoot(Root) {
       return function () {
         calcPrevIndex();
       };
-    }, [current, items]);
+    }, [current, innerItems]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       view: view,
       ref: outerRef,
       className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, orientation === 'vertical'), classes.simple, isSimple), classes.hasIndicator, hasIndicator))
-    }, rest), items.map(function (item, index) {
-      var itemStatus = getItemStatus({
-        isUncontrolled: isUncontrolled,
-        current: current,
-        status: status,
-        index: index,
-        item: item
-      });
-      var isActive = itemStatus === 'active';
+    }, rest), innerItems.map(function (item, index) {
+      var isActive = item.status === 'active';
       var itemContent = hasContent === 'active' && !isActive || hasContent === 'none' ? '' : item.content;
       var itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';
       var onClick = onChange ? function () {
@@ -92,14 +101,14 @@ export var stepsRoot = function stepsRoot(Root) {
         title: item.title,
         content: itemContent,
         indicator: item.indicator,
-        status: itemStatus,
+        status: item.status,
         size: size,
         orientation: orientation,
         contentAlign: itemContentAlign,
         hasLine: hasLine,
         hasLoader: hasLoader && isActive,
         onClick: onClick,
-        items: items
+        items: innerItems
       });
     }));
   });

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

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
 import { classes, tokens } from './Steps.tokens';
-export var base = /*#__PURE__*/css(["display:flex;flex-direction:row;&.", "{align-items:center;&:not(&.", "){&.", "{height:var(", ");}&:not(.", "){height:var(", ");}}&.", "{&.", "{width:var(", ");}&:not(.", "){width:var(", ");}}}&.", "{display:flex;flex-direction:column;justify-content:center;height:100%;&.", "{display:inline-flex;}}"], classes.simple, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.simple);
+export var base = /*#__PURE__*/css(["display:flex;flex-direction:row;&.", "{align-items:center;&:not(&.", "){&.", "{height:var(", ");}&:not(.", "){height:var(", ");}}&.", "{&.", "{width:var(", ");}&:not(.", "){width:var(", ");}}}&.", "{display:flex;flex-direction:column;justify-content:center;height:100%;}"], classes.simple, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation);

package/styled-components/es/components/Steps/Steps.tokens.js

@@ -56,6 +56,7 @@ export var tokens = {
   inactiveTitleColor: '--plasma-step-item-inactive-title-color',
   inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',
   contentColor: '--plasma-step-item-content-color',
+  focusColor: '--plasma-step-item-focus-color',
   activeIndicatorBorder: '--plasma-step-item-active-indicator-border',
   activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',
   activeIndicatorColor: '--plasma-step-item-active-indicator-color',

package/styled-components/es/components/Steps/ui/StepItem/StepItem.js

@@ -43,6 +43,7 @@ export var StepItem = function StepItem(_ref) {
   var prevItem = items[index - 1];
   var nextItem = items[index + 1];
   var isActive = status === 'active';
+  var isNextActive = (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'active';
   var isInactive = status === 'inactive';
   var isPrevInactive = prevItem && !(prevItem !== null && prevItem !== void 0 && prevItem.status) || (prevItem === null || prevItem === void 0 ? void 0 : prevItem.status) === 'inactive';
   var isNextInactive = !(nextItem !== null && nextItem !== void 0 && nextItem.status) || (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'inactive';
@@ -80,8 +81,31 @@ export var StepItem = function StepItem(_ref) {
       setIsHovered(false);
     }
   }, [isDisabled]);
+  if (isSimple) {
+    var _cls;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItemStyled, {
+      className: cls((_cls = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cls, classes.simple, isSimple), classes.active, isActive), classes.hovered, isHovered && !isActive), classes.inactive, isInactive), classes.centered, isCentered), classes.disabled, isDisabled), classes.clickable, clickable && !isActive), classes.hasIndicator, hasIndicator), classes.verticalOrientation, isVertical), "isFirst", isFirst), _defineProperty(_defineProperty(_defineProperty(_cls, "isLast", isLast), "isPrevInactive", isPrevInactive), "isNextInactive", isNextInactive)))
+    }, /*#__PURE__*/React.createElement(BulletIndicatorWrapper, {
+      className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.simple, isSimple), classes.hasIndicator, hasIndicator)),
+      onClick: onClickHandler,
+      onFocus: onMouseOver,
+      onBlur: onMouseOut,
+      onMouseOver: onMouseOver,
+      onMouseOut: onMouseOut
+    }, hasLoader && /*#__PURE__*/React.createElement(SpinnerStyled, {
+      hasIndicator: hasIndicator
+    }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
+      className: cls(_defineProperty(_defineProperty({}, classes.active, isActive), classes.inactive, isInactive))
+    }, typeof indicator === 'function' && indicator({
+      status: status,
+      item: item,
+      size: size
+    }), typeof indicator !== 'function' && indicator))), !isLast && /*#__PURE__*/React.createElement(StepItemDivider, {
+      className: cls(classes.simple, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.transparentDivider, !hasLine), classes.active, isActive), classes.inactive, isInactive || isNextInactive))
+    }));
+  }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItemStyled, {
-    className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.active, isActive), classes.hovered, isHovered && !isActive), classes.inactive, isInactive), classes.centered, isCentered), classes.disabled, isDisabled), classes.clickable, clickable && !isActive), classes.hasIndicator, hasIndicator), classes.verticalOrientation, isVertical))
+    className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.active, isActive), classes.hovered, isHovered && !isActive), classes.inactive, isInactive), classes.centered, isCentered), classes.disabled, isDisabled), classes.clickable, clickable && !isActive), classes.hasIndicator, hasIndicator), classes.verticalOrientation, isVertical), "isNextActive", isNextActive))
   }, /*#__PURE__*/React.createElement(BulletIndicatorWrapper, {
     className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.simple, isSimple), classes.hasIndicator, hasIndicator)),
     onClick: onClickHandler,
@@ -91,7 +115,7 @@ export var StepItem = function StepItem(_ref) {
     onMouseOut: onMouseOut
   }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React.createElement(StepItemDivider, {
     className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive))
-  }), isVertical && (isSimple ? !isFirst : true) && /*#__PURE__*/React.createElement(StepItemDivider, {
+  }), isVertical && /*#__PURE__*/React.createElement(StepItemDivider, {
     className: cls(classes.indentDivider, _defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive)),
     indentToken: indentToken
   }), hasLoader && /*#__PURE__*/React.createElement(SpinnerStyled, {
@@ -102,9 +126,9 @@ export var StepItem = function StepItem(_ref) {
     status: status,
     item: item,
     size: size
-  }), typeof indicator !== 'function' && indicator), !isSimple && /*#__PURE__*/React.createElement(StepItemDivider, {
+  }), typeof indicator !== 'function' && indicator), /*#__PURE__*/React.createElement(StepItemDivider, {
     className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isLast), classes.inactive, isInactive || isNextInactive))
-  })), !isSimple && /*#__PURE__*/React.createElement(StepItemContentWrapper, {
+  })), /*#__PURE__*/React.createElement(StepItemContentWrapper, {
     className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.active, isActive), classes.hasIndicator, hasIndicator))
   }, /*#__PURE__*/React.createElement(StepItemTitle, {
     onClick: onClickHandler,
@@ -112,7 +136,5 @@ export var StepItem = function StepItem(_ref) {
     onBlur: onMouseOut,
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut
-  }, title), content && /*#__PURE__*/React.createElement(StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))), isSimple && !isLast && /*#__PURE__*/React.createElement(StepItemDivider, {
-    className: cls(classes.simple, _defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.transparentDivider, !hasLine), classes.inactive, isInactive || isNextInactive))
-  }));
+  }, title), content && /*#__PURE__*/React.createElement(StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))));
 };

package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js

@@ -2,6 +2,7 @@ import styled from 'styled-components';
 import { classes, tokens } from '../../Steps.tokens';
 import { component, mergeConfig } from '../../../../engines';
 import { spinnerConfig, spinnerTokens } from '../../../Spinner';
+import { addFocus } from '../../../../mixins';
 var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig);
 var Spinner = /*#__PURE__*/component(mergedConfig);
 export var SpinnerStyled = /*#__PURE__*/styled(Spinner).withConfig({
@@ -18,16 +19,21 @@ export var StepItemContent = /*#__PURE__*/styled.div.withConfig({
 })(["padding-top:var(", ");padding-right:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");word-break:break-word;color:var(", ");"], tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.contentColor);
 export var BulletIndicatorWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-bjma6z-3"
-})(["display:flex;align-items:center;&:not(.", "){flex:0;&.", "{width:100%;min-height:var(", ");}&:not(.", "){width:100%;min-height:var(", ");}&.", "{padding-right:var(", ");}}&.", "{flex-direction:column;align-items:center;justify-content:center;min-height:100%;&.", "{min-width:var(", ");}&:not(.", "){min-width:var(", ");}}&.", "{justify-content:center;}"], classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, tokens.verticalContentPaddingLeft, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.centered);
-export var BulletIndicator = /*#__PURE__*/styled.div.withConfig({
+})(["display:flex;align-items:center;&:not(.", "){flex:0;&.", "{width:100%;min-height:var(", ");}&:not(.", "){width:100%;min-height:var(", ");}&.", "{padding-right:var(", ");}}&.", "{flex:0;justify-content:center;&.", "{width:var(", ");}&:not(.", "){width:var(", ");}}&.", "{flex-direction:column;align-items:center;justify-content:center;&.", "{min-width:var(", ");}&:not(.", "){min-width:var(", ");}}&.", "{justify-content:center;}"], classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, tokens.verticalContentPaddingLeft, classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.centered);
+export var BulletIndicator = /*#__PURE__*/styled.button.withConfig({
   componentId: "plasma-new-hope__sc-bjma6z-4"
-})(["display:flex;align-items:center;justify-content:center;width:var(", ");height:var(", ");border-radius:50%;box-sizing:border-box;position:relative;color:var(", ");background-color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");background:var(", ");}&.", "{color:var(", ");background:var(", ");&:before,&:after{background:var(", ");}}"], tokens.indicatorSize, tokens.indicatorSize, tokens.completedIndicatorColor, tokens.completedIndicatorBackground, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, classes.active, tokens.activeIndicatorSize, tokens.activeIndicatorSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, classes.inactive, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackground);
+})(["display:flex;align-items:center;justify-content:center;width:var(", ");height:var(", ");border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;color:var(", ");background-color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");", " &.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");background:var(", ");}&.", "{color:var(", ");background:var(", ");&.", "{&:before,&:after{background:var(", ");}}}"], tokens.indicatorSize, tokens.indicatorSize, tokens.completedIndicatorColor, tokens.completedIndicatorBackground, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, /*#__PURE__*/addFocus({
+  outlineOffset: '-0.1875rem',
+  outlineSize: '0.0625rem',
+  outlineRadius: '50%',
+  outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
+}), classes.active, tokens.activeIndicatorSize, tokens.activeIndicatorSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, classes.inactive, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorBackground, classes.simple, tokens.inactiveIndicatorBackground);
 export var Bullet = /*#__PURE__*/styled(BulletIndicator).withConfig({
   componentId: "plasma-new-hope__sc-bjma6z-5"
-})(["width:var(", ");height:var(", ");&.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");background-color:var(", ");}"], tokens.bulletSize, tokens.bulletSize, classes.active, tokens.activeBulletSize, tokens.activeBulletSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorBackground);
+})(["width:var(", ");height:var(", ");&.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");background:var(", ");}"], tokens.bulletSize, tokens.bulletSize, classes.active, tokens.activeBulletSize, tokens.activeBulletSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorBackground);
 export var StepItemDivider = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-bjma6z-6"
-})(["width:100%;height:var(", ");flex:1;background-color:var(", ");&.", "{background-color:var(", ");}&.", "{background-color:transparent;}&.", "{width:var(", ");height:100%;}&.", "{height:", ";min-height:", ";max-height:", ";&.", "{height:auto;max-height:none;}}"], tokens.dividerThickness, tokens.activeIndicatorColor, classes.inactive, tokens.inactiveIndicatorBackground, classes.transparentDivider, classes.verticalOrientation, tokens.dividerThickness, classes.indentDivider, function (_ref2) {
+})(["width:100%;height:var(", ");flex:1;background:var(", ");&.", "{background:var(", ");}&.", "{background:transparent;}&.", "{width:var(", ");height:100%;}&.", "{height:", ";min-height:", ";max-height:", ";&.", "{height:auto;max-height:none;}}"], tokens.dividerThickness, tokens.activeIndicatorColor, classes.inactive, tokens.inactiveIndicatorBackground, classes.transparentDivider, classes.verticalOrientation, tokens.dividerThickness, classes.indentDivider, function (_ref2) {
   var indentToken = _ref2.indentToken;
   return indentToken || '';
 }, function (_ref3) {
@@ -42,4 +48,4 @@ export var StepItemContentWrapper = /*#__PURE__*/styled.div.withConfig({
 })(["&.", "{", "{padding-top:var(", ");padding-right:0;}", "{padding-top:var(", ");padding-bottom:var(", ");padding-right:0;}}"], classes.verticalOrientation, StepItemTitle, tokens.contentVerticalPadding, StepItemContent, tokens.contentVerticalPadding, tokens.contentVerticalPadding);
 export var StepItemStyled = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-bjma6z-8"
-})(["display:flex;flex-direction:column;align-items:flex-start;flex:1;&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}&.", "{", "{color:var(", ");}}&.", "{", "{color:var(", ");}}&.", "{&:not(.", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{flex:0;}&.", "{opacity:var(", ");}"], classes.verticalOrientation, StepItemDivider, tokens.dividerThickness, classes.active, StepItemTitle, tokens.activeTitleColor, classes.inactive, StepItemTitle, tokens.inactiveTitleColor, classes.hovered, classes.active, StepItemTitle, tokens.activeTitleColorHover, BulletIndicator, Bullet, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackgroundHover, classes.inactive, StepItemTitle, tokens.inactiveTitleColorHover, BulletIndicator, Bullet, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, classes.centered, StepItemContentWrapper, tokens.contentSidePadding, tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, classes.simple, classes.disabled, tokens.disabledOpacity);
+})(["position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;color:var(", ");&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}&.", "{", "{color:var(", ");}}&.", "{color:var(", ");", "{color:var(", ");}}&.", "{flex:0;align-items:center;justify-content:center;flex-direction:row;height:100%;&.", "{min-width:var(", ");min-height:var(", ");}&:not(.", "){width:var(", ");min-height:var(", ");}&.", ",&:not(.", "){&:before,&:after{content:'';display:block;width:calc((var(", ") - var(", ")) / 2);height:var(", ");background:var(", ");}&:not(.", "){&:before,&:after{width:calc((var(", ") - var(", ")) / 2);}}&.", "{flex-direction:column;&:before,&:after{width:var(", ");height:calc((var(", ") - var(", ")) / 2);margin:0 auto;align-self:auto;}&:not(.", "){&:before,&:after{height:calc((var(", ") - var(", ")) / 2);}}&:after{margin:0 auto;}}&.isFirst{&:before{background:transparent;}}&.isLast{&:after{background:transparent;}}}&.", "{&:after,&:before{background:var(", ");}}&.isPrevInactive{&:before{background:var(", ");}}&.isNextInactive{&:after{background:var(", ");}}}&:not(.", "):not(.", "){&.isNextActive{", "{width:calc(100% - (var(", ") - var(", ")) / 2);}}&.", "{", "{margin-left:calc((var(", ") - var(", ")) / -2);width:calc(100% + (var(", ") - var(", ")) / 2);}}}&.", "{&:not(.", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{opacity:var(", ");}"], tokens.activeIndicatorColor, classes.verticalOrientation, StepItemDivider, tokens.dividerThickness, classes.active, StepItemTitle, tokens.activeTitleColor, classes.inactive, tokens.inactiveIndicatorColor, StepItemTitle, tokens.inactiveTitleColor, classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, tokens.activeBulletSize, classes.inactive, classes.active, tokens.activeIndicatorSize, tokens.indicatorSize, tokens.dividerThickness, tokens.activeIndicatorColor, classes.hasIndicator, tokens.activeBulletSize, tokens.bulletSize, classes.verticalOrientation, tokens.dividerThickness, tokens.activeIndicatorSize, tokens.indicatorSize, classes.hasIndicator, tokens.activeBulletSize, tokens.bulletSize, classes.inactive, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackground, classes.simple, classes.verticalOrientation, BulletIndicatorWrapper, tokens.activeIndicatorSize, tokens.indicatorSize, classes.active, BulletIndicatorWrapper, tokens.activeIndicatorSize, tokens.indicatorSize, tokens.activeIndicatorSize, tokens.indicatorSize, classes.hovered, classes.active, StepItemTitle, tokens.activeTitleColorHover, BulletIndicator, Bullet, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackgroundHover, classes.inactive, StepItemTitle, tokens.inactiveTitleColorHover, BulletIndicator, Bullet, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, classes.centered, StepItemContentWrapper, tokens.contentSidePadding, tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, classes.disabled, tokens.disabledOpacity);