@salutejs/plasma-new-hope 0.194.1-canary.1569.11908076676.0 → 0.194.2-canary.1561.11922759758.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +18 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +5 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +5 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +5 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +5 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +5 -4
- package/cjs/components/Dropdown/Dropdown.css +5 -4
- package/cjs/components/Dropdown/Dropdown.js +4 -2
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +5 -4
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +3 -2
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +7 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/{DropdownItem.styles_1b439rx.css → DropdownItem.styles_14yih1y.css} +1 -0
- package/cjs/components/Pagination/Pagination.css +2 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/cjs/components/Select/Select.css +2 -2
- package/cjs/components/Select/Select.js +11 -5
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.tokens.js +11 -1
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +2 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +2 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Target/Target.css +2 -2
- package/cjs/components/Select/ui/Target/Target.js +5 -4
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +21 -5
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -7
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1b7iij0.css +3 -0
- package/cjs/components/Switch/Switch.css +1 -1
- package/cjs/components/Switch/Switch.tokens.js +1 -2
- package/cjs/components/Switch/Switch.tokens.js.map +1 -1
- package/cjs/components/Switch/_toggleSize/base.js +1 -1
- package/cjs/components/Switch/_toggleSize/base.js.map +1 -1
- package/cjs/components/Switch/_toggleSize/base_1d0b3t4.css +1 -0
- package/cjs/index.css +8 -7
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -4
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
- package/emotion/cjs/components/Dropdown/Dropdown.js +4 -2
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +3 -2
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +15 -11
- package/emotion/cjs/components/Select/Select.js +11 -5
- package/emotion/cjs/components/Select/Select.tokens.js +11 -1
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -2
- package/emotion/cjs/components/Select/ui/Target/Target.js +5 -4
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +27 -5
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +3 -3
- package/emotion/cjs/components/Switch/Switch.tokens.js +1 -2
- package/emotion/cjs/components/Switch/_toggleSize/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +20 -20
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +25 -0
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +8 -8
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.outline.config.js +8 -8
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +20 -20
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +24 -0
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +8 -8
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.outline.config.js +8 -8
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +22 -4
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
- package/emotion/es/components/Dropdown/Dropdown.js +4 -2
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +4 -3
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +15 -11
- package/emotion/es/components/Select/Select.js +11 -5
- package/emotion/es/components/Select/Select.tokens.js +11 -1
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +1 -2
- package/emotion/es/components/Select/ui/Target/Target.js +5 -4
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +27 -5
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +3 -3
- package/emotion/es/components/Switch/Switch.tokens.js +1 -2
- package/emotion/es/components/Switch/_toggleSize/base.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +20 -20
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +25 -0
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +8 -8
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.outline.config.js +8 -8
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +20 -20
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +24 -0
- package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +8 -8
- package/emotion/es/examples/plasma_web/components/Switch/Switch.outline.config.js +8 -8
- package/es/components/Combobox/ComboboxNew/Combobox.js +19 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.css +5 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +5 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +5 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +5 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +5 -4
- package/es/components/Dropdown/Dropdown.css +5 -4
- package/es/components/Dropdown/Dropdown.js +4 -2
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +5 -4
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +4 -3
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +7 -2
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/{DropdownItem.styles_1b439rx.css → DropdownItem.styles_14yih1y.css} +1 -0
- package/es/components/Pagination/Pagination.css +2 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/es/components/Select/Select.css +2 -2
- package/es/components/Select/Select.js +11 -5
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.tokens.js +11 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +2 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.css +2 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.js +1 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Target/Target.css +2 -2
- package/es/components/Select/ui/Target/Target.js +5 -4
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +22 -6
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -7
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1b7iij0.css +3 -0
- package/es/components/Switch/Switch.css +1 -1
- package/es/components/Switch/Switch.tokens.js +1 -2
- package/es/components/Switch/Switch.tokens.js.map +1 -1
- package/es/components/Switch/_toggleSize/base.js +1 -1
- package/es/components/Switch/_toggleSize/base.js.map +1 -1
- package/es/components/Switch/_toggleSize/base_1d0b3t4.css +1 -0
- package/es/index.css +8 -7
- package/package.json +3 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
- package/styled-components/cjs/components/Dropdown/Dropdown.js +4 -2
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +3 -2
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -2
- package/styled-components/cjs/components/Select/Select.js +11 -5
- package/styled-components/cjs/components/Select/Select.tokens.js +11 -1
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -2
- package/styled-components/cjs/components/Select/ui/Target/Target.js +5 -4
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +27 -5
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
- package/styled-components/cjs/components/Switch/Switch.tokens.js +1 -2
- package/styled-components/cjs/components/Switch/_toggleSize/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +25 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.outline.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +24 -0
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.outline.config.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +22 -4
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
- package/styled-components/es/components/Dropdown/Dropdown.js +4 -2
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +4 -3
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -2
- package/styled-components/es/components/Select/Select.js +11 -5
- package/styled-components/es/components/Select/Select.tokens.js +11 -1
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +1 -2
- package/styled-components/es/components/Select/ui/Target/Target.js +5 -4
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +27 -5
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
- package/styled-components/es/components/Switch/Switch.tokens.js +1 -2
- package/styled-components/es/components/Switch/_toggleSize/base.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +25 -0
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.outline.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +24 -0
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.outline.config.js +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -2
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts +50 -2
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +11 -6
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/index.d.ts +1 -0
- package/types/components/Dropdown/index.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +1 -0
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +96 -0
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +11 -1
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +5 -4
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +2 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +3 -2
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Switch/Switch.tokens.d.ts +1 -2
- package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
- package/types/components/Switch/_toggleSize/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +25 -1
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +96 -0
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Switch/Switch.outline.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +25 -1
- package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +96 -0
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Switch/Switch.outline.config.d.ts.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +0 -3
- package/cjs/components/Switch/_toggleSize/base_o6rjc1.css +0 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +0 -3
- package/es/components/Switch/_toggleSize/base_o6rjc1.css +0 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.tokens.js","sources":["../../../src/components/Select/Select.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n selectTargetArrow: 'select-target-arrow',\n arrowInverse: 'arrow-inverse',\n textfieldTarget: 'select-textfield-target',\n selectChipIsFocused: 'select-chip-is-focused',\n selectWithoutBoxShadow: 'select-without-box-shadow',\n selectSpinner: 'select-spinner',\n};\n\nexport const tokens = {\n borderRadius: '--plasma-select-border-radius',\n padding: '--plasma-select-padding',\n\n fontFamily: '--plasma-select-font-family',\n fontSize: '--plasma-select-font-size',\n fontStyle: '--plasma-select-font-style',\n fontWeight: '--plasma-select-font-weight',\n fontLetterSpacing: '--plasma-select-font-letter-spacing',\n fontLineHeight: '--plasma-select-font-line-height',\n\n dropdownBorderColor: '--plasma-select-dropdown-border-color',\n dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n itemHeight: '--plasma-select-item-height',\n itemBorderRadius: '--plasma-select-item-border-radius',\n itemPadding: '--plasma-select-item-padding',\n itemPaddingTight: '--plasma-select-item-padding-tight',\n itemIconSize: '--plasma-select-item-icon-size',\n itemIconSizeTight: '--plasma-select-item-icon-size-tight',\n itemIconMargin: '--plasma-select-item-icon-margin',\n itemBackgroundHover: '--plasma-select-item-background-hover',\n\n cellPadding: '--plasma-select-cell-padding',\n cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',\n cellPaddingContent: '--plasma-select-cell-padding-content',\n cellPaddingRightContent: '--plasma-select-cell-padding-right-content',\n cellTextboxGap: '--plasma-select-cell-textbox-gap',\n cellGap: '--plasma-select-cell-gap',\n cellTitleFontFamily: '--plasma-select-cell-title-font-family',\n cellTitleFontSize: '--plasma-select-cell-title-font-size',\n cellTitleFontStyle: '--plasma-select-cell-title-font-style',\n cellTitleFontWeight: '--plasma-select-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-select-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-select-cell-title-line-height',\n\n checkboxTriggerSize: '--plasma-select-checkbox-trigger-size',\n checkboxTriggerSizeTight: '--plasma-select-checkbox-trigger-size-tight',\n checkboxTriggerBorderRadius: '--plasma-select-checkbox-trigger-border-radius',\n checkboxTriggerBorderRadiusTight: '--plasma-select-checkbox-trigger-border-radius-tight',\n checkboxFillColor: '--plasma-select-checkbox-fill-color',\n checkboxIconColor: '--plasma-select-checkbox-icon-color',\n checkboxTriggerBorderColor: '--plasma-select-checkbox-trigger-border-color',\n\n indicatorSize: '--plasma-select-indicator-size',\n\n targetHeight: '--plasma-select-target-height',\n\n // Токены для Button\n buttonColor: '--plasma-select-button-color',\n buttonColorHover: '--plasma-select-button-color-hover',\n buttonColorActive: '--plasma-select-button-color-active',\n buttonArrowColor: '--plasma-select-button-arrow-color',\n buttonArrowColorHover: '--plasma-select-button-arrow-color-hover',\n buttonArrowColorActive: '--plasma-select-button-arrow-color-active',\n buttonArrowMargin: '--plasma-select-button-arrow-margin',\n buttonBackgroundColor: '--plasma-select-button-background-color',\n buttonBackgroundColorHover: '--plasma-select-button-background-color-hover',\n buttonBackgroundColorActive: '--plasma-select-button-background-color-active',\n buttonPadding: '--plasma-select-button-padding',\n\n // Токены для TextField\n textFieldColor: '--plasma-select-textfield-color',\n\n textFieldBackgroundColor: '--plasma-select-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-select-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-select-textfield-background-color-focus',\n\n textFieldBorderColor: '--plasma-select-textfield-border-color',\n textFieldBorderColorHover: '--plasma-select-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-select-textfield-border-color-focus',\n\n textFieldPlaceholderColor: '--plasma-select-textfield-placeholder-color',\n textFieldPlaceholderColorFocus: '--plasma-select-textfield-placeholder-color-focus',\n textFieldOptionalColor: '--plasma-select-textfield-optional-color',\n\n textFieldHeight: '--plasma-select-textfield-height',\n textFieldBorderWidth: '--plasma-select-textfield-border-width',\n textFieldBorderRadius: '--plasma-select-textfield-border-radius',\n\n textFieldPadding: '--plasma-select-textfield-padding',\n textFieldPaddingWithChips: '--plasma-select-textfield-padding-with-chips',\n\n textFieldLeftContentMargin: '--plasma-select-textfield-left-content-margin',\n textFieldRightContentMargin: '--plasma-select-textfield-right-content-margin',\n\n textFieldFontFamily: '--plasma-select-textfield-font-family',\n textFieldFontStyle: '--plasma-select-textfield-font-style',\n textFieldFontSize: '--plasma-select-textfield-font-size',\n textFieldFontWeight: '--plasma-select-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-select-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-select-textfield-line-height',\n\n textFieldContentSlotColor: '--plasma-select-textfield-content-slot-color',\n textFieldContentSlotColorHover: '--plasma-select-textfield-content-slot-color-hover',\n textFieldContentSlotColorActive: '--plasma-select-textfield-content-slot-color-active',\n\n textFieldContentSlotRightColor: '--plasma-select-textfield-content-right-slot-color',\n textFieldContentSlotRightColorHover: '--plasma-select-textfield-content-right-slot-color-hover',\n textFieldContentSlotRightColorActive: '--plasma-select-textfield-content-right-slot-color-active',\n\n textFieldLabelColor: '--plasma-select-textfield-label-color',\n textFieldLabelOffset: '--plasma-select-textfield-label-offset',\n\n textFieldLabelFontFamily: '--plasma-select-textfield-label-font-family',\n textFieldLabelFontStyle: '--plasma-select-textfield-label-font-style',\n textFieldLabelFontSize: '--plasma-select-textfield-label-font-size',\n textFieldLabelFontWeight: '--plasma-select-textfield-label-font-weight',\n textFieldLabelLetterSpacing: '--plasma-select-textfield-label-letter-spacing',\n textFieldLabelLineHeight: '--plasma-select-textfield-label-line-height',\n\n textFieldLabelInnerFontFamily: '--plasma-select-textfield-placement-inner-label-font-family',\n textFieldLabelInnerFontStyle: '--plasma-select-textfield-placement-inner-label-font-style',\n textFieldLabelInnerFontSize: '--plasma-select-textfield-placement-inner-label-font-size',\n textFieldLabelInnerFontWeight: '--plasma-select-textfield-placement-inner-label-font-weight',\n textFieldLabelInnerLetterSpacing: '--plasma-select-textfield-placement-inner-label-letter-spacing',\n textFieldLabelInnerLineHeight: '--plasma-select-textfield-placement-inner-label-line-height',\n\n textFieldLabelInnerPadding: '--plasma-select-textfield-placement-inner-label-padding',\n textFieldContentLabelInnerPadding: '--plasma-select-textfield-placement-inner-content-padding',\n\n textFieldTitleCaptionColor: '--plasma-select-textfield-title-caption-color',\n textFieldTitleCaptionInnerLabelOffset: '--plasma-select-textfield-title-caption-label-inner-offset',\n\n textFieldTitleCaptionFontFamily: '--plasma-select-textfield-title-caption-font-family',\n textFieldTitleCaptionFontStyle: '--plasma-select-textfield-title-caption-font-style',\n textFieldTitleCaptionFontSize: '--plasma-select-textfield-title-caption-font-size',\n textFieldTitleCaptionFontWeight: '--plasma-select-textfield-title-caption-font-weight',\n textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',\n textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',\n\n textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',\n textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',\n\n textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',\n textFieldLeftHelperFontStyle: '--plasma-select-textfield-left-helper-font-style',\n textFieldLeftHelperFontSize: '--plasma-select-textfield-left-helper-font-size',\n textFieldLeftHelperFontWeight: '--plasma-select-textfield-left-helper-font-weight',\n textFieldLeftHelperLetterSpacing: '--plasma-select-textfield-left-helper-letter-spacing',\n textFieldLeftHelperLineHeight: '--plasma-select-textfield-left-helper-line-height',\n\n textFieldTextBeforeColor: '--plasma-select-textfield-before-text-color',\n textFieldTextAfterColor: '--plasma-select-textfield-after-text-color',\n textFieldTextBeforeMargin: '--plasma-select-textfield-before-text-margin',\n textFieldTextAfterMargin: '--plasma-select-textfield-after-text-margin',\n\n textFieldDisabledOpacity: '--plasma-select-textfield-disabled-opacity',\n\n textFieldChipHeight: '--plasma-select-textfield-chip-height',\n textFieldChipBorderRadius: '--plasma-select-textfield-chip-border-radius',\n textFieldChipGap: '--plasma-select-textfield-chip-gap',\n textFieldChipBackground: '--plasma-select-textfield--chip-background',\n textFieldChipColor: '--plasma-select-textfield-chip-color',\n textFieldChipBackgroundHover: '--plasma-select-textfield-chip-background-hover',\n textFieldChipColorHover: '--plasma-select-textfield-chip-color-hover',\n textFieldChipScaleHover: '--plasma-select-textfield-chip-scale-hover',\n textFieldChipBackgroundActive: '--plasma-select-textfield-chip-background-active',\n textFieldChipColorActive: '--plasma-select-textfield-chip-color-active',\n textFieldChipScaleActive: '--plasma-select-textfield-chip-scale-active',\n textFieldChipCloseIconColor: '--plasma-select-textfield-chip-close-icons-color',\n textFieldChipOutlineSize: '--plasma-select-textfield-chip-outline-size',\n textFieldChipWidth: '--plasma-select-textfield-chip-width',\n textFieldChipPaddingTop: '--plasma-select-textfield-chip-padding-top',\n textFieldChipPaddingRight: '--plasma-select-textfield-chip-padding-right',\n textFieldChipPaddingBottom: '--plasma-select-textfield-chip-padding-bottom',\n textFieldChipPaddingLeft: '--plasma-select-textfield-chip-padding-left',\n textFieldChipCloseIconSize: '--plasma-select-textfield-chip-close-icon-size',\n textFieldChipFontFamily: '--plasma-select-textfield-chip-font-family',\n textFieldChipFontSize: '--plasma-select-textfield-chip-font-size',\n textFieldChipFontStyle: '--plasma-select-textfield-chip-font-style',\n textFieldChipFontWeight: '--plasma-select-textfield-chip-font-weight',\n textFieldChipLetterSpacing: '--plasma-select-textfield-chip-letter-spacing',\n textFieldChipLineHeight: '--plasma-select-textfield-chip-line-height',\n textFieldChipClearContentMarginLeft: '--plasma-select-textfield-chip-clear-content-margin-left',\n textFieldChipClearContentMarginRight: '--plasma-select-textfield-chip-clear-content-margin-right',\n\n textFieldFocusColor: '--plasma-select-textfield-focus-color',\n\n disclosureIconColor: '--plasma-select-disclosure-icon-color',\n disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n focusSize: '0.0625rem',\n background: '--surface-solid-card',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n itemBackground: '--plasma-colors-transparent',\n textfieldTargetColor: '--text-primary',\n textfieldOuterLabelColor: '--text-primary',\n textfieldInnerLabelColor: '--text-secondary',\n textfieldPlaceholderColor: '--text-secondary',\n opacity: '0.4',\n fontFamily: '--plasma-typo-body-xs-font-family',\n fontSize: '--plasma-typo-body-xs-font-size',\n fontStyle: '--plasma-typo-body-xs-font-style',\n fontWeight: '--plasma-typo-body-xs-font-weight',\n fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',\n fontLineHeight: '--plasma-typo-body-xs-line-height',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","selectTargetArrow","arrowInverse","textfieldTarget","selectChipIsFocused","selectWithoutBoxShadow","selectSpinner","tokens","borderRadius","padding","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight","dropdownBorderColor","dropdownBorderWidth","itemHeight","itemBorderRadius","itemPadding","itemPaddingTight","itemIconSize","itemIconSizeTight","itemIconMargin","itemBackgroundHover","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","checkboxTriggerSize","checkboxTriggerSizeTight","checkboxTriggerBorderRadius","checkboxTriggerBorderRadiusTight","checkboxFillColor","checkboxIconColor","checkboxTriggerBorderColor","indicatorSize","targetHeight","buttonColor","buttonColorHover","buttonColorActive","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonPadding","textFieldColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldOptionalColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldPaddingWithChips","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldTitleCaptionColor","textFieldTitleCaptionInnerLabelOffset","textFieldTitleCaptionFontFamily","textFieldTitleCaptionFontStyle","textFieldTitleCaptionFontSize","textFieldTitleCaptionFontWeight","textFieldTitleCaptionLetterSpacing","textFieldTitleCaptionLineHeight","textFieldLeftHelperColor","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldChipHeight","textFieldChipBorderRadius","textFieldChipGap","textFieldChipBackground","textFieldChipColor","textFieldChipBackgroundHover","textFieldChipColorHover","textFieldChipScaleHover","textFieldChipBackgroundActive","textFieldChipColorActive","textFieldChipScaleActive","textFieldChipCloseIconColor","textFieldChipOutlineSize","textFieldChipWidth","textFieldChipPaddingTop","textFieldChipPaddingRight","textFieldChipPaddingBottom","textFieldChipPaddingLeft","textFieldChipCloseIconSize","textFieldChipFontFamily","textFieldChipFontSize","textFieldChipFontStyle","textFieldChipFontWeight","textFieldChipLetterSpacing","textFieldChipLineHeight","textFieldChipClearContentMarginLeft","textFieldChipClearContentMarginRight","textFieldFocusColor","disclosureIconColor","disclosureIconColorHover"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Select.tokens.js","sources":["../../../src/components/Select/Select.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n selectTargetArrow: 'select-target-arrow',\n arrowInverse: 'arrow-inverse',\n textfieldTarget: 'select-textfield-target',\n selectChipIsFocused: 'select-chip-is-focused',\n selectWithoutBoxShadow: 'select-without-box-shadow',\n selectSpinner: 'select-spinner',\n};\n\nexport const tokens = {\n borderRadius: '--plasma-select-border-radius',\n padding: '--plasma-select-padding',\n\n fontFamily: '--plasma-select-font-family',\n fontSize: '--plasma-select-font-size',\n fontStyle: '--plasma-select-font-style',\n fontWeight: '--plasma-select-font-weight',\n fontLetterSpacing: '--plasma-select-font-letter-spacing',\n fontLineHeight: '--plasma-select-font-line-height',\n\n dropdownBorderColor: '--plasma-select-dropdown-border-color',\n dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n itemHeight: '--plasma-select-item-height',\n itemBorderRadius: '--plasma-select-item-border-radius',\n itemPadding: '--plasma-select-item-padding',\n itemPaddingTight: '--plasma-select-item-padding-tight',\n itemIconSize: '--plasma-select-item-icon-size',\n itemIconSizeTight: '--plasma-select-item-icon-size-tight',\n itemIconMargin: '--plasma-select-item-icon-margin',\n itemBackgroundHover: '--plasma-select-item-background-hover',\n\n cellPadding: '--plasma-select-cell-padding',\n cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',\n cellPaddingContent: '--plasma-select-cell-padding-content',\n cellPaddingRightContent: '--plasma-select-cell-padding-right-content',\n cellTextboxGap: '--plasma-select-cell-textbox-gap',\n cellGap: '--plasma-select-cell-gap',\n cellTitleFontFamily: '--plasma-select-cell-title-font-family',\n cellTitleFontSize: '--plasma-select-cell-title-font-size',\n cellTitleFontStyle: '--plasma-select-cell-title-font-style',\n cellTitleFontWeight: '--plasma-select-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-select-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-select-cell-title-line-height',\n\n checkboxTriggerSize: '--plasma-select-checkbox-trigger-size',\n checkboxTriggerSizeTight: '--plasma-select-checkbox-trigger-size-tight',\n checkboxTriggerBorderRadius: '--plasma-select-checkbox-trigger-border-radius',\n checkboxTriggerBorderRadiusTight: '--plasma-select-checkbox-trigger-border-radius-tight',\n checkboxFillColor: '--plasma-select-checkbox-fill-color',\n checkboxIconColor: '--plasma-select-checkbox-icon-color',\n checkboxTriggerBorderColor: '--plasma-select-checkbox-trigger-border-color',\n\n indicatorSize: '--plasma-select-indicator-size',\n\n targetHeight: '--plasma-select-target-height',\n\n // Токены для Button\n buttonColor: '--plasma-select-button-color',\n buttonColorHover: '--plasma-select-button-color-hover',\n buttonColorActive: '--plasma-select-button-color-active',\n buttonArrowColor: '--plasma-select-button-arrow-color',\n buttonArrowColorHover: '--plasma-select-button-arrow-color-hover',\n buttonArrowColorActive: '--plasma-select-button-arrow-color-active',\n buttonArrowMargin: '--plasma-select-button-arrow-margin',\n buttonBackgroundColor: '--plasma-select-button-background-color',\n buttonBackgroundColorHover: '--plasma-select-button-background-color-hover',\n buttonBackgroundColorActive: '--plasma-select-button-background-color-active',\n buttonPadding: '--plasma-select-button-padding',\n\n // Токены для TextField\n textFieldColor: '--plasma-select-textfield-color',\n\n textFieldBackgroundColor: '--plasma-select-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-select-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-select-textfield-background-color-focus',\n\n textFieldBorderColor: '--plasma-select-textfield-border-color',\n textFieldBorderColorHover: '--plasma-select-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-select-textfield-border-color-focus',\n\n textFieldPlaceholderColor: '--plasma-select-textfield-placeholder-color',\n textFieldPlaceholderColorFocus: '--plasma-select-textfield-placeholder-color-focus',\n\n textFieldHeight: '--plasma-select-textfield-height',\n textFieldBorderWidth: '--plasma-select-textfield-border-width',\n textFieldBorderRadius: '--plasma-select-textfield-border-radius',\n\n textFieldPadding: '--plasma-select-textfield-padding',\n textFieldPaddingWithChips: '--plasma-select-textfield-padding-with-chips',\n\n textFieldLeftContentMargin: '--plasma-select-textfield-left-content-margin',\n textFieldRightContentMargin: '--plasma-select-textfield-right-content-margin',\n\n textFieldFontFamily: '--plasma-select-textfield-font-family',\n textFieldFontStyle: '--plasma-select-textfield-font-style',\n textFieldFontSize: '--plasma-select-textfield-font-size',\n textFieldFontWeight: '--plasma-select-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-select-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-select-textfield-line-height',\n\n textFieldContentSlotColor: '--plasma-select-textfield-content-slot-color',\n textFieldContentSlotColorHover: '--plasma-select-textfield-content-slot-color-hover',\n textFieldContentSlotColorActive: '--plasma-select-textfield-content-slot-color-active',\n\n textFieldContentSlotRightColor: '--plasma-select-textfield-content-right-slot-color',\n textFieldContentSlotRightColorHover: '--plasma-select-textfield-content-right-slot-color-hover',\n textFieldContentSlotRightColorActive: '--plasma-select-textfield-content-right-slot-color-active',\n\n textFieldLabelColor: '--plasma-select-textfield-label-color',\n textFieldLabelOffset: '--plasma-select-textfield-label-offset',\n\n textFieldLabelFontFamily: '--plasma-select-textfield-label-font-family',\n textFieldLabelFontStyle: '--plasma-select-textfield-label-font-style',\n textFieldLabelFontSize: '--plasma-select-textfield-label-font-size',\n textFieldLabelFontWeight: '--plasma-select-textfield-label-font-weight',\n textFieldLabelLetterSpacing: '--plasma-select-textfield-label-letter-spacing',\n textFieldLabelLineHeight: '--plasma-select-textfield-label-line-height',\n\n textFieldLabelInnerFontFamily: '--plasma-select-textfield-placement-inner-label-font-family',\n textFieldLabelInnerFontStyle: '--plasma-select-textfield-placement-inner-label-font-style',\n textFieldLabelInnerFontSize: '--plasma-select-textfield-placement-inner-label-font-size',\n textFieldLabelInnerFontWeight: '--plasma-select-textfield-placement-inner-label-font-weight',\n textFieldLabelInnerLetterSpacing: '--plasma-select-textfield-placement-inner-label-letter-spacing',\n textFieldLabelInnerLineHeight: '--plasma-select-textfield-placement-inner-label-line-height',\n\n textFieldLabelInnerPadding: '--plasma-select-textfield-placement-inner-label-padding',\n textFieldContentLabelInnerPadding: '--plasma-select-textfield-placement-inner-content-padding',\n\n textFieldTitleCaptionColor: '--plasma-select-textfield-title-caption-color',\n textFieldTitleCaptionInnerLabelOffset: '--plasma-select-textfield-title-caption-label-inner-offset',\n\n textFieldTitleCaptionFontFamily: '--plasma-select-textfield-title-caption-font-family',\n textFieldTitleCaptionFontStyle: '--plasma-select-textfield-title-caption-font-style',\n textFieldTitleCaptionFontSize: '--plasma-select-textfield-title-caption-font-size',\n textFieldTitleCaptionFontWeight: '--plasma-select-textfield-title-caption-font-weight',\n textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',\n textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',\n\n textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',\n textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',\n\n textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',\n textFieldLeftHelperFontStyle: '--plasma-select-textfield-left-helper-font-style',\n textFieldLeftHelperFontSize: '--plasma-select-textfield-left-helper-font-size',\n textFieldLeftHelperFontWeight: '--plasma-select-textfield-left-helper-font-weight',\n textFieldLeftHelperLetterSpacing: '--plasma-select-textfield-left-helper-letter-spacing',\n textFieldLeftHelperLineHeight: '--plasma-select-textfield-left-helper-line-height',\n\n textFieldTextBeforeColor: '--plasma-select-textfield-before-text-color',\n textFieldTextAfterColor: '--plasma-select-textfield-after-text-color',\n textFieldTextBeforeMargin: '--plasma-select-textfield-before-text-margin',\n textFieldTextAfterMargin: '--plasma-select-textfield-after-text-margin',\n\n textFieldDisabledOpacity: '--plasma-select-textfield-disabled-opacity',\n\n textFieldChipHeight: '--plasma-select-textfield-chip-height',\n textFieldChipBorderRadius: '--plasma-select-textfield-chip-border-radius',\n textFieldChipGap: '--plasma-select-textfield-chip-gap',\n textFieldChipBackground: '--plasma-select-textfield--chip-background',\n textFieldChipColor: '--plasma-select-textfield-chip-color',\n textFieldChipBackgroundHover: '--plasma-select-textfield-chip-background-hover',\n textFieldChipColorHover: '--plasma-select-textfield-chip-color-hover',\n textFieldChipScaleHover: '--plasma-select-textfield-chip-scale-hover',\n textFieldChipBackgroundActive: '--plasma-select-textfield-chip-background-active',\n textFieldChipColorActive: '--plasma-select-textfield-chip-color-active',\n textFieldChipScaleActive: '--plasma-select-textfield-chip-scale-active',\n textFieldChipCloseIconColor: '--plasma-select-textfield-chip-close-icons-color',\n textFieldChipOutlineSize: '--plasma-select-textfield-chip-outline-size',\n textFieldChipWidth: '--plasma-select-textfield-chip-width',\n textFieldChipPaddingTop: '--plasma-select-textfield-chip-padding-top',\n textFieldChipPaddingRight: '--plasma-select-textfield-chip-padding-right',\n textFieldChipPaddingBottom: '--plasma-select-textfield-chip-padding-bottom',\n textFieldChipPaddingLeft: '--plasma-select-textfield-chip-padding-left',\n textFieldChipCloseIconSize: '--plasma-select-textfield-chip-close-icon-size',\n textFieldChipFontFamily: '--plasma-select-textfield-chip-font-family',\n textFieldChipFontSize: '--plasma-select-textfield-chip-font-size',\n textFieldChipFontStyle: '--plasma-select-textfield-chip-font-style',\n textFieldChipFontWeight: '--plasma-select-textfield-chip-font-weight',\n textFieldChipLetterSpacing: '--plasma-select-textfield-chip-letter-spacing',\n textFieldChipLineHeight: '--plasma-select-textfield-chip-line-height',\n textFieldChipClearContentMarginLeft: '--plasma-select-textfield-chip-clear-content-margin-left',\n textFieldChipClearContentMarginRight: '--plasma-select-textfield-chip-clear-content-margin-right',\n\n textFieldIndicatorColor: '--plasma-select-new-textfield-indicator-color',\n textFieldIndicatorSizeInner: '--plasma-select-new-textfield-indicator-size-inner',\n textFieldIndicatorSizeOuter: '--plasma-select-new-textfield-indicator-size-outer',\n textFieldIndicatorLabelPlacementInner: '--plasma-select-new-textfield-indicator-placement-inner',\n textFieldIndicatorLabelPlacementOuter: '--plasma-select-new-textfield-indicator-placement-outer',\n textFieldIndicatorLabelPlacementInnerRight: '--plasma-select-new-textfield-indicator-placement-inner-right',\n textFieldIndicatorLabelPlacementOuterRight: '--plasma-select-new-textfield-indicator-placement-outer-right',\n textFieldClearIndicatorLabelPlacementInner: '--plasma-select-new-textfield-clear-indicator-placement-inner',\n textFieldClearIndicatorLabelPlacementInnerRight:\n '--plasma-select-new-textfield-clear-indicator-placement-inner-right',\n textFieldClearIndicatorHintInnerRight: '--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right',\n textFieldOptionalColor: '--plasma-select-new-textfield-optional-color',\n\n textFieldFocusColor: '--plasma-select-textfield-focus-color',\n\n disclosureIconColor: '--plasma-select-disclosure-icon-color',\n disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n focusSize: '0.0625rem',\n background: '--surface-solid-card',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n itemBackground: '--plasma-colors-transparent',\n textfieldTargetColor: '--text-primary',\n textfieldOuterLabelColor: '--text-primary',\n textfieldInnerLabelColor: '--text-secondary',\n textfieldPlaceholderColor: '--text-secondary',\n opacity: '0.4',\n fontFamily: '--plasma-typo-body-xs-font-family',\n fontSize: '--plasma-typo-body-xs-font-size',\n fontStyle: '--plasma-typo-body-xs-font-style',\n fontWeight: '--plasma-typo-body-xs-font-weight',\n fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',\n fontLineHeight: '--plasma-typo-body-xs-line-height',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","selectTargetArrow","arrowInverse","textfieldTarget","selectChipIsFocused","selectWithoutBoxShadow","selectSpinner","tokens","borderRadius","padding","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight","dropdownBorderColor","dropdownBorderWidth","itemHeight","itemBorderRadius","itemPadding","itemPaddingTight","itemIconSize","itemIconSizeTight","itemIconMargin","itemBackgroundHover","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","checkboxTriggerSize","checkboxTriggerSizeTight","checkboxTriggerBorderRadius","checkboxTriggerBorderRadiusTight","checkboxFillColor","checkboxIconColor","checkboxTriggerBorderColor","indicatorSize","targetHeight","buttonColor","buttonColorHover","buttonColorActive","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonPadding","textFieldColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldPaddingWithChips","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldTitleCaptionColor","textFieldTitleCaptionInnerLabelOffset","textFieldTitleCaptionFontFamily","textFieldTitleCaptionFontStyle","textFieldTitleCaptionFontSize","textFieldTitleCaptionFontWeight","textFieldTitleCaptionLetterSpacing","textFieldTitleCaptionLineHeight","textFieldLeftHelperColor","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldChipHeight","textFieldChipBorderRadius","textFieldChipGap","textFieldChipBackground","textFieldChipColor","textFieldChipBackgroundHover","textFieldChipColorHover","textFieldChipScaleHover","textFieldChipBackgroundActive","textFieldChipColorActive","textFieldChipScaleActive","textFieldChipCloseIconColor","textFieldChipOutlineSize","textFieldChipWidth","textFieldChipPaddingTop","textFieldChipPaddingRight","textFieldChipPaddingBottom","textFieldChipPaddingLeft","textFieldChipCloseIconSize","textFieldChipFontFamily","textFieldChipFontSize","textFieldChipFontStyle","textFieldChipFontWeight","textFieldChipLetterSpacing","textFieldChipLineHeight","textFieldChipClearContentMarginLeft","textFieldChipClearContentMarginRight","textFieldIndicatorColor","textFieldIndicatorSizeInner","textFieldIndicatorSizeOuter","textFieldIndicatorLabelPlacementInner","textFieldIndicatorLabelPlacementOuter","textFieldIndicatorLabelPlacementInnerRight","textFieldIndicatorLabelPlacementOuterRight","textFieldClearIndicatorLabelPlacementInner","textFieldClearIndicatorLabelPlacementInnerRight","textFieldClearIndicatorHintInnerRight","textFieldOptionalColor","textFieldFocusColor","disclosureIconColor","disclosureIconColorHover"],"mappings":"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"}
|
@@ -105,8 +105,8 @@
|
|
105
105
|
|
106
106
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
107
107
|
|
108
|
-
.Textfield_styles_q4kc1p_s1yhwv5r__70366a17{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_q4kc1p_s1yhwv5r__70366a17 div.Textfield_styles_q4kc1p_inputWrapper__70366a17:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
|
109
|
-
.
|
108
|
+
.Textfield_styles_1b7iij0_s1yhwv5r__18547d95{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right: var(--plasma-select-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_1b7iij0_s1yhwv5r__18547d95 div.Textfield_styles_1b7iij0_inputWrapper__18547d95:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
|
109
|
+
.Textfield_styles_1b7iij0_i7x5udn__18547d95{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1b7iij0_i7x5udn__18547d95 .Textfield_styles_1b7iij0_arrowInverse__18547d95{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1b7iij0_i7x5udn__18547d95:hover,.Textfield_styles_1b7iij0_i7x5udn__18547d95:active{color:var(--i7x5udn-1);}
|
110
110
|
|
111
111
|
|
112
112
|
.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
|
@@ -102,8 +102,8 @@
|
|
102
102
|
|
103
103
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
104
104
|
|
105
|
-
.Textfield_styles_q4kc1p_s1yhwv5r__70366a17{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_q4kc1p_s1yhwv5r__70366a17 div.Textfield_styles_q4kc1p_inputWrapper__70366a17:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
|
106
|
-
.
|
105
|
+
.Textfield_styles_1b7iij0_s1yhwv5r__18547d95{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right: var(--plasma-select-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_1b7iij0_s1yhwv5r__18547d95 div.Textfield_styles_1b7iij0_inputWrapper__18547d95:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
|
106
|
+
.Textfield_styles_1b7iij0_i7x5udn__18547d95{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1b7iij0_i7x5udn__18547d95 .Textfield_styles_1b7iij0_arrowInverse__18547d95{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1b7iij0_i7x5udn__18547d95:hover,.Textfield_styles_1b7iij0_i7x5udn__18547d95:active{color:var(--i7x5udn-1);}
|
107
107
|
|
108
108
|
|
109
109
|
.Select_styles_1p5c9p3_upxbau6__28c8cedc{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);height:var(--upxbau6-1);overflow:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
|
@@ -36,7 +36,6 @@ var Item = function Item(_ref) {
|
|
36
36
|
handleItemClick = _useContext.handleItemClick,
|
37
37
|
variant = _useContext.variant,
|
38
38
|
renderItem = _useContext.renderItem,
|
39
|
-
valueToItemMap = _useContext.valueToItemMap,
|
40
39
|
treeId = _useContext.treeId;
|
41
40
|
var itemDisabled = Boolean(disabled || isDisabled);
|
42
41
|
var disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
|
@@ -91,7 +90,7 @@ var Item = function Item(_ref) {
|
|
91
90
|
}))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(IconDone, {
|
92
91
|
size: sizeToIconSize(size, variant),
|
93
92
|
color: "inherit"
|
94
|
-
})), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(
|
93
|
+
})), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledCell, {
|
95
94
|
contentLeft: contentLeft,
|
96
95
|
contentRight: contentRight
|
97
96
|
// TODO: #1548
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\nimport { Context } from '../../../../Select';\nimport { useDidMountEffect } from '../../../../../../hooks';\n\nimport { ItemProps } from './Item.types';\nimport {\n StyledWrapper,\n StyledCell,\n StyledCheckbox,\n StyledIndicator,\n DisclosureIconWrapper,\n IconWrapper,\n StyledText,\n Wrapper,\n StyledCheckboxWrapper,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n item,\n path,\n currentLevel,\n index,\n ariaControls,\n ariaExpanded,\n ariaLevel,\n ariaLabel,\n}) => {\n const { value, label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n const ref = useRef<HTMLLIElement | null>(null);\n\n const {\n focusedPath,\n checked,\n multiselect,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n renderItem,\n valueToItemMap,\n treeId,\n } = useContext(Context);\n\n const itemDisabled = Boolean(disabled || isDisabled);\n\n const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useDidMountEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (itemDisabled) return;\n\n e.stopPropagation();\n\n handleCheckboxChange(item);\n };\n\n const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (itemDisabled) {\n e.stopPropagation();\n return;\n }\n\n handleItemClick(item, e);\n };\n\n return (\n <Wrapper\n className={cx(disabledClassName, focusedClass, activeClass)}\n id={getItemId(treeId, value.toString())}\n ref={ref}\n onClick={handleClick}\n variant={variant}\n role=\"treeitem\"\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n aria-selected={Boolean(checked.get(item.value))}\n >\n <IconWrapper variant={variant}>\n {multiselect && (\n <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n <StyledCheckbox\n checked={Boolean(checked.get(item.value))}\n indeterminate={checked.get(item.value) === 'indeterminate'}\n onChange={handleChange}\n />\n </StyledCheckboxWrapper>\n )}\n\n {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n {!multiselect && checked.get(item.value) === 'done' && (\n <IconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n )}\n </IconWrapper>\n\n {renderItem ? (\n <StyledText>{renderItem(valueToItemMap.get(value)!)}</StyledText>\n ) : (\n <StyledWrapper>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n // TODO: #1548\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n title={<span>{label}</span>}\n />\n </StyledWrapper>\n )}\n\n {!isEmpty(item.items) && (\n <DisclosureIconWrapper>\n <IconDisclosureRightCentered size={sizeToIconSize(size, variant)} color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","valueToItemMap","treeId","itemDisabled","Boolean","disabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useDidMountEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","className","cx","id","getItemId","toString","onClick","role","get","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","_StyledIndicator","StyledIndicator","view","IconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","title","isEmpty","items","DisclosureIconWrapper","IconDisclosureRightCentered"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\nimport { Context } from '../../../../Select';\nimport { useDidMountEffect } from '../../../../../../hooks';\n\nimport { ItemProps } from './Item.types';\nimport {\n StyledWrapper,\n StyledCell,\n StyledCheckbox,\n StyledIndicator,\n DisclosureIconWrapper,\n IconWrapper,\n StyledText,\n Wrapper,\n StyledCheckboxWrapper,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n item,\n path,\n currentLevel,\n index,\n ariaControls,\n ariaExpanded,\n ariaLevel,\n ariaLabel,\n}) => {\n const { value, label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n const ref = useRef<HTMLLIElement | null>(null);\n\n const {\n focusedPath,\n checked,\n multiselect,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n renderItem,\n treeId,\n } = useContext(Context);\n\n const itemDisabled = Boolean(disabled || isDisabled);\n\n const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useDidMountEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (itemDisabled) return;\n\n e.stopPropagation();\n\n handleCheckboxChange(item);\n };\n\n const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (itemDisabled) {\n e.stopPropagation();\n return;\n }\n\n handleItemClick(item, e);\n };\n\n return (\n <Wrapper\n className={cx(disabledClassName, focusedClass, activeClass)}\n id={getItemId(treeId, value.toString())}\n ref={ref}\n onClick={handleClick}\n variant={variant}\n role=\"treeitem\"\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n aria-selected={Boolean(checked.get(item.value))}\n >\n <IconWrapper variant={variant}>\n {multiselect && (\n <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n <StyledCheckbox\n checked={Boolean(checked.get(item.value))}\n indeterminate={checked.get(item.value) === 'indeterminate'}\n onChange={handleChange}\n />\n </StyledCheckboxWrapper>\n )}\n\n {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n {!multiselect && checked.get(item.value) === 'done' && (\n <IconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n )}\n </IconWrapper>\n\n {renderItem ? (\n <StyledText>{renderItem(item)}</StyledText>\n ) : (\n <StyledWrapper>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n // TODO: #1548\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n title={<span>{label}</span>}\n />\n </StyledWrapper>\n )}\n\n {!isEmpty(item.items) && (\n <DisclosureIconWrapper>\n <IconDisclosureRightCentered size={sizeToIconSize(size, variant)} color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","treeId","itemDisabled","Boolean","disabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useDidMountEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","className","cx","id","getItemId","toString","onClick","role","get","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","_StyledIndicator","StyledIndicator","view","IconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","title","isEmpty","items","DisclosureIconWrapper","IconDisclosureRightCentered"],"mappings":"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"}
|
@@ -102,6 +102,6 @@
|
|
102
102
|
|
103
103
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
104
104
|
|
105
|
-
.Textfield_styles_q4kc1p_s1yhwv5r__70366a17{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_q4kc1p_s1yhwv5r__70366a17 div.Textfield_styles_q4kc1p_inputWrapper__70366a17:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
|
106
|
-
.
|
105
|
+
.Textfield_styles_1b7iij0_s1yhwv5r__18547d95{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right: var(--plasma-select-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_1b7iij0_s1yhwv5r__18547d95 div.Textfield_styles_1b7iij0_inputWrapper__18547d95:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
|
106
|
+
.Textfield_styles_1b7iij0_i7x5udn__18547d95{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1b7iij0_i7x5udn__18547d95 .Textfield_styles_1b7iij0_arrowInverse__18547d95{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1b7iij0_i7x5udn__18547d95:hover,.Textfield_styles_1b7iij0_i7x5udn__18547d95:active{color:var(--i7x5udn-1);}
|
107
107
|
|
@@ -5,7 +5,6 @@ import { Textfield } from './ui/Textfield/Textfield.js';
|
|
5
5
|
|
6
6
|
var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
7
7
|
var value = _ref.value,
|
8
|
-
target = _ref.target,
|
9
8
|
opened = _ref.opened,
|
10
9
|
valueToItemMap = _ref.valueToItemMap,
|
11
10
|
label = _ref.label,
|
@@ -28,7 +27,8 @@ var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
28
27
|
onChange = _ref.onChange,
|
29
28
|
labelToItemMap = _ref.labelToItemMap,
|
30
29
|
chipView = _ref.chipView,
|
31
|
-
separator = _ref.separator
|
30
|
+
separator = _ref.separator,
|
31
|
+
requiredProps = _ref.requiredProps;
|
32
32
|
var buttonRef = useForkRef(ref, inputWrapperRef);
|
33
33
|
if (selectProps.renderTarget) {
|
34
34
|
return /*#__PURE__*/React.createElement("div", {
|
@@ -37,7 +37,7 @@ var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
37
37
|
return valueToItemMap.get(value);
|
38
38
|
}) : valueToItemMap.get(value)));
|
39
39
|
}
|
40
|
-
return target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
|
40
|
+
return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
|
41
41
|
ref: buttonRef,
|
42
42
|
opened: opened,
|
43
43
|
value: value,
|
@@ -74,7 +74,8 @@ var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
74
74
|
renderValue: renderValue,
|
75
75
|
onChange: onChange,
|
76
76
|
labelToItemMap: labelToItemMap,
|
77
|
-
chipView: chipView
|
77
|
+
chipView: chipView,
|
78
|
+
requiredProps: requiredProps
|
78
79
|
});
|
79
80
|
});
|
80
81
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target = forwardRef<HTMLButtonElement, TargetProps>(\n (\n {\n value,\n
|
1
|
+
{"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target = forwardRef<HTMLButtonElement, TargetProps>(\n (\n {\n value,\n opened,\n valueToItemMap,\n label,\n placeholder,\n onKeyDown,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n selectProps,\n inputWrapperRef,\n multiselect,\n view,\n handleClickArrow,\n helperText,\n treeId,\n activeDescendantItemValue,\n isTargetAmount,\n onChange,\n labelToItemMap,\n chipView,\n separator,\n requiredProps,\n },\n ref,\n ) => {\n const buttonRef = useForkRef(ref, inputWrapperRef as any);\n\n if (selectProps.renderTarget) {\n return (\n <div ref={inputWrapperRef as any}>\n {selectProps.renderTarget(\n Array.isArray(value)\n ? value.map((value) => valueToItemMap.get(value)!)\n : valueToItemMap.get(value)!,\n )}\n </div>\n );\n }\n\n return selectProps.target === 'button-like' ? (\n <Button\n ref={buttonRef}\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled}\n renderValue={renderValue}\n selectProps={selectProps}\n separator={separator}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n />\n ) : (\n <Textfield\n ref={ref as MutableRefObject<HTMLInputElement>}\n inputWrapperRef={inputWrapperRef}\n opened={opened}\n multiselect={multiselect}\n value={value}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n labelPlacement={labelPlacement}\n size={size}\n view={view}\n handleClickArrow={handleClickArrow}\n contentLeft={contentLeft}\n helperText={helperText}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n disabled={disabled}\n isTargetAmount={isTargetAmount}\n valueToItemMap={valueToItemMap}\n renderValue={renderValue}\n onChange={onChange}\n labelToItemMap={labelToItemMap}\n chipView={chipView}\n requiredProps={requiredProps}\n />\n );\n },\n);\n"],"names":["Target","forwardRef","_ref","ref","value","opened","valueToItemMap","label","placeholder","onKeyDown","labelPlacement","size","contentLeft","disabled","renderValue","selectProps","inputWrapperRef","multiselect","view","handleClickArrow","helperText","treeId","activeDescendantItemValue","isTargetAmount","onChange","labelToItemMap","chipView","separator","requiredProps","buttonRef","useForkRef","renderTarget","React","createElement","Array","isArray","map","get","target","Button","Textfield"],"mappings":";;;;;AAOO,IAAMA,MAAM,gBAAGC,UAAU,CAC5B,UAAAC,IAAA,EA4BIC,GAAG,EACF;AAAA,EAAA,IA3BGC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,IAAI,GAAAT,IAAA,CAAJS,IAAI;IACJC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,WAAW,GAAAZ,IAAA,CAAXY,WAAW;IACXC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,eAAe,GAAAd,IAAA,CAAfc,eAAe;IACfC,WAAW,GAAAf,IAAA,CAAXe,WAAW;IACXC,IAAI,GAAAhB,IAAA,CAAJgB,IAAI;IACJC,gBAAgB,GAAAjB,IAAA,CAAhBiB,gBAAgB;IAChBC,UAAU,GAAAlB,IAAA,CAAVkB,UAAU;IACVC,MAAM,GAAAnB,IAAA,CAANmB,MAAM;IACNC,yBAAyB,GAAApB,IAAA,CAAzBoB,yBAAyB;IACzBC,cAAc,GAAArB,IAAA,CAAdqB,cAAc;IACdC,QAAQ,GAAAtB,IAAA,CAARsB,QAAQ;IACRC,cAAc,GAAAvB,IAAA,CAAduB,cAAc;IACdC,QAAQ,GAAAxB,IAAA,CAARwB,QAAQ;IACRC,SAAS,GAAAzB,IAAA,CAATyB,SAAS;IACTC,aAAa,GAAA1B,IAAA,CAAb0B,aAAa,CAAA;AAIjB,EAAA,IAAMC,SAAS,GAAGC,UAAU,CAAC3B,GAAG,EAAEa,eAAsB,CAAC,CAAA;EAEzD,IAAID,WAAW,CAACgB,YAAY,EAAE;IAC1B,oBACIC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK9B,MAAAA,GAAG,EAAEa,eAAAA;AAAuB,KAAA,EAC5BD,WAAW,CAACgB,YAAY,CACrBG,KAAK,CAACC,OAAO,CAAC/B,KAAK,CAAC,GACdA,KAAK,CAACgC,GAAG,CAAC,UAAChC,KAAK,EAAA;AAAA,MAAA,OAAKE,cAAc,CAAC+B,GAAG,CAACjC,KAAK,CAAC,CAAA;KAAC,CAAC,GAChDE,cAAc,CAAC+B,GAAG,CAACjC,KAAK,CAClC,CACC,CAAC,CAAA;AAEd,GAAA;EAEA,OAAOW,WAAW,CAACuB,MAAM,KAAK,aAAa,gBACvCN,KAAA,CAAAC,aAAA,CAACM,MAAM,EAAA;AACHpC,IAAAA,GAAG,EAAE0B,SAAU;AACfxB,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BG,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,KAAK,EAAEA,KAAM;AACbI,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBY,IAAAA,SAAS,EAAEA,SAAU;AACrBN,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,yBAAyB,EAAEA,yBAAAA;AAA0B,GACxD,CAAC,gBAEFU,KAAA,CAAAC,aAAA,CAACO,SAAS,EAAA;AACNrC,IAAAA,GAAG,EAAEA,GAA0C;AAC/Ca,IAAAA,eAAe,EAAEA,eAAgB;AACjCX,IAAAA,MAAM,EAAEA,MAAO;AACfY,IAAAA,WAAW,EAAEA,WAAY;AACzBb,IAAAA,KAAK,EAAEA,KAAM;AACbG,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,IAAI,EAAEA,IAAK;AACXO,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCP,IAAAA,WAAW,EAAEA,WAAY;AACzBQ,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,yBAAyB,EAAEA,yBAA0B;AACrDT,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,cAAc,EAAEA,cAAe;AAC/BjB,IAAAA,cAAc,EAAEA,cAAe;AAC/BQ,IAAAA,WAAW,EAAEA,WAAY;AACzBU,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAChC,CACJ,CAAA;AACL,CACJ;;;;"}
|
@@ -70,6 +70,6 @@
|
|
70
70
|
|
71
71
|
.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);}
|
72
72
|
|
73
|
-
.Textfield_styles_q4kc1p_s1yhwv5r__70366a17{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_q4kc1p_s1yhwv5r__70366a17 div.Textfield_styles_q4kc1p_inputWrapper__70366a17:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
|
74
|
-
.
|
73
|
+
.Textfield_styles_1b7iij0_s1yhwv5r__18547d95{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right: var(--plasma-select-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_1b7iij0_s1yhwv5r__18547d95 div.Textfield_styles_1b7iij0_inputWrapper__18547d95:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
|
74
|
+
.Textfield_styles_1b7iij0_i7x5udn__18547d95{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1b7iij0_i7x5udn__18547d95 .Textfield_styles_1b7iij0_arrowInverse__18547d95{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1b7iij0_i7x5udn__18547d95:hover,.Textfield_styles_1b7iij0_i7x5udn__18547d95:active{color:var(--i7x5udn-1);}
|
75
75
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
1
|
+
import { extends as _extends, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
2
|
import React, { forwardRef } from 'react';
|
3
3
|
import { classes } from '../../../../Select.tokens.js';
|
4
4
|
import { StyledTextField, IconArrowWrapper, StyledArrow } from './Textfield.styles.js';
|
@@ -28,7 +28,8 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
28
28
|
renderValue = _ref.renderValue,
|
29
29
|
onChange = _ref.onChange,
|
30
30
|
labelToItemMap = _ref.labelToItemMap,
|
31
|
-
chipView = _ref.chipView
|
31
|
+
chipView = _ref.chipView,
|
32
|
+
requiredProps = _ref.requiredProps;
|
32
33
|
var withArrowInverse = opened ? classes.arrowInverse : undefined;
|
33
34
|
var getChips = function getChips() {
|
34
35
|
if (multiselect && Array.isArray(value)) {
|
@@ -49,9 +50,24 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
49
50
|
|
50
51
|
// Обработчик чипов
|
51
52
|
var handleChipsChange = function handleChipsChange(chipLabels) {
|
52
|
-
|
53
|
-
|
54
|
-
|
53
|
+
if (!Array.isArray(value)) return;
|
54
|
+
|
55
|
+
// TODO: #1564
|
56
|
+
// Из лейблов чипов получаем value у item и далее прокидываем его в onChange.
|
57
|
+
if (renderValue && !isTargetAmount) {
|
58
|
+
var resultValues = _toConsumableArray(value);
|
59
|
+
value.forEach(function (_, index) {
|
60
|
+
var labelAfterRenderValue = renderValue(labelToItemMap.get(valueToItemMap.get(value[index]).label));
|
61
|
+
if (!chipLabels.includes(labelAfterRenderValue)) {
|
62
|
+
resultValues.splice(index, 1);
|
63
|
+
}
|
64
|
+
});
|
65
|
+
onChange(resultValues);
|
66
|
+
} else {
|
67
|
+
onChange(chipLabels.map(function (chipLabel) {
|
68
|
+
return labelToItemMap.get(chipLabel).value;
|
69
|
+
}));
|
70
|
+
}
|
55
71
|
};
|
56
72
|
return /*#__PURE__*/React.createElement(StyledTextField, _extends({
|
57
73
|
ref: ref,
|
@@ -94,7 +110,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
94
110
|
// TODO: #1547
|
95
111
|
,
|
96
112
|
_forceChipManipulationWithReadonly: true
|
97
|
-
}));
|
113
|
+
}, requiredProps));
|
98
114
|
});
|
99
115
|
|
100
116
|
export { Textfield };
|