@salutejs/plasma-new-hope 0.193.0-canary.1556.11815100174.0 → 0.193.0-canary.1559.11815272061.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +17 -17
- package/cjs/components/Autocomplete/Autocomplete.js +1 -7
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +17 -17
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -7
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -17
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +17 -17
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +17 -17
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +17 -17
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +17 -17
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -9
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +17 -17
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
- package/cjs/components/Range/Range.css +17 -17
- package/cjs/components/Select/Select.css +17 -17
- package/cjs/components/Select/ui/Inner/Inner.css +17 -17
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +17 -17
- package/cjs/components/Select/ui/Target/Target.css +17 -17
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +17 -17
- package/cjs/components/Slider/Slider.css +17 -17
- package/cjs/components/Slider/components/Double/Double.css +17 -17
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +17 -17
- package/cjs/components/TextField/TextField.js +4 -8
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +11 -20
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_ppcxpx.css → TextField.styles_j7dqpn.css} +1 -1
- package/cjs/components/TextField/TextField.tokens.js +0 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +20 -20
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
- package/cjs/index.css +17 -17
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -7
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -7
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -9
- package/emotion/cjs/components/TextField/TextField.js +5 -9
- package/emotion/cjs/components/TextField/TextField.styles.js +26 -29
- package/emotion/cjs/components/TextField/TextField.tokens.js +0 -1
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -7
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -9
- package/emotion/es/components/Autocomplete/Autocomplete.js +1 -7
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +2 -7
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +4 -9
- package/emotion/es/components/TextField/TextField.js +5 -9
- package/emotion/es/components/TextField/TextField.styles.js +26 -29
- package/emotion/es/components/TextField/TextField.tokens.js +0 -1
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -7
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -9
- package/es/components/Autocomplete/Autocomplete.css +17 -17
- package/es/components/Autocomplete/Autocomplete.js +1 -7
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +17 -17
- package/es/components/Combobox/ComboboxNew/Combobox.js +2 -7
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -17
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +17 -17
- package/es/components/DatePicker/RangeDate/RangeDate.css +17 -17
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +17 -17
- package/es/components/DatePicker/SingleDate/SingleDate.css +17 -17
- package/es/components/DatePicker/SingleDate/SingleDate.js +4 -9
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Pagination/Pagination.css +17 -17
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
- package/es/components/Range/Range.css +17 -17
- package/es/components/Select/Select.css +17 -17
- package/es/components/Select/ui/Inner/Inner.css +17 -17
- package/es/components/Select/ui/Inner/ui/Item/Item.css +17 -17
- package/es/components/Select/ui/Target/Target.css +17 -17
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +17 -17
- package/es/components/Slider/Slider.css +17 -17
- package/es/components/Slider/components/Double/Double.css +17 -17
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +17 -17
- package/es/components/TextField/TextField.js +4 -8
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +11 -20
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_ppcxpx.css → TextField.styles_j7dqpn.css} +1 -1
- package/es/components/TextField/TextField.tokens.js +0 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +20 -20
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
- package/es/index.css +17 -17
- package/package.json +5 -5
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -7
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -7
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -9
- package/styled-components/cjs/components/TextField/TextField.js +4 -8
- package/styled-components/cjs/components/TextField/TextField.styles.js +6 -9
- package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -1
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -7
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -9
- package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -7
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +2 -7
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +4 -9
- package/styled-components/es/components/TextField/TextField.js +4 -8
- package/styled-components/es/components/TextField/TextField.styles.js +6 -9
- package/styled-components/es/components/TextField/TextField.tokens.js +0 -1
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +0 -7
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -9
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +59 -715
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +10 -30
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +59 -715
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +2 -2
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +59 -715
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +9 -28
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +59 -715
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +59 -715
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +59 -715
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -3
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -1
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +20 -43
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +4 -2
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +110 -1022
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +1 -47
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +62 -1246
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +59 -715
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +4 -2
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +110 -1022
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +1 -47
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +62 -1246
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +59 -715
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_y1lvvc.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_y1lvvc.css +0 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n hasChips: 'has-chips',\n hasValue: 'has-value',\n forcePlaceholder: 'force-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};\n\nexport const tokens = {\n color: '--plasma-textfield-color',\n clearColor: '--plasma-textfield-clear-color',\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\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 /** Токены лейбла */\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\n /** Токены для tooltip */\n hintMargin: '--plasma-textfield__hint-margin',\n hintTargetSize: '--plasma-textfield__hint-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 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 chipPaddingTop: '--plasma-textfield__chip-padding-top',\n chipPaddingRight: '--plasma-textfield__chip-padding-right',\n chipPaddingBottom: '--plasma-textfield__chip-padding-bottom',\n chipPaddingLeft: '--plasma-textfield__chip-padding-left',\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 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","hasValue","forcePlaceholder","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","clear","hasDivider","hasHint","textFieldGroupItem","requiredAlignRight","inputWrapper","tokens","color","clearColor","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","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","contentSlotColor","contentSlotColorHover","contentSlotColorActive","contentSlotRightColor","contentSlotRightColorHover","contentSlotRightColorActive","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","hintMargin","hintTargetSize","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","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","clearIndicatorHintInnerRight"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n hasChips: 'has-chips',\n hasValue: 'has-value',\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};\n\nexport const tokens = {\n color: '--plasma-textfield-color',\n clearColor: '--plasma-textfield-clear-color',\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\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 /** Токены лейбла */\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\n /** Токены для tooltip */\n hintMargin: '--plasma-textfield__hint-margin',\n hintTargetSize: '--plasma-textfield__hint-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 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 chipPaddingTop: '--plasma-textfield__chip-padding-top',\n chipPaddingRight: '--plasma-textfield__chip-padding-right',\n chipPaddingBottom: '--plasma-textfield__chip-padding-bottom',\n chipPaddingLeft: '--plasma-textfield__chip-padding-left',\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 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","hasValue","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","clear","hasDivider","hasHint","textFieldGroupItem","requiredAlignRight","inputWrapper","tokens","color","clearColor","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","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","contentSlotColor","contentSlotColorHover","contentSlotColorActive","contentSlotRightColor","contentSlotRightColorHover","contentSlotRightColorActive","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","hintMargin","hintTargetSize","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","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","clearIndicatorHintInnerRight"],"mappings":"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"}
|
@@ -9,25 +9,25 @@
|
|
9
9
|
.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
|
10
10
|
|
11
11
|
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
.
|
19
|
-
.
|
20
|
-
.
|
21
|
-
.
|
22
|
-
.
|
23
|
-
.
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
.
|
28
|
-
.
|
29
|
-
.
|
30
|
-
|
31
|
-
.
|
12
|
+
.TextField_styles_j7dqpn_i1j28rg8__f79fd7d8{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
13
|
+
.TextField_styles_j7dqpn_i13zudoe__f79fd7d8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8::-webkit-scrollbar{display:none;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8.TextField_styles_j7dqpn_hasChips__f79fd7d8{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
14
|
+
.TextField_styles_j7dqpn_so4bpie__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
15
|
+
.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-webkit-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-moz-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8:-ms-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::placeholder{opacity:0;}
|
16
|
+
.TextField_styles_j7dqpn_i19ry60d__f79fd7d8{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
17
|
+
.TextField_styles_j7dqpn_ibt1ohz__f79fd7d8{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
|
18
|
+
.TextField_styles_j7dqpn_olv9av6__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
|
19
|
+
.TextField_styles_j7dqpn_t600610__f79fd7d8{display:inline-block;margin-left:auto;}
|
20
|
+
.TextField_styles_j7dqpn_suk2zst__f79fd7d8{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
21
|
+
.TextField_styles_j7dqpn_l1gjsnfi__f79fd7d8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
22
|
+
.TextField_styles_j7dqpn_ssv2kwg__f79fd7d8{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
|
23
|
+
.TextField_styles_j7dqpn_s190z894__f79fd7d8{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_j7dqpn_s190z894__f79fd7d8:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_j7dqpn_s190z894__f79fd7d8:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
.TextField_styles_j7dqpn_s14qvple__f79fd7d8{color:var(--plasma-textfield__optional-color);}
|
28
|
+
.TextField_styles_j7dqpn_s16itze4__f79fd7d8{display:inline-block;line-height:0;}.TextField_styles_j7dqpn_s16itze4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
29
|
+
.TextField_styles_j7dqpn_h1skqnhr__f79fd7d8{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
30
|
+
|
31
|
+
.TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
32
32
|
|
33
33
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n &.${classes.outerLabelPlacement} {\n ${Label} {\n position: relative;\n display: inline-block;\n color: var(${tokens.labelColor});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n ${InputContainer} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n ${StyledTextAfter}, ${StyledTextBefore} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n /* поднимает label вверх при фокусе, наличии значения */\n ${Input}:focus ~ ${Label}, ${Input}.${classes.hasValue} ~ ${Label}
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n &.${classes.outerLabelPlacement} {\n ${Label} {\n position: relative;\n display: inline-block;\n color: var(${tokens.labelColor});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n ${InputContainer} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n ${StyledTextAfter}, ${StyledTextBefore} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n /* поднимает label вверх при фокусе, наличии значения */\n ${Input}:focus ~ ${Label}, ${Input}.${classes.hasValue} ~ ${Label} {\n color: var(${tokens.placeholderColor});\n align-items: flex-start;\n padding: var(${tokens.labelInnerPadding});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n height: var(${tokens.height});\n\n padding-top: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n padding-bottom: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n }\n\n &.${classes.clear} ${Label} {\n color: var(${tokens.clearPlaceholderColor});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAsDhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b15d3bnf.label-placement-outer .l1gjsnfi{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i19ry60d{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .smqgwd8,.b15d3bnf.label-placement-inner .s7hnwwb{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .i13qvwoy:focus ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.has-value ~ .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.b15d3bnf.label-placement-inner.textfield-clear .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}
|
package/es/index.css
CHANGED
@@ -169,33 +169,33 @@
|
|
169
169
|
|
170
170
|
.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_textfieldHasDivider__78f0baf3 .base_1jvcf9a_i1j28rg8__78f0baf3:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:focus-within .base_1jvcf9a_ibt1ohz__78f0baf3,.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_ibt1ohz__78f0baf3{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i13qvwoy__78f0baf3{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_t600610__78f0baf3{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_lb3k3v1__78f0baf3{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_labelPlacementOuter__78f0baf3 .base_1jvcf9a_l1gjsnfi__78f0baf3{color:var(--plasma-textfield__label-color-readonly);}
|
171
171
|
|
172
|
-
.
|
172
|
+
.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementOuter__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i19ry60d__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_smqgwd8__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_s7hnwwb__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79:focus ~ .base_gttvto_l1gjsnfi__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79.base_gttvto_hasValue__3b8edf79 ~ .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79.base_gttvto_textfieldClear__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__clear-placeholder-color);}
|
173
173
|
|
174
174
|
.base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
175
175
|
|
176
176
|
.base_1x99605_b10o15xy__faec7753 .base_1x99605_hq39zt5__faec7753{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
|
177
177
|
|
178
178
|
|
179
|
-
.
|
180
|
-
.
|
181
|
-
.
|
182
|
-
.
|
183
|
-
.
|
184
|
-
.
|
185
|
-
.
|
186
|
-
.
|
187
|
-
.
|
188
|
-
.
|
189
|
-
.
|
190
|
-
.
|
179
|
+
.TextField_styles_j7dqpn_i1j28rg8__f79fd7d8{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
180
|
+
.TextField_styles_j7dqpn_i13zudoe__f79fd7d8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8::-webkit-scrollbar{display:none;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8.TextField_styles_j7dqpn_hasChips__f79fd7d8{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
181
|
+
.TextField_styles_j7dqpn_so4bpie__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
182
|
+
.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-webkit-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-moz-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8:-ms-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::placeholder{opacity:0;}
|
183
|
+
.TextField_styles_j7dqpn_i19ry60d__f79fd7d8{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
184
|
+
.TextField_styles_j7dqpn_ibt1ohz__f79fd7d8{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
|
185
|
+
.TextField_styles_j7dqpn_olv9av6__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
|
186
|
+
.TextField_styles_j7dqpn_t600610__f79fd7d8{display:inline-block;margin-left:auto;}
|
187
|
+
.TextField_styles_j7dqpn_suk2zst__f79fd7d8{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
188
|
+
.TextField_styles_j7dqpn_l1gjsnfi__f79fd7d8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
189
|
+
.TextField_styles_j7dqpn_ssv2kwg__f79fd7d8{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
|
190
|
+
.TextField_styles_j7dqpn_s190z894__f79fd7d8{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_j7dqpn_s190z894__f79fd7d8:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_j7dqpn_s190z894__f79fd7d8:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
191
191
|
|
192
192
|
|
193
193
|
|
194
|
-
.
|
195
|
-
.
|
196
|
-
.
|
194
|
+
.TextField_styles_j7dqpn_s14qvple__f79fd7d8{color:var(--plasma-textfield__optional-color);}
|
195
|
+
.TextField_styles_j7dqpn_s16itze4__f79fd7d8{display:inline-block;line-height:0;}.TextField_styles_j7dqpn_s16itze4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
196
|
+
.TextField_styles_j7dqpn_h1skqnhr__f79fd7d8{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
197
197
|
|
198
|
-
.
|
198
|
+
.TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
199
199
|
|
200
200
|
.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
201
201
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.193.0-canary.
|
3
|
+
"version": "0.193.0-canary.1559.11815272061.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -80,8 +80,8 @@
|
|
80
80
|
"@rollup/plugin-babel": "^6.0.4",
|
81
81
|
"@rollup/plugin-commonjs": "^25.0.4",
|
82
82
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
83
|
-
"@salutejs/plasma-sb-utils": "0.
|
84
|
-
"@salutejs/plasma-themes": "0.
|
83
|
+
"@salutejs/plasma-sb-utils": "0.185.0-canary.1559.11815272061.0",
|
84
|
+
"@salutejs/plasma-themes": "0.24.0-canary.1559.11815272061.0",
|
85
85
|
"@storybook/addon-docs": "^7.6.17",
|
86
86
|
"@storybook/addon-essentials": "^7.6.17",
|
87
87
|
"@storybook/addons": "^7.6.17",
|
@@ -115,7 +115,7 @@
|
|
115
115
|
"@linaria/react": "5.0.3",
|
116
116
|
"@popperjs/core": "2.11.8",
|
117
117
|
"@salutejs/input-core": "2.1.2",
|
118
|
-
"@salutejs/plasma-core": "1.
|
118
|
+
"@salutejs/plasma-core": "1.187.0-canary.1559.11815272061.0",
|
119
119
|
"@salutejs/react-maskinput": "3.2.6",
|
120
120
|
"classnames": "2.5.1",
|
121
121
|
"dayjs": "1.11.11",
|
@@ -128,5 +128,5 @@
|
|
128
128
|
"sideEffects": [
|
129
129
|
"*.css"
|
130
130
|
],
|
131
|
-
"gitHead": "
|
131
|
+
"gitHead": "90fe82c6ab29b78968404ed5952ce8788dc801af"
|
132
132
|
}
|
@@ -13,7 +13,7 @@ var _focusedReducer = /*#__PURE__*/require("./reducers/focusedReducer");
|
|
13
13
|
var _ui = /*#__PURE__*/require("./ui");
|
14
14
|
var _Autocomplete = /*#__PURE__*/require("./Autocomplete.styles");
|
15
15
|
var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
|
16
|
-
var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "
|
16
|
+
var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
|
17
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
18
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
19
19
|
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); }
|
@@ -36,7 +36,6 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
36
36
|
view = _ref.view,
|
37
37
|
size = _ref.size,
|
38
38
|
labelPlacement = _ref.labelPlacement,
|
39
|
-
hasInnerLabelPlaceholder = _ref.hasInnerLabelPlaceholder,
|
40
39
|
disabled = _ref.disabled,
|
41
40
|
readOnly = _ref.readOnly,
|
42
41
|
label = _ref.label,
|
@@ -156,11 +155,6 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
156
155
|
"aria-activedescendant": "".concat(listId, "/").concat(focused),
|
157
156
|
"aria-describedby": helperTextId,
|
158
157
|
hintText: String(hintText || '')
|
159
|
-
}, labelPlacement === 'inner' ? {
|
160
|
-
labelPlacement: labelPlacement,
|
161
|
-
hasInnerLabelPlaceholder: hasInnerLabelPlaceholder
|
162
|
-
} : {
|
163
|
-
labelPlacement: labelPlacement
|
164
158
|
}, rest)),
|
165
159
|
preventOverflow: false,
|
166
160
|
ref: targetRef,
|
@@ -20,7 +20,7 @@ var _getPathMaps = /*#__PURE__*/require("./hooks/getPathMaps");
|
|
20
20
|
var _Combobox2 = /*#__PURE__*/require("./Combobox.styles");
|
21
21
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
22
22
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
23
|
-
var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "
|
23
|
+
var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
|
24
24
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
25
25
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
26
26
|
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); }
|
@@ -64,7 +64,6 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
64
64
|
view = props.view,
|
65
65
|
size = props.size,
|
66
66
|
labelPlacement = props.labelPlacement,
|
67
|
-
hasInnerLabelPlaceholder = props.hasInnerLabelPlaceholder,
|
68
67
|
_props$readOnly = props.readOnly,
|
69
68
|
readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
|
70
69
|
_props$disabled = props.disabled,
|
@@ -378,6 +377,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
378
377
|
onChange: handleTextValueChange,
|
379
378
|
size: size,
|
380
379
|
view: view,
|
380
|
+
labelPlacement: labelPlacement,
|
381
381
|
disabled: disabled,
|
382
382
|
readOnly: readOnly,
|
383
383
|
label: label,
|
@@ -400,11 +400,6 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
400
400
|
"aria-controls": "".concat(treeId, "_tree_level_1"),
|
401
401
|
"aria-expanded": isCurrentListOpen,
|
402
402
|
"aria-activedescendant": activeDescendantItemValue ? (0, _utils3.getItemId)(treeId, activeDescendantItemValue) : ''
|
403
|
-
}, labelPlacement === 'inner' ? {
|
404
|
-
labelPlacement: labelPlacement,
|
405
|
-
hasInnerLabelPlaceholder: hasInnerLabelPlaceholder
|
406
|
-
} : {
|
407
|
-
labelPlacement: labelPlacement
|
408
403
|
}, multiple ? {
|
409
404
|
enumerationType: 'chip',
|
410
405
|
chips: getChips(),
|
@@ -17,7 +17,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
|
17
17
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
18
18
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
19
19
|
var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
|
20
|
-
var _excluded = ["className", "opened", "label", "labelPlacement", "
|
20
|
+
var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
23
23
|
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); }
|
@@ -37,7 +37,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
37
37
|
label = _ref.label,
|
38
38
|
_ref$labelPlacement = _ref.labelPlacement,
|
39
39
|
labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
|
40
|
-
hasInnerLabelPlaceholder = _ref.hasInnerLabelPlaceholder,
|
41
40
|
placeholder = _ref.placeholder,
|
42
41
|
leftHelper = _ref.leftHelper,
|
43
42
|
contentLeft = _ref.contentLeft,
|
@@ -174,14 +173,10 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
174
173
|
},
|
175
174
|
onFocus: onFocus,
|
176
175
|
onBlur: onBlur,
|
177
|
-
onKeyDown: onKeyDown
|
178
|
-
|
179
|
-
}, labelPlacement === 'inner' ? {
|
176
|
+
onKeyDown: onKeyDown
|
177
|
+
}, innerLabelPlacement && {
|
180
178
|
label: label,
|
181
|
-
labelPlacement: labelPlacement
|
182
|
-
hasInnerLabelPlaceholder: hasInnerLabelPlaceholder
|
183
|
-
} : {
|
184
|
-
labelPlacement: undefined
|
179
|
+
labelPlacement: labelPlacement
|
185
180
|
}));
|
186
181
|
(0, _react.useEffect)(function () {
|
187
182
|
setIsInnerOpen(function (prevOpen) {
|
@@ -23,7 +23,7 @@ var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
|
|
23
23
|
var _ui = /*#__PURE__*/require("./ui");
|
24
24
|
var _hooks2 = /*#__PURE__*/require("./hooks");
|
25
25
|
var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
|
26
|
-
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "
|
26
|
+
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
27
27
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
28
28
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
29
29
|
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); }
|
@@ -48,7 +48,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
48
48
|
contentRight = _ref.contentRight,
|
49
49
|
label = _ref.label,
|
50
50
|
labelPlacement = _ref.labelPlacement,
|
51
|
-
hasInnerLabelPlaceholder = _ref.hasInnerLabelPlaceholder,
|
52
51
|
textBefore = _ref.textBefore,
|
53
52
|
textAfter = _ref.textAfter,
|
54
53
|
placeholder = _ref.placeholder,
|
@@ -124,7 +123,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
124
123
|
var hasLabelValue = Boolean(label);
|
125
124
|
var hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;
|
126
125
|
var hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;
|
127
|
-
var hasPlaceholder = Boolean(placeholder) &&
|
126
|
+
var hasPlaceholder = Boolean(placeholder) && !hasInnerLabel;
|
128
127
|
var innerLabelValue = hasInnerLabel || hasOuterLabel ? label : undefined;
|
129
128
|
var innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;
|
130
129
|
var innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;
|
@@ -135,7 +134,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
135
134
|
var requiredPlacementClass = requiredPlacement === 'right' ? _TextField2.classes.requiredAlignRight : undefined;
|
136
135
|
var labelPlacementClass = innerLabelPlacementValue ? _TextField2.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
|
137
136
|
var hasValueClass = hasValue ? _TextField2.classes.hasValue : undefined;
|
138
|
-
var hasInnerLabelPlaceholderClass = hasInnerLabelPlaceholder && placeholderShown && _TextField2.classes.forcePlaceholder;
|
139
137
|
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? _TextField2.classes.hasEmptyContentLeft : undefined;
|
140
138
|
var wrapperWithoutRightContent = !contentRight && isChipsVisible ? _TextField2.classes.hasEmptyContentRight : undefined;
|
141
139
|
var hintRef = (0, _hooks.useOutsideClick)(function () {
|
@@ -344,7 +342,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
344
342
|
"aria-labelledby": labelId,
|
345
343
|
"aria-describedby": helperTextId,
|
346
344
|
placeholder: innerPlaceholderValue,
|
347
|
-
className: (0, _utils.cx)(hasValueClass
|
345
|
+
className: (0, _utils.cx)(hasValueClass),
|
348
346
|
disabled: disabled,
|
349
347
|
readOnly: !disabled && readOnly,
|
350
348
|
onInput: handleInput,
|
@@ -353,9 +351,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
353
351
|
}, rest)), hasInnerLabel && /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
|
354
352
|
id: labelId,
|
355
353
|
htmlFor: innerId
|
356
|
-
}, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/_react["default"].createElement(_TextField.InputPlaceholder, {
|
357
|
-
hasInnerLabelPlaceholder: hasInnerLabelPlaceholder
|
358
|
-
}, innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode)), textAfter && /*#__PURE__*/_react["default"].createElement(_TextField.StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_TextField.LeftHelper, {
|
354
|
+
}, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/_react["default"].createElement(_TextField.InputPlaceholder, null, innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode)), textAfter && /*#__PURE__*/_react["default"].createElement(_TextField.StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_TextField.LeftHelper, {
|
359
355
|
id: helperTextId
|
360
356
|
}, leftHelper));
|
361
357
|
});
|
@@ -31,14 +31,11 @@ var InputContainer = exports.InputContainer = /*#__PURE__*/_styledComponents["de
|
|
31
31
|
})(["position:relative;flex:1;min-width:60%;"]);
|
32
32
|
var InputPlaceholder = exports.InputPlaceholder = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
33
33
|
componentId: "plasma-new-hope__sc-g4vxbb-6"
|
34
|
-
})(["position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");
|
35
|
-
var hasInnerLabelPlaceholder = _ref.hasInnerLabelPlaceholder;
|
36
|
-
return hasInnerLabelPlaceholder ? "var(".concat(_TextField.tokens.contentLabelInnerPadding, ")") : '0';
|
37
|
-
});
|
34
|
+
})(["position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");"], _TextField.tokens.placeholderColor);
|
38
35
|
var OuterLabelWrapper = exports.OuterLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
39
36
|
componentId: "plasma-new-hope__sc-g4vxbb-7"
|
40
|
-
})(["display:flex;align-items:center;margin-bottom:", ";"], function (
|
41
|
-
var isInnerLabel =
|
37
|
+
})(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
|
38
|
+
var isInnerLabel = _ref.isInnerLabel;
|
42
39
|
return isInnerLabel ? "var(".concat(_TextField.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextField.tokens.labelOffset, ")");
|
43
40
|
});
|
44
41
|
var TitleCaption = exports.TitleCaption = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
@@ -52,9 +49,9 @@ var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.with
|
|
52
49
|
})(["display:inline-flex;"]);
|
53
50
|
var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
54
51
|
componentId: "plasma-new-hope__sc-g4vxbb-11"
|
55
|
-
})(["margin:var(", ");color:", ";line-height:0;"], _TextField.tokens.leftContentMargin, function (
|
56
|
-
var isDefaultView =
|
57
|
-
isClear =
|
52
|
+
})(["margin:var(", ");color:", ";line-height:0;"], _TextField.tokens.leftContentMargin, function (_ref2) {
|
53
|
+
var isDefaultView = _ref2.isDefaultView,
|
54
|
+
isClear = _ref2.isClear;
|
58
55
|
return !isDefaultView && isClear ? "var(".concat(_TextField.tokens.clearColor, ")") : "var(".concat(_TextField.tokens.contentSlotColor, ")");
|
59
56
|
});
|
60
57
|
var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
@@ -7,7 +7,6 @@ exports.tokens = exports.classes = void 0;
|
|
7
7
|
var classes = exports.classes = {
|
8
8
|
hasChips: 'has-chips',
|
9
9
|
hasValue: 'has-value',
|
10
|
-
forcePlaceholder: 'force-placeholder',
|
11
10
|
hasEmptyContentLeft: 'has-empty-content-left',
|
12
11
|
hasEmptyContentRight: 'has-empty-content-right',
|
13
12
|
innerLabelPlacement: 'label-placement-inner',
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _TextField = /*#__PURE__*/require("../../TextField.tokens");
|
9
9
|
var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
|
package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx
CHANGED
@@ -87,12 +87,6 @@ const meta: Meta<typeof TextField> = {
|
|
87
87
|
type: 'inline-radio',
|
88
88
|
},
|
89
89
|
},
|
90
|
-
hasInnerLabelPlaceholder: {
|
91
|
-
control: {
|
92
|
-
type: 'boolean',
|
93
|
-
},
|
94
|
-
if: { arg: 'labelPlacement', equal: 'inner' },
|
95
|
-
},
|
96
90
|
size: {
|
97
91
|
options: sizes,
|
98
92
|
control: {
|
@@ -216,7 +210,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
216
210
|
view: 'default',
|
217
211
|
label: 'Лейбл',
|
218
212
|
labelPlacement: 'outer',
|
219
|
-
hasInnerLabelPlaceholder: false,
|
220
213
|
titleCaption: 'Подпись к полю',
|
221
214
|
textBefore: '',
|
222
215
|
textAfter: '',
|