@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15775036215.0

package/es/components/TextField/TextField.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n    hasChips: 'has-chips',\n    chipsWrapper: 'chips-wrapper',\n    hasValue: 'has-value',\n    keepPlaceholder: 'keep-placeholder',\n    hasEmptyContentLeft: 'has-empty-content-left',\n    hasEmptyContentRight: 'has-empty-content-right',\n    innerLabelPlacement: 'label-placement-inner',\n    outerLabelPlacement: 'label-placement-outer',\n    hideLabel: 'hide-label',\n    clear: 'textfield-clear',\n    hasDivider: 'textfield-has-divider',\n    hasHint: 'textfield-has-hint',\n    textFieldGroupItem: 'text-field-group-item',\n    requiredAlignRight: 'required-align-right',\n    inputWrapper: 'input-wrapper',\n    inputTextEllipsis: 'textfield-input-text-ellipsis',\n    contentRightCompensationMargin: 'textfield-content-right-compensation-margin',\n    readOnlyInput: 'textfield-readonly-input',\n};\n\nexport const tokens = {\n    color: '--plasma-textfield-color',\n    clearColor: '--plasma-textfield-clear-color',\n    boxShadow: '--plasma-textfield-box-shadow',\n\n    backgroundColor: '--plasma-textfield-bg-color',\n    backgroundColorHover: '--plasma-textfield-bg-color-hover',\n    backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n    borderColor: '--plasma-textfield-border-color',\n    borderColorHover: '--plasma-textfield-border-color-hover',\n    borderColorFocus: '--plasma-textfield-border-color-focus',\n\n    dividerColor: '--plasma-textfield-divider-color',\n    dividerColorHover: '--plasma-textfield-divider-color-hover',\n    dividerColorFocus: '--plasma-textfield-divider-color-focus',\n\n    /** Цвета для read-only состояния */\n    colorReadOnly: '--plasma-textfield-color-readonly',\n    backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n    borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n    placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n    dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',\n\n    /** Цвет каретки */\n    caretColor: '--plasma-textfield__caret-color',\n    placeholderColor: '--plasma-textfield__placeholder-color',\n    placeholderColorFocus: '--plasma-textfield__placeholder-color-focus',\n    clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',\n    clearPlaceholderColorFocus: '--plasma-textfield__clear-placeholder-color-focus',\n    optionalColor: '--plasma-textfield__optional-color',\n\n    height: '--plasma-textfield-height',\n    borderWidth: '--plasma-textfield-border-width',\n    borderRadius: '--plasma-textfield-border-radius',\n\n    /** Отступ от границы ТextField */\n    padding: '--plasma-textfield-padding',\n    paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n    /* Токены для input */\n    leftContentMargin: '--plasma-textfield__left-content-margin',\n    rightContentMargin: '--plasma-textfield__right-content-margin',\n    rightContentWithHintMargin: '--plasma-textfield__right-content-with-hint-margin',\n\n    fontFamily: '--plasma-textfield-font-family',\n    fontStyle: '--plasma-textfield-font-style',\n    fontSize: '--plasma-textfield-font-size',\n    fontWeight: '--plasma-textfield-font-weight',\n    letterSpacing: '--plasma-textfield-letter-spacing',\n    lineHeight: '--plasma-textfield-line-height',\n\n    /* Tokens for content slot */\n    contentSlotColor: '--plasma-textfield-content-slot-color',\n    contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',\n    contentSlotColorActive: '--plasma-textfield-content-slot-color-active',\n\n    contentSlotRightColor: '--plasma-textfield-content-right-slot-color',\n    contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',\n    contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',\n\n    contentRightWrapperGap: '--plasma-textfield-content-right-wrapper-gap',\n    contentRightWrapperMargin: '--plasma-textfield-content-right-wrapper-margin',\n\n    /** Токены лейбла */\n    labelColor: '--plasma-textfield__label-color',\n    labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n    labelOffset: '--plasma-textfield__label-offset',\n    clearLabelOffset: '--plasma-textfield__clear-label-offset',\n\n    labelFontFamily: '--plasma-textfield__label-font-family',\n    labelFontStyle: '--plasma-textfield__label-font-style',\n    labelFontSize: '--plasma-textfield__label-font-size',\n    labelFontWeight: '--plasma-textfield__label-font-weight',\n    labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n    labelLineHeight: '--plasma-textfield__label-line-height',\n\n    /* label-placement-inner */\n    labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n    labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n    labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n    labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n    labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n    labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n    labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n    contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n    titleCaptionColor: '--plasma-textfield__title-caption-color',\n    titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',\n    titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',\n\n    titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',\n    titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',\n    titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',\n    titleCaptionFontWeight: '--plasma-textfield__title-caption-font-weight',\n    titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',\n    titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',\n\n    leftHelperColor: '--plasma-textfield__left-helper-color',\n    leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n    leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n    leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n    leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n    leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n    leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n    leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n    leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n    /** Токены вспомогательного текста */\n    textBeforeColor: '--plasma-textfield__before-text-color',\n    textAfterColor: '--plasma-textfield__after-text-color',\n    textBeforeMargin: '--plasma-textfield__before-text-margin',\n    textAfterMargin: '--plasma-textfield__after-text-margin',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textfield-disabled-opacity',\n    readOnlyOpacity: '--plasma-textfield-readonly-opacity',\n\n    /** Токены для tooltip */\n    hintMargin: '--plasma-textfield__hint-margin',\n    hintTargetSize: '--plasma-textfield__hint-target-size',\n    hintCustomIconTargetSize: '--plasma-textfield__hint-custom-icon-target-size',\n    hintIconColor: '--plasma-textfield__hint-icon-color',\n    hintInnerLabelPlacementOffset: '--plasma-textfield__hint-inner-label-placement-offset',\n    clearHintInnerLabelPlacementOffset: '--plasma-textfield__clear-hint-inner-label-placement-offset',\n\n    tooltipBackgroundColor: '--plasma-textfield__tooltip-background-color',\n    tooltipBoxShadow: '--plasma-textfield__tooltip-box-shadow',\n    tooltipColor: '--plasma-textfield__tooltip-color',\n\n    tooltipPaddingTop: '--plasma-textfield__tooltip-padding-top',\n    tooltipPaddingRight: '--plasma-textfield__tooltip-padding-right',\n    tooltipPaddingBottom: '--plasma-textfield__tooltip-padding-bottom',\n    tooltipPaddingLeft: '--plasma-textfield__tooltip-padding-left',\n    tooltipMinHeight: '--plasma-textfield__tooltip-min-height',\n    tooltipBorderRadius: '--plasma-textfield__tooltip-border-radius',\n    tooltipTextFontFamily: '--plasma-textfield__tooltip-text-font-family',\n    tooltipTextFontSize: '--plasma-textfield__tooltip-text-font-size',\n    tooltipTextFontStyle: '--plasma-textfield__tooltip-text-font-style',\n    tooltipTextFontWeight: '--plasma-textfield__tooltip-text-font-weight',\n    tooltipTextFontLetterSpacing: '--plasma-textfield__tooltip-text-font-letter-spacing',\n    tooltipTextFontLineHeight: '--plasma-textfield__tooltip-text-font-line-height',\n    tooltipContentLeftMargin: '--plasma-textfield__tooltip-content-left-margin',\n    tooltipArrowMaskWidth: '--plasma-textfield__tooltip-arrow-mask-width',\n    tooltipArrowMaskHeight: '--plasma-textfield__tooltip-arrow-mask-height',\n    tooltipArrowMaskImage: '--plasma-textfield__tooltip-arrow-mask-image',\n    tooltipArrowHeight: '--plasma-textfield__tooltip-arrow-height',\n    tooltipArrowEdgeMargin: '--plasma-textfield__tooltip-arrow-edge-margin',\n    tooltipArrowBackground: '--plasma-textfield__tooltip-arrow-background',\n\n    /** Токены чипа */\n    chipHeight: '--plasma-textfield__chip-height',\n    chipBorderRadius: '--plasma-textfield__chip-border-radius',\n    chipGap: '--plasma-textfield__chip-gap',\n    chipMarginRight: '--plasma-textfield__chip-margin-right',\n    chipBackground: '--plasma-textfield__chip-background',\n    chipColor: '--plasma-textfield__chip-color',\n    chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n    chipColorHover: '--plasma-textfield__chip-color-hover',\n    chipScaleHover: '--plasma-textfield__chip-scale-hover',\n    chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n    chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n    chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n    chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n    chipBackgroundActive: '--plasma-textfield__chip-background-active',\n    chipColorActive: '--plasma-textfield__chip-color-active',\n    chipScaleActive: '--plasma-textfield__chip-scale-active',\n    chipFocusColor: '--plasma-textfield__chip-focus-color',\n    chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n    chipOutlineSize: '--plasma-textfield__chip-outline-size',\n    chipWidth: '--plasma-textfield__chip-width',\n    chipPadding: '--plasma-textfield__chip-padding',\n    chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n    chipFontFamily: '--plasma-textfield__chip-font-family',\n    chipFontSize: '--plasma-textfield__chip-font-size',\n    chipFontStyle: '--plasma-textfield__chip-font-style',\n    chipFontWeight: '--plasma-textfield__chip-font-weight',\n    chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n    chipLineHeight: '--plasma-textfield__chip-line-height',\n    chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n    chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n    chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n    focusColor: '--plasma-textfield-focus-color',\n\n    indicatorColor: '--plasma-textfield__indicator-color',\n    indicatorSizeInner: '--plasma-textfield__indicator-size-inner',\n    indicatorSizeOuter: '--plasma-textfield__indicator-size-outer',\n    indicatorLabelPlacementInner: '--plasma-textfield__indicator-placement-inner',\n    indicatorLabelPlacementOuter: '--plasma-textfield__indicator-placement-outer',\n    indicatorLabelPlacementInnerRight: '--plasma-textfield__indicator-placement-inner-right',\n    indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right',\n    indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',\n    clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',\n    clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right',\n    clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right',\n};\n"],"names":["classes","hasChips","chipsWrapper","hasValue","keepPlaceholder","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","clear","hasDivider","hasHint","textFieldGroupItem","requiredAlignRight","inputWrapper","inputTextEllipsis","contentRightCompensationMargin","readOnlyInput","tokens","color","clearColor","boxShadow","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","dividerColor","dividerColorHover","dividerColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","dividerColorReadOnly","caretColor","placeholderColor","placeholderColorFocus","clearPlaceholderColor","clearPlaceholderColorFocus","optionalColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","rightContentWithHintMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","contentSlotColor","contentSlotColorHover","contentSlotColorActive","contentSlotRightColor","contentSlotRightColorHover","contentSlotRightColorActive","contentRightWrapperGap","contentRightWrapperMargin","labelColor","labelColorReadOnly","labelOffset","clearLabelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionInnerLabelOffset","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeColor","textAfterColor","textBeforeMargin","textAfterMargin","disabledOpacity","readOnlyOpacity","hintMargin","hintTargetSize","hintCustomIconTargetSize","hintIconColor","hintInnerLabelPlacementOffset","clearHintInnerLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground","chipHeight","chipBorderRadius","chipGap","chipMarginRight","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPadding","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","indicatorLabelPlacementHintOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","clearIndicatorHintInnerRight"],"mappings":"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"}
+{"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n    hasChips: 'has-chips',\n    chipsWrapper: 'chips-wrapper',\n    hasValue: 'has-value',\n    keepPlaceholder: 'keep-placeholder',\n    hasEmptyContentLeft: 'has-empty-content-left',\n    hasEmptyContentRight: 'has-empty-content-right',\n    innerLabelPlacement: 'label-placement-inner',\n    outerLabelPlacement: 'label-placement-outer',\n    hideLabel: 'hide-label',\n    clear: 'textfield-clear',\n    hasDivider: 'textfield-has-divider',\n    hasHint: 'textfield-has-hint',\n    textFieldGroupItem: 'text-field-group-item',\n    requiredAlignRight: 'required-align-right',\n    inputWrapper: 'input-wrapper',\n    inputTextEllipsis: 'textfield-input-text-ellipsis',\n    contentRightCompensationMargin: 'textfield-content-right-compensation-margin',\n    readOnlyInput: 'textfield-readonly-input',\n};\n\nexport const tokens = {\n    color: '--plasma-textfield-color',\n    clearColor: '--plasma-textfield-clear-color',\n    boxShadow: '--plasma-textfield-box-shadow',\n\n    backgroundColor: '--plasma-textfield-bg-color',\n    backgroundColorHover: '--plasma-textfield-bg-color-hover',\n    backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n    borderColor: '--plasma-textfield-border-color',\n    borderColorHover: '--plasma-textfield-border-color-hover',\n    borderColorFocus: '--plasma-textfield-border-color-focus',\n\n    dividerColor: '--plasma-textfield-divider-color',\n    dividerColorHover: '--plasma-textfield-divider-color-hover',\n    dividerColorFocus: '--plasma-textfield-divider-color-focus',\n\n    /** Цвета для read-only состояния */\n    colorReadOnly: '--plasma-textfield-color-readonly',\n    backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n    borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n    placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n    dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',\n\n    /** Цвет каретки */\n    caretColor: '--plasma-textfield__caret-color',\n    placeholderColor: '--plasma-textfield__placeholder-color',\n    placeholderColorFocus: '--plasma-textfield__placeholder-color-focus',\n    clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',\n    clearPlaceholderColorFocus: '--plasma-textfield__clear-placeholder-color-focus',\n    optionalColor: '--plasma-textfield__optional-color',\n\n    height: '--plasma-textfield-height',\n    borderWidth: '--plasma-textfield-border-width',\n    borderRadius: '--plasma-textfield-border-radius',\n\n    /** Отступ от границы ТextField */\n    padding: '--plasma-textfield-padding',\n    paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n    /* Токены для input */\n    leftContentMargin: '--plasma-textfield__left-content-margin',\n    rightContentMargin: '--plasma-textfield__right-content-margin',\n    rightContentWithHintMargin: '--plasma-textfield__right-content-with-hint-margin',\n\n    fontFamily: '--plasma-textfield-font-family',\n    fontStyle: '--plasma-textfield-font-style',\n    fontSize: '--plasma-textfield-font-size',\n    fontWeight: '--plasma-textfield-font-weight',\n    letterSpacing: '--plasma-textfield-letter-spacing',\n    lineHeight: '--plasma-textfield-line-height',\n\n    /* Tokens for content slot */\n    contentSlotColor: '--plasma-textfield-content-slot-color',\n    contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',\n    contentSlotColorActive: '--plasma-textfield-content-slot-color-active',\n\n    contentSlotRightColor: '--plasma-textfield-content-right-slot-color',\n    contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',\n    contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',\n\n    contentRightWrapperGap: '--plasma-textfield-content-right-wrapper-gap',\n    contentRightWrapperMargin: '--plasma-textfield-content-right-wrapper-margin',\n\n    /** Токены лейбла */\n    labelColor: '--plasma-textfield__label-color',\n    labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n    labelOffset: '--plasma-textfield__label-offset',\n    clearLabelOffset: '--plasma-textfield__clear-label-offset',\n\n    labelFontFamily: '--plasma-textfield__label-font-family',\n    labelFontStyle: '--plasma-textfield__label-font-style',\n    labelFontSize: '--plasma-textfield__label-font-size',\n    labelFontWeight: '--plasma-textfield__label-font-weight',\n    labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n    labelLineHeight: '--plasma-textfield__label-line-height',\n\n    /* label-placement-inner */\n    labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n    labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n    labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n    labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n    labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n    labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n    labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n    contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n    titleCaptionColor: '--plasma-textfield__title-caption-color',\n    titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',\n    titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',\n\n    titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',\n    titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',\n    titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',\n    titleCaptionFontWeight: '--plasma-textfield__title-caption-font-weight',\n    titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',\n    titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',\n\n    leftHelperColor: '--plasma-textfield__left-helper-color',\n    leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n    leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n    leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n    leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n    leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n    leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n    leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n    leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n    /** Токены вспомогательного текста */\n    textBeforeColor: '--plasma-textfield__before-text-color',\n    textAfterColor: '--plasma-textfield__after-text-color',\n    textBeforeMargin: '--plasma-textfield__before-text-margin',\n    textAfterMargin: '--plasma-textfield__after-text-margin',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textfield-disabled-opacity',\n    readOnlyOpacity: '--plasma-textfield-readonly-opacity',\n\n    /** Токены для tooltip */\n    hintMargin: '--plasma-textfield__hint-margin',\n    hintTargetSize: '--plasma-textfield__hint-target-size',\n    hintCustomIconTargetSize: '--plasma-textfield__hint-custom-icon-target-size',\n    hintIconColor: '--plasma-textfield__hint-icon-color',\n    hintInnerLabelPlacementOffset: '--plasma-textfield__hint-inner-label-placement-offset',\n    clearHintInnerLabelPlacementOffset: '--plasma-textfield__clear-hint-inner-label-placement-offset',\n\n    tooltipBackgroundColor: '--plasma-textfield__tooltip-background-color',\n    tooltipBoxShadow: '--plasma-textfield__tooltip-box-shadow',\n    tooltipColor: '--plasma-textfield__tooltip-color',\n\n    tooltipPaddingTop: '--plasma-textfield__tooltip-padding-top',\n    tooltipPaddingRight: '--plasma-textfield__tooltip-padding-right',\n    tooltipPaddingBottom: '--plasma-textfield__tooltip-padding-bottom',\n    tooltipPaddingLeft: '--plasma-textfield__tooltip-padding-left',\n    tooltipMinHeight: '--plasma-textfield__tooltip-min-height',\n    tooltipBorderRadius: '--plasma-textfield__tooltip-border-radius',\n    tooltipTextFontFamily: '--plasma-textfield__tooltip-text-font-family',\n    tooltipTextFontSize: '--plasma-textfield__tooltip-text-font-size',\n    tooltipTextFontStyle: '--plasma-textfield__tooltip-text-font-style',\n    tooltipTextFontWeight: '--plasma-textfield__tooltip-text-font-weight',\n    tooltipTextFontLetterSpacing: '--plasma-textfield__tooltip-text-font-letter-spacing',\n    tooltipTextFontLineHeight: '--plasma-textfield__tooltip-text-font-line-height',\n    tooltipContentLeftMargin: '--plasma-textfield__tooltip-content-left-margin',\n    tooltipArrowMaskWidth: '--plasma-textfield__tooltip-arrow-mask-width',\n    tooltipArrowMaskHeight: '--plasma-textfield__tooltip-arrow-mask-height',\n    tooltipArrowMaskImage: '--plasma-textfield__tooltip-arrow-mask-image',\n    tooltipArrowHeight: '--plasma-textfield__tooltip-arrow-height',\n    tooltipArrowEdgeMargin: '--plasma-textfield__tooltip-arrow-edge-margin',\n    tooltipArrowBackground: '--plasma-textfield__tooltip-arrow-background',\n\n    /** Токены чипа */\n    chipHeight: '--plasma-textfield__chip-height',\n    chipBorderRadius: '--plasma-textfield__chip-border-radius',\n    chipGap: '--plasma-textfield__chip-gap',\n    chipMarginRight: '--plasma-textfield__chip-margin-right',\n    chipBackground: '--plasma-textfield__chip-background',\n    chipColor: '--plasma-textfield__chip-color',\n    chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n    chipColorHover: '--plasma-textfield__chip-color-hover',\n    chipScaleHover: '--plasma-textfield__chip-scale-hover',\n    chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n    chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n    chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n    chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n    chipBackgroundActive: '--plasma-textfield__chip-background-active',\n    chipColorActive: '--plasma-textfield__chip-color-active',\n    chipScaleActive: '--plasma-textfield__chip-scale-active',\n    chipFocusColor: '--plasma-textfield__chip-focus-color',\n    chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n    chipOutlineSize: '--plasma-textfield__chip-outline-size',\n    chipWidth: '--plasma-textfield__chip-width',\n    chipPadding: '--plasma-textfield__chip-padding',\n    chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n    chipFontFamily: '--plasma-textfield__chip-font-family',\n    chipFontSize: '--plasma-textfield__chip-font-size',\n    chipFontStyle: '--plasma-textfield__chip-font-style',\n    chipFontWeight: '--plasma-textfield__chip-font-weight',\n    chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n    chipLineHeight: '--plasma-textfield__chip-line-height',\n    chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n    chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n    chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n    focusColor: '--plasma-textfield-focus-color',\n\n    indicatorColor: '--plasma-textfield__indicator-color',\n    indicatorSizeInner: '--plasma-textfield__indicator-size-inner',\n    indicatorSizeOuter: '--plasma-textfield__indicator-size-outer',\n    indicatorLabelPlacementInner: '--plasma-textfield__indicator-placement-inner',\n    indicatorLabelPlacementOuter: '--plasma-textfield__indicator-placement-outer',\n    indicatorLabelPlacementInnerRight: '--plasma-textfield__indicator-placement-inner-right',\n    indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right',\n    indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',\n    clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',\n    clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right',\n    clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right',\n};\n"],"names":["classes","hasChips","chipsWrapper","hasValue","keepPlaceholder","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","clear","hasDivider","hasHint","textFieldGroupItem","requiredAlignRight","inputWrapper","inputTextEllipsis","contentRightCompensationMargin","readOnlyInput","tokens","color","clearColor","boxShadow","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","dividerColor","dividerColorHover","dividerColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","dividerColorReadOnly","caretColor","placeholderColor","placeholderColorFocus","clearPlaceholderColor","clearPlaceholderColorFocus","optionalColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","rightContentWithHintMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","contentSlotColor","contentSlotColorHover","contentSlotColorActive","contentSlotRightColor","contentSlotRightColorHover","contentSlotRightColorActive","contentRightWrapperGap","contentRightWrapperMargin","labelColor","labelColorReadOnly","labelOffset","clearLabelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionInnerLabelOffset","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeColor","textAfterColor","textBeforeMargin","textAfterMargin","disabledOpacity","readOnlyOpacity","hintMargin","hintTargetSize","hintCustomIconTargetSize","hintIconColor","hintInnerLabelPlacementOffset","clearHintInnerLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground","chipHeight","chipBorderRadius","chipGap","chipMarginRight","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPadding","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","indicatorLabelPlacementHintOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","clearIndicatorHintInnerRight"],"mappings":"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"}

package/es/components/TextField/getInputWidth.js

@@ -1,5 +1,5 @@
-var INHERITED_PROPERTIES = ['font', 'letterSpacing', 'textTransform', 'fontKerning', 'fontOpticalSizing', 'fontSizeAdjust', 'fontStretch', 'fontVariant', 'fontWeight', 'fontVariationSettings', 'fontSynthesis', 'textIndent'];
-var measureStyles = {
+const INHERITED_PROPERTIES = ['font', 'letterSpacing', 'textTransform', 'fontKerning', 'fontOpticalSizing', 'fontSizeAdjust', 'fontStretch', 'fontVariant', 'fontWeight', 'fontVariationSettings', 'fontSynthesis', 'textIndent'];
+const measureStyles = {
   position: 'absolute',
   top: '0px',
   left: '0px',
@@ -13,15 +13,15 @@ function getInputWidth(element, container) {
   if (!element || !container) {
     return 0;
   }
-  var measure = document.createElement('span');
+  const measure = document.createElement('span');
   measure.innerText = element.value || element.placeholder || ' ';
   Object.assign(measure.style, measureStyles);
-  var styles = window.getComputedStyle(element);
-  INHERITED_PROPERTIES.forEach(function (property) {
+  const styles = window.getComputedStyle(element);
+  INHERITED_PROPERTIES.forEach(property => {
     measure.style.setProperty(property, String(styles[property]));
   });
   container.appendChild(measure);
-  var width = measure.scrollWidth;
+  const width = measure.scrollWidth;
   container.removeChild(measure);
   return width;
 }

package/es/components/TextField/getInputWidth.js.map

@@ -1 +1 @@
-{"version":3,"file":"getInputWidth.js","sources":["../../../src/components/TextField/getInputWidth.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nconst INHERITED_PROPERTIES = [\n    'font',\n    'letterSpacing',\n    'textTransform',\n    'fontKerning',\n    'fontOpticalSizing',\n    'fontSizeAdjust',\n    'fontStretch',\n    'fontVariant',\n    'fontWeight',\n    'fontVariationSettings',\n    'fontSynthesis',\n    'textIndent',\n] as Extract<keyof CSSStyleDeclaration, string>[];\n\nconst measureStyles = {\n    position: 'absolute',\n    top: '0px',\n    left: '0px',\n    width: '0px',\n    height: '0px',\n    visibility: 'hidden',\n    overflow: 'scroll',\n    whiteSpace: 'pre',\n} as CSSProperties;\n\nexport function getInputWidth(element: HTMLInputElement, container: HTMLDivElement | null) {\n    if (!element || !container) {\n        return 0;\n    }\n\n    const measure = document.createElement('span');\n    measure.innerText = element.value || element.placeholder || ' ';\n    Object.assign(measure.style, measureStyles);\n\n    const styles = window.getComputedStyle(element);\n\n    INHERITED_PROPERTIES.forEach((property) => {\n        measure.style.setProperty(property, String(styles[property]));\n    });\n\n    container.appendChild(measure);\n    const width = measure.scrollWidth;\n    container.removeChild(measure);\n    return width;\n}\n"],"names":["INHERITED_PROPERTIES","measureStyles","position","top","left","width","height","visibility","overflow","whiteSpace","getInputWidth","element","container","measure","document","createElement","innerText","value","placeholder","Object","assign","style","styles","window","getComputedStyle","forEach","property","setProperty","String","appendChild","scrollWidth","removeChild"],"mappings":"AAEA,IAAMA,oBAAoB,GAAG,CACzB,MAAM,EACN,eAAe,EACf,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,uBAAuB,EACvB,eAAe,EACf,YAAY,CACiC,CAAA;AAEjD,IAAMC,aAAa,GAAG;AAClBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,IAAI,EAAE,KAAK;AACXC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,UAAU,EAAE,KAAA;AAChB,CAAkB,CAAA;AAEX,SAASC,aAAaA,CAACC,OAAyB,EAAEC,SAAgC,EAAE;AACvF,EAAA,IAAI,CAACD,OAAO,IAAI,CAACC,SAAS,EAAE;AACxB,IAAA,OAAO,CAAC,CAAA;AACZ,GAAA;AAEA,EAAA,IAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC,CAAA;EAC9CF,OAAO,CAACG,SAAS,GAAGL,OAAO,CAACM,KAAK,IAAIN,OAAO,CAACO,WAAW,IAAI,GAAG,CAAA;EAC/DC,MAAM,CAACC,MAAM,CAACP,OAAO,CAACQ,KAAK,EAAEpB,aAAa,CAAC,CAAA;AAE3C,EAAA,IAAMqB,MAAM,GAAGC,MAAM,CAACC,gBAAgB,CAACb,OAAO,CAAC,CAAA;AAE/CX,EAAAA,oBAAoB,CAACyB,OAAO,CAAC,UAACC,QAAQ,EAAK;AACvCb,IAAAA,OAAO,CAACQ,KAAK,CAACM,WAAW,CAACD,QAAQ,EAAEE,MAAM,CAACN,MAAM,CAACI,QAAQ,CAAC,CAAC,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AAEFd,EAAAA,SAAS,CAACiB,WAAW,CAAChB,OAAO,CAAC,CAAA;AAC9B,EAAA,IAAMR,KAAK,GAAGQ,OAAO,CAACiB,WAAW,CAAA;AACjClB,EAAAA,SAAS,CAACmB,WAAW,CAAClB,OAAO,CAAC,CAAA;AAC9B,EAAA,OAAOR,KAAK,CAAA;AAChB;;;;"}
+{"version":3,"file":"getInputWidth.js","sources":["../../../src/components/TextField/getInputWidth.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nconst INHERITED_PROPERTIES = [\n    'font',\n    'letterSpacing',\n    'textTransform',\n    'fontKerning',\n    'fontOpticalSizing',\n    'fontSizeAdjust',\n    'fontStretch',\n    'fontVariant',\n    'fontWeight',\n    'fontVariationSettings',\n    'fontSynthesis',\n    'textIndent',\n] as Extract<keyof CSSStyleDeclaration, string>[];\n\nconst measureStyles = {\n    position: 'absolute',\n    top: '0px',\n    left: '0px',\n    width: '0px',\n    height: '0px',\n    visibility: 'hidden',\n    overflow: 'scroll',\n    whiteSpace: 'pre',\n} as CSSProperties;\n\nexport function getInputWidth(element: HTMLInputElement, container: HTMLDivElement | null) {\n    if (!element || !container) {\n        return 0;\n    }\n\n    const measure = document.createElement('span');\n    measure.innerText = element.value || element.placeholder || ' ';\n    Object.assign(measure.style, measureStyles);\n\n    const styles = window.getComputedStyle(element);\n\n    INHERITED_PROPERTIES.forEach((property) => {\n        measure.style.setProperty(property, String(styles[property]));\n    });\n\n    container.appendChild(measure);\n    const width = measure.scrollWidth;\n    container.removeChild(measure);\n    return width;\n}\n"],"names":["INHERITED_PROPERTIES","measureStyles","position","top","left","width","height","visibility","overflow","whiteSpace","getInputWidth","element","container","measure","document","createElement","innerText","value","placeholder","Object","assign","style","styles","window","getComputedStyle","forEach","property","setProperty","String","appendChild","scrollWidth","removeChild"],"mappings":"AAEA,MAAMA,oBAAoB,GAAG,CACzB,MAAM,EACN,eAAe,EACf,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,uBAAuB,EACvB,eAAe,EACf,YAAY,CACiC,CAAA;AAEjD,MAAMC,aAAa,GAAG;AAClBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,IAAI,EAAE,KAAK;AACXC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,UAAU,EAAE,KAAA;AAChB,CAAkB,CAAA;AAEX,SAASC,aAAaA,CAACC,OAAyB,EAAEC,SAAgC,EAAE;AACvF,EAAA,IAAI,CAACD,OAAO,IAAI,CAACC,SAAS,EAAE;AACxB,IAAA,OAAO,CAAC,CAAA;AACZ,GAAA;AAEA,EAAA,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC,CAAA;EAC9CF,OAAO,CAACG,SAAS,GAAGL,OAAO,CAACM,KAAK,IAAIN,OAAO,CAACO,WAAW,IAAI,GAAG,CAAA;EAC/DC,MAAM,CAACC,MAAM,CAACP,OAAO,CAACQ,KAAK,EAAEpB,aAAa,CAAC,CAAA;AAE3C,EAAA,MAAMqB,MAAM,GAAGC,MAAM,CAACC,gBAAgB,CAACb,OAAO,CAAC,CAAA;AAE/CX,EAAAA,oBAAoB,CAACyB,OAAO,CAAEC,QAAQ,IAAK;AACvCb,IAAAA,OAAO,CAACQ,KAAK,CAACM,WAAW,CAACD,QAAQ,EAAEE,MAAM,CAACN,MAAM,CAACI,QAAQ,CAAC,CAAC,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AAEFd,EAAAA,SAAS,CAACiB,WAAW,CAAChB,OAAO,CAAC,CAAA;AAC9B,EAAA,MAAMR,KAAK,GAAGQ,OAAO,CAACiB,WAAW,CAAA;AACjClB,EAAAA,SAAS,CAACmB,WAAW,CAAClB,OAAO,CAAC,CAAA;AAC9B,EAAA,OAAOR,KAAK,CAAA;AAChB;;;;"}

package/es/components/TextField/hooks/useKeyNavigation.js

@@ -1,7 +1,6 @@
-import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState } from 'react';
 
-var Keys = {
+const Keys = {
   Enter: 'Enter',
   Tab: 'Tab',
   Escape: 'Escape',
@@ -9,77 +8,71 @@ var Keys = {
   ArrowRight: 'ArrowRight',
   Backspace: 'Backspace'
 };
-var useKeyNavigation = function useKeyNavigation(_ref) {
-  var _ref$controlledRefs = _ref.controlledRefs,
-    chipsRefs = _ref$controlledRefs.chipsRefs,
-    contentRef = _ref$controlledRefs.contentRef,
-    inputRef = _ref$controlledRefs.inputRef,
-    disabled = _ref.disabled,
-    readOnly = _ref.readOnly,
-    chips = _ref.chips,
-    enumerationType = _ref.enumerationType,
-    updateChips = _ref.updateChips,
-    onChange = _ref.onChange,
-    onSearch = _ref.onSearch,
-    _ref$onEnterDisabled = _ref.onEnterDisabled,
-    onEnterDisabled = _ref$onEnterDisabled === void 0 ? false : _ref$onEnterDisabled;
-  var _useState = useState(-1),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeChipIndex = _useState2[0],
-    setActiveChipIndex = _useState2[1];
-  var handleInputKeydown = function handleInputKeydown(event) {
-    var _inputRef$current;
-    var _ref2 = event.target,
-      value = _ref2.value;
+const useKeyNavigation = ({
+  controlledRefs: {
+    chipsRefs,
+    contentRef,
+    inputRef
+  },
+  disabled,
+  readOnly,
+  chips,
+  enumerationType,
+  updateChips,
+  onChange,
+  onSearch,
+  onEnterDisabled = false
+}) => {
+  const [activeChipIndex, setActiveChipIndex] = useState(-1);
+  const handleInputKeydown = event => {
+    const {
+      value
+    } = event.target;
     if (disabled || readOnly) {
       return;
     }
     if (event.key === Keys.Enter && !onEnterDisabled) {
       if (enumerationType === 'chip' && value) {
-        var nextIndex = (chips === null || chips === void 0 ? void 0 : chips.length) || 0;
-        var newChips = [].concat(_toConsumableArray(chips), [{
-          id: "".concat(nextIndex, "_").concat(value),
+        const nextIndex = chips?.length || 0;
+        const newChips = [...chips, {
+          id: `${nextIndex}_${value}`,
           text: value
-        }]);
-        var newValues = newChips.map(function (_ref3) {
-          var text = _ref3.text;
-          return text;
-        });
+        }];
+        const newValues = newChips.map(({
+          text
+        }) => text);
         updateChips(newChips, newValues);
         event.target.value = '';
-        onChange === null || onChange === void 0 || onChange(event);
+        onChange?.(event);
       }
       if (onSearch) {
         onSearch(value, event);
       }
     }
-    if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.selectionStart) === 0) {
-      var _newChips = _toConsumableArray(chips);
-      _newChips === null || _newChips === void 0 || _newChips.pop();
-      chipsRefs === null || chipsRefs === void 0 || chipsRefs.current.pop();
-      var _newValues = _newChips.map(function (_ref4) {
-        var text = _ref4.text;
-        return text;
-      });
-      updateChips(_newChips, _newValues);
+    if (event.key === Keys.Backspace && chips.length && inputRef?.current?.selectionStart === 0) {
+      const newChips = [...chips];
+      newChips?.pop();
+      chipsRefs?.current.pop();
+      const newValues = newChips.map(({
+        text
+      }) => text);
+      updateChips(newChips, newValues);
     }
   };
-  var onChipClear = function onChipClear(clearId, index) {
+  const onChipClear = (clearId, index) => {
     if (!chips.length) {
       return;
     }
-    var newChips = (chips === null || chips === void 0 ? void 0 : chips.filter(function (_ref5) {
-      var chipId = _ref5.id;
-      return chipId !== clearId;
-    })) || [];
-    var newValues = newChips.map(function (_ref6) {
-      var text = _ref6.text;
-      return text;
-    });
-    chipsRefs === null || chipsRefs === void 0 || chipsRefs.current.splice(index, 1);
+    const newChips = chips?.filter(({
+      id: chipId
+    }) => chipId !== clearId) || [];
+    const newValues = newChips.map(({
+      text
+    }) => text);
+    chipsRefs?.current.splice(index, 1);
     updateChips(newChips, newValues);
   };
-  var handleChipKeyDown = function handleChipKeyDown(event, chipId, chipIndex) {
+  const handleChipKeyDown = (event, chipId, chipIndex) => {
     if (event.key === Keys.Tab) {
       event.preventDefault();
     }
@@ -87,32 +80,28 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
       onChipClear(chipId, chipIndex);
     }
   };
-  var handleContentKeyDown = function handleContentKeyDown(event) {
-    var _inputRef$current2, _focusedItem, _focusedItem2;
-    var chipsRefsCount = chipsRefs.current.length;
-    var currentCaretPosition = (inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.selectionStart) || 0;
-    var newActiveChipIndex = activeChipIndex;
-    var focusedItem = null;
+  const handleContentKeyDown = event => {
+    const chipsRefsCount = chipsRefs.current.length;
+    const currentCaretPosition = inputRef?.current?.selectionStart || 0;
+    let newActiveChipIndex = activeChipIndex;
+    let focusedItem = null;
     if (event.key === Keys.ArrowLeft && enumerationType === 'chip' && currentCaretPosition <= 0) {
-      var _chipsRefs$current;
-      var index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
-      newActiveChipIndex = document.activeElement === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? chipsRefsCount - 1 : index;
-      focusedItem = (_chipsRefs$current = chipsRefs.current) === null || _chipsRefs$current === void 0 ? void 0 : _chipsRefs$current[newActiveChipIndex];
+      const index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
+      newActiveChipIndex = document.activeElement === inputRef?.current ? chipsRefsCount - 1 : index;
+      focusedItem = chipsRefs.current?.[newActiveChipIndex];
     }
-    if (event.key === Keys.ArrowRight && enumerationType === 'chip' && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
-      var _chipsRefs$current2;
-      var _index = activeChipIndex + 1 >= chipsRefsCount ? activeChipIndex : activeChipIndex + 1;
-      newActiveChipIndex = document.activeElement === (contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) ? 0 : _index;
-      focusedItem = _index === activeChipIndex ? inputRef === null || inputRef === void 0 ? void 0 : inputRef.current : (_chipsRefs$current2 = chipsRefs.current) === null || _chipsRefs$current2 === void 0 ? void 0 : _chipsRefs$current2[newActiveChipIndex];
+    if (event.key === Keys.ArrowRight && enumerationType === 'chip' && document.activeElement !== inputRef?.current) {
+      const index = activeChipIndex + 1 >= chipsRefsCount ? activeChipIndex : activeChipIndex + 1;
+      newActiveChipIndex = document.activeElement === contentRef?.current ? 0 : index;
+      focusedItem = index === activeChipIndex ? inputRef?.current : chipsRefs.current?.[newActiveChipIndex];
     }
-    if (event.key === Keys.Backspace && document.activeElement !== (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
-      var _chipsRefs$current3;
-      var _index2 = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
-      newActiveChipIndex = chipsRefsCount === 0 ? -1 : _index2;
-      focusedItem = chipsRefsCount === 0 ? inputRef === null || inputRef === void 0 ? void 0 : inputRef.current : chipsRefs === null || chipsRefs === void 0 || (_chipsRefs$current3 = chipsRefs.current) === null || _chipsRefs$current3 === void 0 ? void 0 : _chipsRefs$current3[newActiveChipIndex];
+    if (event.key === Keys.Backspace && document.activeElement !== inputRef?.current) {
+      const index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;
+      newActiveChipIndex = chipsRefsCount === 0 ? -1 : index;
+      focusedItem = chipsRefsCount === 0 ? inputRef?.current : chipsRefs?.current?.[newActiveChipIndex];
     }
-    (_focusedItem = focusedItem) === null || _focusedItem === void 0 || _focusedItem.focus();
-    (_focusedItem2 = focusedItem) === null || _focusedItem2 === void 0 || _focusedItem2.scrollIntoView({
+    focusedItem?.focus();
+    focusedItem?.scrollIntoView({
       behavior: 'smooth',
       block: 'center',
       inline: 'center'
@@ -120,10 +109,10 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
     setActiveChipIndex(newActiveChipIndex);
   };
   return {
-    handleInputKeydown: handleInputKeydown,
-    handleChipKeyDown: handleChipKeyDown,
-    onChipClear: onChipClear,
-    handleContentKeyDown: handleContentKeyDown
+    handleInputKeydown,
+    handleChipKeyDown,
+    onChipClear,
+    handleContentKeyDown
   };
 };
 

package/es/components/TextField/hooks/useKeyNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyNavigation.js","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.ts"],"sourcesContent":["import { useState } from 'react';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\n\nimport type { UseKeyNavigationProps } from '../TextField.types';\n\nexport const Keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    Backspace: 'Backspace',\n};\n\nexport const useKeyNavigation = ({\n    controlledRefs: { chipsRefs, contentRef, inputRef },\n    disabled,\n    readOnly,\n    chips,\n    enumerationType,\n    updateChips,\n    onChange,\n    onSearch,\n    onEnterDisabled = false,\n}: UseKeyNavigationProps & { onEnterDisabled: boolean }) => {\n    const [activeChipIndex, setActiveChipIndex] = useState(-1);\n\n    const handleInputKeydown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n        const { value } = event.target as HTMLInputElement;\n\n        if (disabled || readOnly) {\n            return;\n        }\n\n        if (event.key === Keys.Enter && !onEnterDisabled) {\n            if (enumerationType === 'chip' && value) {\n                const nextIndex = chips?.length || 0;\n\n                const newChips = [...chips, { id: `${nextIndex}_${value}`, text: value }];\n                const newValues = newChips.map(({ text }) => text);\n\n                updateChips(newChips, newValues);\n                event.target.value = '';\n                onChange?.(event);\n            }\n\n            if (onSearch) {\n                onSearch(value, event);\n            }\n        }\n\n        if (event.key === Keys.Backspace && chips.length && inputRef?.current?.selectionStart === 0) {\n            const newChips = [...chips];\n            newChips?.pop();\n            chipsRefs?.current.pop();\n\n            const newValues = newChips.map(({ text }) => text);\n\n            updateChips(newChips, newValues);\n        }\n    };\n\n    const onChipClear = (clearId: string, index: number) => {\n        if (!chips.length) {\n            return;\n        }\n\n        const newChips = chips?.filter(({ id: chipId }) => chipId !== clearId) || [];\n        const newValues = newChips.map(({ text }) => text);\n        chipsRefs?.current.splice(index, 1);\n\n        updateChips(newChips, newValues);\n    };\n\n    const handleChipKeyDown = (event: KeyboardEvent<HTMLButtonElement>, chipId: string, chipIndex: number) => {\n        if (event.key === Keys.Tab) {\n            event.preventDefault();\n        }\n\n        if (event.key === Keys.Backspace) {\n            onChipClear(chipId, chipIndex);\n        }\n    };\n\n    const handleContentKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n        const chipsRefsCount = chipsRefs.current.length;\n        const currentCaretPosition = inputRef?.current?.selectionStart || 0;\n\n        let newActiveChipIndex = activeChipIndex;\n        let focusedItem: HTMLButtonElement | HTMLInputElement | null = null;\n\n        if (event.key === Keys.ArrowLeft && enumerationType === 'chip' && currentCaretPosition <= 0) {\n            const index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;\n\n            newActiveChipIndex = document.activeElement === inputRef?.current ? chipsRefsCount - 1 : index;\n\n            focusedItem = chipsRefs.current?.[newActiveChipIndex];\n        }\n\n        if (\n            event.key === Keys.ArrowRight &&\n            enumerationType === 'chip' &&\n            document.activeElement !== inputRef?.current\n        ) {\n            const index = activeChipIndex + 1 >= chipsRefsCount ? activeChipIndex : activeChipIndex + 1;\n\n            newActiveChipIndex = document.activeElement === contentRef?.current ? 0 : index;\n            focusedItem =\n                index === activeChipIndex\n                    ? (inputRef?.current as HTMLInputElement)\n                    : chipsRefs.current?.[newActiveChipIndex];\n        }\n\n        if (event.key === Keys.Backspace && document.activeElement !== inputRef?.current) {\n            const index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;\n\n            newActiveChipIndex = chipsRefsCount === 0 ? -1 : index;\n            focusedItem =\n                chipsRefsCount === 0\n                    ? (inputRef?.current as HTMLInputElement)\n                    : chipsRefs?.current?.[newActiveChipIndex];\n        }\n\n        focusedItem?.focus();\n        focusedItem?.scrollIntoView({\n            behavior: 'smooth',\n            block: 'center',\n            inline: 'center',\n        });\n\n        setActiveChipIndex(newActiveChipIndex);\n    };\n\n    return { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } as const;\n};\n"],"names":["Keys","Enter","Tab","Escape","ArrowLeft","ArrowRight","Backspace","useKeyNavigation","_ref","_ref$controlledRefs","controlledRefs","chipsRefs","contentRef","inputRef","disabled","readOnly","chips","enumerationType","updateChips","onChange","onSearch","_ref$onEnterDisabled","onEnterDisabled","_useState","useState","_useState2","_slicedToArray","activeChipIndex","setActiveChipIndex","handleInputKeydown","event","_inputRef$current","_ref2","target","value","key","nextIndex","length","newChips","concat","_toConsumableArray","id","text","newValues","map","_ref3","current","selectionStart","pop","_ref4","onChipClear","clearId","index","filter","_ref5","chipId","_ref6","splice","handleChipKeyDown","chipIndex","preventDefault","handleContentKeyDown","_inputRef$current2","_focusedItem","_focusedItem2","chipsRefsCount","currentCaretPosition","newActiveChipIndex","focusedItem","_chipsRefs$current","document","activeElement","_chipsRefs$current2","_chipsRefs$current3","focus","scrollIntoView","behavior","block","inline"],"mappings":"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"}
+{"version":3,"file":"useKeyNavigation.js","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.ts"],"sourcesContent":["import { useState } from 'react';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\n\nimport type { UseKeyNavigationProps } from '../TextField.types';\n\nexport const Keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    Backspace: 'Backspace',\n};\n\nexport const useKeyNavigation = ({\n    controlledRefs: { chipsRefs, contentRef, inputRef },\n    disabled,\n    readOnly,\n    chips,\n    enumerationType,\n    updateChips,\n    onChange,\n    onSearch,\n    onEnterDisabled = false,\n}: UseKeyNavigationProps & { onEnterDisabled: boolean }) => {\n    const [activeChipIndex, setActiveChipIndex] = useState(-1);\n\n    const handleInputKeydown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n        const { value } = event.target as HTMLInputElement;\n\n        if (disabled || readOnly) {\n            return;\n        }\n\n        if (event.key === Keys.Enter && !onEnterDisabled) {\n            if (enumerationType === 'chip' && value) {\n                const nextIndex = chips?.length || 0;\n\n                const newChips = [...chips, { id: `${nextIndex}_${value}`, text: value }];\n                const newValues = newChips.map(({ text }) => text);\n\n                updateChips(newChips, newValues);\n                event.target.value = '';\n                onChange?.(event);\n            }\n\n            if (onSearch) {\n                onSearch(value, event);\n            }\n        }\n\n        if (event.key === Keys.Backspace && chips.length && inputRef?.current?.selectionStart === 0) {\n            const newChips = [...chips];\n            newChips?.pop();\n            chipsRefs?.current.pop();\n\n            const newValues = newChips.map(({ text }) => text);\n\n            updateChips(newChips, newValues);\n        }\n    };\n\n    const onChipClear = (clearId: string, index: number) => {\n        if (!chips.length) {\n            return;\n        }\n\n        const newChips = chips?.filter(({ id: chipId }) => chipId !== clearId) || [];\n        const newValues = newChips.map(({ text }) => text);\n        chipsRefs?.current.splice(index, 1);\n\n        updateChips(newChips, newValues);\n    };\n\n    const handleChipKeyDown = (event: KeyboardEvent<HTMLButtonElement>, chipId: string, chipIndex: number) => {\n        if (event.key === Keys.Tab) {\n            event.preventDefault();\n        }\n\n        if (event.key === Keys.Backspace) {\n            onChipClear(chipId, chipIndex);\n        }\n    };\n\n    const handleContentKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n        const chipsRefsCount = chipsRefs.current.length;\n        const currentCaretPosition = inputRef?.current?.selectionStart || 0;\n\n        let newActiveChipIndex = activeChipIndex;\n        let focusedItem: HTMLButtonElement | HTMLInputElement | null = null;\n\n        if (event.key === Keys.ArrowLeft && enumerationType === 'chip' && currentCaretPosition <= 0) {\n            const index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;\n\n            newActiveChipIndex = document.activeElement === inputRef?.current ? chipsRefsCount - 1 : index;\n\n            focusedItem = chipsRefs.current?.[newActiveChipIndex];\n        }\n\n        if (\n            event.key === Keys.ArrowRight &&\n            enumerationType === 'chip' &&\n            document.activeElement !== inputRef?.current\n        ) {\n            const index = activeChipIndex + 1 >= chipsRefsCount ? activeChipIndex : activeChipIndex + 1;\n\n            newActiveChipIndex = document.activeElement === contentRef?.current ? 0 : index;\n            focusedItem =\n                index === activeChipIndex\n                    ? (inputRef?.current as HTMLInputElement)\n                    : chipsRefs.current?.[newActiveChipIndex];\n        }\n\n        if (event.key === Keys.Backspace && document.activeElement !== inputRef?.current) {\n            const index = activeChipIndex - 1 <= 0 ? 0 : activeChipIndex - 1;\n\n            newActiveChipIndex = chipsRefsCount === 0 ? -1 : index;\n            focusedItem =\n                chipsRefsCount === 0\n                    ? (inputRef?.current as HTMLInputElement)\n                    : chipsRefs?.current?.[newActiveChipIndex];\n        }\n\n        focusedItem?.focus();\n        focusedItem?.scrollIntoView({\n            behavior: 'smooth',\n            block: 'center',\n            inline: 'center',\n        });\n\n        setActiveChipIndex(newActiveChipIndex);\n    };\n\n    return { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } as const;\n};\n"],"names":["Keys","Enter","Tab","Escape","ArrowLeft","ArrowRight","Backspace","useKeyNavigation","controlledRefs","chipsRefs","contentRef","inputRef","disabled","readOnly","chips","enumerationType","updateChips","onChange","onSearch","onEnterDisabled","activeChipIndex","setActiveChipIndex","useState","handleInputKeydown","event","value","target","key","nextIndex","length","newChips","id","text","newValues","map","current","selectionStart","pop","onChipClear","clearId","index","filter","chipId","splice","handleChipKeyDown","chipIndex","preventDefault","handleContentKeyDown","chipsRefsCount","currentCaretPosition","newActiveChipIndex","focusedItem","document","activeElement","focus","scrollIntoView","behavior","block","inline"],"mappings":"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"}

package/es/components/TextField/ui/Hint/Hint.js

@@ -5,23 +5,24 @@ import { tokens } from '../../TextField.tokens.js';
 import { safeUseId } from '../../../../utils/react.js';
 import { IconInfoCircleOutline } from '../../../_Icon/Icons/IconInfoCircleOutline.js';
 
-var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var hintText = _ref.hintText,
-    isHintVisible = _ref.isHintVisible,
-    hintTrigger = _ref.hintTrigger,
-    hintTargetIcon = _ref.hintTargetIcon,
-    hintPlacement = _ref.hintPlacement,
-    hintHasArrow = _ref.hintHasArrow,
-    hintOffset = _ref.hintOffset,
-    hintWidth = _ref.hintWidth,
-    hintContentLeft = _ref.hintContentLeft,
-    isInnerLabel = _ref.isInnerLabel,
-    size = _ref.size,
-    handleHintShow = _ref.handleHintShow,
-    handleHintHide = _ref.handleHintHide,
-    handleHintClick = _ref.handleHintClick;
-  var hintId = safeUseId();
-  var getInfoIconSize = function getInfoIconSize() {
+const HintComponent = /*#__PURE__*/forwardRef(({
+  hintText,
+  isHintVisible,
+  hintTrigger,
+  hintTargetIcon,
+  hintPlacement,
+  hintHasArrow,
+  hintOffset,
+  hintWidth,
+  hintContentLeft,
+  isInnerLabel,
+  size,
+  handleHintShow,
+  handleHintHide,
+  handleHintClick
+}, ref) => {
+  const hintId = safeUseId();
+  const getInfoIconSize = () => {
     if (!isInnerLabel || size === 'xs') {
       return 'xs';
     }

package/es/components/TextField/ui/Hint/Hint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.js","sources":["../../../../../src/components/TextField/ui/Hint/Hint.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { Hint, HintTargetWrapper, HintIconWrapper } from '../../TextField.styles';\nimport { IconInfoCircleOutline } from '../../../_Icon';\nimport { tokens } from '../../TextField.tokens';\n\nimport type { TextFieldHintProps } from './Hint.types';\n\nexport const HintComponent = forwardRef<HTMLDivElement, TextFieldHintProps>(\n    (\n        {\n            hintText,\n            isHintVisible,\n            hintTrigger,\n            hintTargetIcon,\n            hintPlacement,\n            hintHasArrow,\n            hintOffset,\n            hintWidth,\n            hintContentLeft,\n            isInnerLabel,\n            size,\n            handleHintShow,\n            handleHintHide,\n            handleHintClick,\n        },\n        ref,\n    ) => {\n        const hintId = safeUseId();\n\n        const getInfoIconSize = () => {\n            if (!isInnerLabel || size === 'xs') {\n                return 'xs';\n            }\n\n            return 's';\n        };\n\n        return (\n            <Hint\n                ref={ref}\n                text={String(hintText)}\n                opened={isHintVisible}\n                target={\n                    <HintTargetWrapper>\n                        <HintIconWrapper\n                            id={hintId}\n                            {...(hintTrigger === 'hover'\n                                ? {\n                                      onMouseEnter: handleHintShow,\n                                      onMouseLeave: handleHintHide,\n                                  }\n                                : { onClick: handleHintClick })}\n                        >\n                            {hintTargetIcon || (\n                                <IconInfoCircleOutline\n                                    size={getInfoIconSize()}\n                                    color=\"inherit\"\n                                    sizeCustomProperty={tokens.hintCustomIconTargetSize}\n                                />\n                            )}\n                        </HintIconWrapper>\n                    </HintTargetWrapper>\n                }\n                placement={hintPlacement}\n                hasArrow={hintHasArrow}\n                offset={hintOffset}\n                minWidth={hintWidth}\n                maxWidth={hintWidth}\n                contentLeft={hintContentLeft}\n                frame={hintId}\n            />\n        );\n    },\n);\n"],"names":["HintComponent","forwardRef","_ref","ref","hintText","isHintVisible","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","isInnerLabel","size","handleHintShow","handleHintHide","handleHintClick","hintId","safeUseId","getInfoIconSize","React","createElement","Hint","text","String","opened","target","HintTargetWrapper","HintIconWrapper","_extends","id","onMouseEnter","onMouseLeave","onClick","IconInfoCircleOutline","color","sizeCustomProperty","tokens","hintCustomIconTargetSize","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame"],"mappings":";;;;;;;AASO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAiBIC,GAAG,EACF;AAAA,EAAA,IAhBGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;IACJC,cAAc,GAAAb,IAAA,CAAda,cAAc;IACdC,cAAc,GAAAd,IAAA,CAAdc,cAAc;IACdC,eAAe,GAAAf,IAAA,CAAfe,eAAe,CAAA;AAInB,EAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAAS;AAC1B,IAAA,IAAI,CAACP,YAAY,IAAIC,IAAI,KAAK,IAAI,EAAE;AAChC,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;AAEA,IAAA,OAAO,GAAG,CAAA;GACb,CAAA;AAED,EAAA,oBACIO,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACDpB,IAAAA,GAAG,EAAEA,GAAI;AACTqB,IAAAA,IAAI,EAAEC,MAAM,CAACrB,QAAQ,CAAE;AACvBsB,IAAAA,MAAM,EAAErB,aAAc;AACtBsB,IAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,iBAAiB,EACdP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,eAAe,EAAAC,QAAA,CAAA;AACZC,MAAAA,EAAE,EAAEb,MAAAA;KACCZ,EAAAA,WAAW,KAAK,OAAO,GACtB;AACI0B,MAAAA,YAAY,EAAEjB,cAAc;AAC5BkB,MAAAA,YAAY,EAAEjB,cAAAA;AAClB,KAAC,GACD;AAAEkB,MAAAA,OAAO,EAAEjB,eAAAA;AAAgB,KAAC,GAEjCV,cAAc,iBACXc,KAAA,CAAAC,aAAA,CAACa,qBAAqB,EAAA;MAClBrB,IAAI,EAAEM,eAAe,EAAG;AACxBgB,MAAAA,KAAK,EAAC,SAAS;MACfC,kBAAkB,EAAEC,MAAM,CAACC,wBAAAA;KAC9B,CAEQ,CACF,CACtB;AACDC,IAAAA,SAAS,EAAEhC,aAAc;AACzBiC,IAAAA,QAAQ,EAAEhC,YAAa;AACvBiC,IAAAA,MAAM,EAAEhC,UAAW;AACnBiC,IAAAA,QAAQ,EAAEhC,SAAU;AACpBiC,IAAAA,QAAQ,EAAEjC,SAAU;AACpBkC,IAAAA,WAAW,EAAEjC,eAAgB;AAC7BkC,IAAAA,KAAK,EAAE5B,MAAAA;AAAO,GACjB,CAAC,CAAA;AAEV,CACJ;;;;"}
+{"version":3,"file":"Hint.js","sources":["../../../../../src/components/TextField/ui/Hint/Hint.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Hint, HintTargetWrapper, HintIconWrapper } from '../../TextField.styles';\nimport { IconInfoCircleOutline } from '../../../_Icon';\nimport { safeUseId } from '../../../../utils';\nimport { tokens } from '../../TextField.tokens';\n\nimport type { TextFieldHintProps } from './Hint.types';\n\nexport const HintComponent = forwardRef<HTMLDivElement, TextFieldHintProps>(\n    (\n        {\n            hintText,\n            isHintVisible,\n            hintTrigger,\n            hintTargetIcon,\n            hintPlacement,\n            hintHasArrow,\n            hintOffset,\n            hintWidth,\n            hintContentLeft,\n            isInnerLabel,\n            size,\n            handleHintShow,\n            handleHintHide,\n            handleHintClick,\n        },\n        ref,\n    ) => {\n        const hintId = safeUseId();\n\n        const getInfoIconSize = () => {\n            if (!isInnerLabel || size === 'xs') {\n                return 'xs';\n            }\n\n            return 's';\n        };\n\n        return (\n            <Hint\n                ref={ref}\n                text={String(hintText)}\n                opened={isHintVisible}\n                target={\n                    <HintTargetWrapper>\n                        <HintIconWrapper\n                            id={hintId}\n                            {...(hintTrigger === 'hover'\n                                ? {\n                                      onMouseEnter: handleHintShow,\n                                      onMouseLeave: handleHintHide,\n                                  }\n                                : { onClick: handleHintClick })}\n                        >\n                            {hintTargetIcon || (\n                                <IconInfoCircleOutline\n                                    size={getInfoIconSize()}\n                                    color=\"inherit\"\n                                    sizeCustomProperty={tokens.hintCustomIconTargetSize}\n                                />\n                            )}\n                        </HintIconWrapper>\n                    </HintTargetWrapper>\n                }\n                placement={hintPlacement}\n                hasArrow={hintHasArrow}\n                offset={hintOffset}\n                minWidth={hintWidth}\n                maxWidth={hintWidth}\n                contentLeft={hintContentLeft}\n                frame={hintId}\n            />\n        );\n    },\n);\n"],"names":["HintComponent","forwardRef","hintText","isHintVisible","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","isInnerLabel","size","handleHintShow","handleHintHide","handleHintClick","ref","hintId","safeUseId","getInfoIconSize","React","createElement","Hint","text","String","opened","target","HintTargetWrapper","HintIconWrapper","_extends","id","onMouseEnter","onMouseLeave","onClick","IconInfoCircleOutline","color","sizeCustomProperty","tokens","hintCustomIconTargetSize","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame"],"mappings":";;;;;;;AASaA,MAAAA,aAAa,gBAAGC,UAAU,CACnC,CACI;EACIC,QAAQ;EACRC,aAAa;EACbC,WAAW;EACXC,cAAc;EACdC,aAAa;EACbC,YAAY;EACZC,UAAU;EACVC,SAAS;EACTC,eAAe;EACfC,YAAY;EACZC,IAAI;EACJC,cAAc;EACdC,cAAc;AACdC,EAAAA,eAAAA;AACJ,CAAC,EACDC,GAAG,KACF;AACD,EAAA,MAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;EAE1B,MAAMC,eAAe,GAAGA,MAAM;AAC1B,IAAA,IAAI,CAACR,YAAY,IAAIC,IAAI,KAAK,IAAI,EAAE;AAChC,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;AAEA,IAAA,OAAO,GAAG,CAAA;GACb,CAAA;AAED,EAAA,oBACIQ,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACDN,IAAAA,GAAG,EAAEA,GAAI;AACTO,IAAAA,IAAI,EAAEC,MAAM,CAACtB,QAAQ,CAAE;AACvBuB,IAAAA,MAAM,EAAEtB,aAAc;AACtBuB,IAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,iBAAiB,EACdP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,eAAe,EAAAC,QAAA,CAAA;AACZC,MAAAA,EAAE,EAAEb,MAAAA;KACCb,EAAAA,WAAW,KAAK,OAAO,GACtB;AACI2B,MAAAA,YAAY,EAAElB,cAAc;AAC5BmB,MAAAA,YAAY,EAAElB,cAAAA;AAClB,KAAC,GACD;AAAEmB,MAAAA,OAAO,EAAElB,eAAAA;AAAgB,KAAC,GAEjCV,cAAc,iBACXe,KAAA,CAAAC,aAAA,CAACa,qBAAqB,EAAA;MAClBtB,IAAI,EAAEO,eAAe,EAAG;AACxBgB,MAAAA,KAAK,EAAC,SAAS;MACfC,kBAAkB,EAAEC,MAAM,CAACC,wBAAAA;KAC9B,CAEQ,CACF,CACtB;AACDC,IAAAA,SAAS,EAAEjC,aAAc;AACzBkC,IAAAA,QAAQ,EAAEjC,YAAa;AACvBkC,IAAAA,MAAM,EAAEjC,UAAW;AACnBkC,IAAAA,QAAQ,EAAEjC,SAAU;AACpBkC,IAAAA,QAAQ,EAAElC,SAAU;AACpBmC,IAAAA,WAAW,EAAElC,eAAgB;AAC7BmC,IAAAA,KAAK,EAAE5B,MAAAA;AAAO,GACjB,CAAC,CAAA;AAEV,CACJ;;;;"}

package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js

@@ -4,25 +4,24 @@ import { StyledChip, TextChip } from './TextFieldChip.styles.js';
 /**
  * Чип, отображающий выбранный элемент
  */
-var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var id = _ref.id,
-    text = _ref.text,
-    disabled = _ref.disabled,
-    readOnly = _ref.readOnly,
-    view = _ref.view,
-    _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
-    chipType = _ref.chipType,
-    Root = _ref.rootWrapper,
-    onClick = _ref.onClick,
-    onClear = _ref.onClear,
-    onKeyDown = _ref.onKeyDown;
-  var onClearHandle = function onClearHandle() {
-    return onClear(id);
+const TextFieldChip = /*#__PURE__*/forwardRef(({
+  id,
+  text,
+  disabled,
+  readOnly,
+  view,
+  _forceChipManipulationWithReadonly,
+  chipType,
+  rootWrapper: Root,
+  onClick,
+  onClear,
+  onKeyDown
+}, ref) => {
+  const onClearHandle = () => onClear(id);
+  const onKeyDownHandle = event => {
+    onKeyDown?.(event, id);
   };
-  var onKeyDownHandle = function onKeyDownHandle(event) {
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
-  };
-  var handleClick = function handleClick(e) {
+  const handleClick = e => {
     if (onClick) {
       onClick(e);
     }
@@ -40,7 +39,7 @@ var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick: onClick,
     onClear: onClearHandle,
     onKeyDown: onKeyDownHandle,
-    text: "".concat(text),
+    text: `${text}`,
     view: view
     // TODO: #1547
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldChip.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { StyledChip, TextChip } from './TextFieldChip.styles';\nimport type { TextFieldChipProps } from './TextFieldChip.types';\n\n/**\n * Чип, отображающий выбранный элемент\n */\nexport const TextFieldChip = forwardRef<\n    HTMLButtonElement,\n    TextFieldChipProps & { _forceChipManipulationWithReadonly: any }\n>(\n    (\n        {\n            id,\n            text,\n            disabled,\n            readOnly,\n            view,\n            _forceChipManipulationWithReadonly,\n            chipType,\n            rootWrapper: Root,\n            onClick,\n            onClear,\n            onKeyDown,\n        },\n        ref,\n    ) => {\n        const onClearHandle = () => onClear(id);\n\n        const onKeyDownHandle = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n            onKeyDown?.(event, id);\n        };\n\n        const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n            if (onClick) {\n                onClick(e);\n            }\n\n            if (onClear) {\n                onClear(id);\n            }\n        };\n\n        return chipType === 'default' ? (\n            <Root {...(view ? { chipView: view } : {})}>\n                <StyledChip\n                    ref={ref}\n                    tabIndex={-1}\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    onClick={onClick}\n                    onClear={onClearHandle}\n                    onKeyDown={onKeyDownHandle}\n                    text={`${text}`}\n                    view={view}\n                    // TODO: #1547\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    _forceChipManipulationWithReadonly={_forceChipManipulationWithReadonly}\n                />\n            </Root>\n        ) : (\n            <TextChip ref={ref} tabIndex={-1} onClick={handleClick} onKeyDown={onKeyDownHandle}>\n                {text}\n            </TextChip>\n        );\n    },\n);\n"],"names":["TextFieldChip","forwardRef","_ref","ref","id","text","disabled","readOnly","view","_forceChipManipulationWithReadonly","chipType","Root","rootWrapper","onClick","onClear","onKeyDown","onClearHandle","onKeyDownHandle","event","handleClick","e","React","createElement","chipView","StyledChip","tabIndex","concat","TextChip"],"mappings":";;;AAKA;AACA;AACA;AACO,IAAMA,aAAa,gBAAGC,UAAU,CAInC,UAAAC,IAAA,EAcIC,GAAG,EACF;AAAA,EAAA,IAbGC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IACJC,kCAAkC,GAAAP,IAAA,CAAlCO,kCAAkC;IAClCC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACKC,IAAI,GAAAT,IAAA,CAAjBU,WAAW;IACXC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IACPC,SAAS,GAAAb,IAAA,CAATa,SAAS,CAAA;AAIb,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAA;IAAA,OAASF,OAAO,CAACV,EAAE,CAAC,CAAA;AAAA,GAAA,CAAA;AAEvC,EAAA,IAAMa,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA6C,EAAK;IACvEH,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAGG,KAAK,EAAEd,EAAE,CAAC,CAAA;GACzB,CAAA;AAED,EAAA,IAAMe,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAsC,EAAK;AAC5D,IAAA,IAAIP,OAAO,EAAE;MACTA,OAAO,CAACO,CAAC,CAAC,CAAA;AACd,KAAA;AAEA,IAAA,IAAIN,OAAO,EAAE;MACTA,OAAO,CAACV,EAAE,CAAC,CAAA;AACf,KAAA;GACH,CAAA;EAED,OAAOM,QAAQ,KAAK,SAAS,gBACzBW,KAAA,CAAAC,aAAA,CAACX,IAAI,EAAMH,IAAI,GAAG;AAAEe,IAAAA,QAAQ,EAAEf,IAAAA;GAAM,GAAG,EAAE,eACrCa,KAAA,CAAAC,aAAA,CAACE,UAAU,EAAA;AACPrB,IAAAA,GAAG,EAAEA,GAAI;IACTsB,QAAQ,EAAE,CAAC,CAAE;AACbnB,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBM,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAEE,aAAc;AACvBD,IAAAA,SAAS,EAAEE,eAAgB;AAC3BZ,IAAAA,IAAI,EAAAqB,EAAAA,CAAAA,MAAA,CAAKrB,IAAI,CAAG;AAChBG,IAAAA,IAAI,EAAEA,IAAAA;AACN;AACA;AACA;AAAA;AACAC,IAAAA,kCAAkC,EAAEA,kCAAAA;AAAmC,GAC1E,CACC,CAAC,gBAEPY,KAAA,CAAAC,aAAA,CAACK,QAAQ,EAAA;AAACxB,IAAAA,GAAG,EAAEA,GAAI;IAACsB,QAAQ,EAAE,CAAC,CAAE;AAACZ,IAAAA,OAAO,EAAEM,WAAY;AAACJ,IAAAA,SAAS,EAAEE,eAAAA;AAAgB,GAAA,EAC9EZ,IACK,CACb,CAAA;AACL,CACJ;;;;"}
+{"version":3,"file":"TextFieldChip.js","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { StyledChip, TextChip } from './TextFieldChip.styles';\nimport type { TextFieldChipProps } from './TextFieldChip.types';\n\n/**\n * Чип, отображающий выбранный элемент\n */\nexport const TextFieldChip = forwardRef<\n    HTMLButtonElement,\n    TextFieldChipProps & { _forceChipManipulationWithReadonly: any }\n>(\n    (\n        {\n            id,\n            text,\n            disabled,\n            readOnly,\n            view,\n            _forceChipManipulationWithReadonly,\n            chipType,\n            rootWrapper: Root,\n            onClick,\n            onClear,\n            onKeyDown,\n        },\n        ref,\n    ) => {\n        const onClearHandle = () => onClear(id);\n\n        const onKeyDownHandle = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n            onKeyDown?.(event, id);\n        };\n\n        const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n            if (onClick) {\n                onClick(e);\n            }\n\n            if (onClear) {\n                onClear(id);\n            }\n        };\n\n        return chipType === 'default' ? (\n            <Root {...(view ? { chipView: view } : {})}>\n                <StyledChip\n                    ref={ref}\n                    tabIndex={-1}\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    onClick={onClick}\n                    onClear={onClearHandle}\n                    onKeyDown={onKeyDownHandle}\n                    text={`${text}`}\n                    view={view}\n                    // TODO: #1547\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    _forceChipManipulationWithReadonly={_forceChipManipulationWithReadonly}\n                />\n            </Root>\n        ) : (\n            <TextChip ref={ref} tabIndex={-1} onClick={handleClick} onKeyDown={onKeyDownHandle}>\n                {text}\n            </TextChip>\n        );\n    },\n);\n"],"names":["TextFieldChip","forwardRef","id","text","disabled","readOnly","view","_forceChipManipulationWithReadonly","chipType","rootWrapper","Root","onClick","onClear","onKeyDown","ref","onClearHandle","onKeyDownHandle","event","handleClick","e","React","createElement","chipView","StyledChip","tabIndex","TextChip"],"mappings":";;;AAKA;AACA;AACA;AACaA,MAAAA,aAAa,gBAAGC,UAAU,CAInC,CACI;EACIC,EAAE;EACFC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,kCAAkC;EAClCC,QAAQ;AACRC,EAAAA,WAAW,EAAEC,IAAI;EACjBC,OAAO;EACPC,OAAO;AACPC,EAAAA,SAAAA;AACJ,CAAC,EACDC,GAAG,KACF;AACD,EAAA,MAAMC,aAAa,GAAGA,MAAMH,OAAO,CAACV,EAAE,CAAC,CAAA;EAEvC,MAAMc,eAAe,GAAIC,KAA6C,IAAK;AACvEJ,IAAAA,SAAS,GAAGI,KAAK,EAAEf,EAAE,CAAC,CAAA;GACzB,CAAA;EAED,MAAMgB,WAAW,GAAIC,CAAsC,IAAK;AAC5D,IAAA,IAAIR,OAAO,EAAE;MACTA,OAAO,CAACQ,CAAC,CAAC,CAAA;AACd,KAAA;AAEA,IAAA,IAAIP,OAAO,EAAE;MACTA,OAAO,CAACV,EAAE,CAAC,CAAA;AACf,KAAA;GACH,CAAA;EAED,OAAOM,QAAQ,KAAK,SAAS,gBACzBY,KAAA,CAAAC,aAAA,CAACX,IAAI,EAAMJ,IAAI,GAAG;AAAEgB,IAAAA,QAAQ,EAAEhB,IAAAA;GAAM,GAAG,EAAE,eACrCc,KAAA,CAAAC,aAAA,CAACE,UAAU,EAAA;AACPT,IAAAA,GAAG,EAAEA,GAAI;IACTU,QAAQ,EAAE,CAAC,CAAE;AACbpB,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBM,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAEG,aAAc;AACvBF,IAAAA,SAAS,EAAEG,eAAgB;IAC3Bb,IAAI,EAAE,CAAGA,EAAAA,IAAI,CAAG,CAAA;AAChBG,IAAAA,IAAI,EAAEA,IAAAA;AACN;AACA;AACA;AAAA;AACAC,IAAAA,kCAAkC,EAAEA,kCAAAA;AAAmC,GAC1E,CACC,CAAC,gBAEPa,KAAA,CAAAC,aAAA,CAACI,QAAQ,EAAA;AAACX,IAAAA,GAAG,EAAEA,GAAI;IAACU,QAAQ,EAAE,CAAC,CAAE;AAACb,IAAAA,OAAO,EAAEO,WAAY;AAACL,IAAAA,SAAS,EAAEG,eAAAA;AAAgB,GAAA,EAC9Eb,IACK,CACb,CAAA;AACL,CACJ;;;;"}

package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js

@@ -1,24 +1,22 @@
 import './TextFieldChip.styles_hep428.css';
 import { styled } from '@linaria/react';
-import { component, mergeConfig } from '../../../../engines/common.js';
+import { mergeConfig, component } from '../../../../engines/common.js';
 import { chipConfig } from '../../../Chip/Chip.js';
 
 // issue #823
-var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
-var Chip = /*#__PURE__*/component(mergedConfig);
+const mergedConfig = mergeConfig(chipConfig);
+const Chip = component(mergedConfig);
 
 // NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
-var _exp = function _exp() {
-  return Chip;
-};
-var StyledChip = /*#__PURE__*/styled(_exp())({
+const _exp = /*#__PURE__*/() => Chip;
+const StyledChip = /*#__PURE__*/styled(_exp())({
   name: "StyledChip",
-  "class": "s32p7ut",
+  class: "s32p7ut",
   propsAsIs: true
 });
-var TextChip = /*#__PURE__*/styled('button')({
+const TextChip = /*#__PURE__*/styled('button')({
   name: "TextChip",
-  "class": "t4nir3h",
+  class: "t4nir3h",
   propsAsIs: false
 });