@salutejs/plasma-new-hope 0.194.1-dev.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/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 -4
- 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/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 +3 -2
- 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/index.css +2 -2
- package/emotion/cjs/components/Select/Select.js +11 -4
- package/emotion/cjs/components/Select/Select.tokens.js +11 -1
- package/emotion/cjs/components/Select/ui/Target/Target.js +5 -4
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +3 -3
- 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_web/components/Select/Select.config.js +20 -20
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +24 -0
- package/emotion/es/components/Select/Select.js +11 -4
- package/emotion/es/components/Select/Select.tokens.js +11 -1
- package/emotion/es/components/Select/ui/Target/Target.js +5 -4
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +3 -3
- 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_web/components/Select/Select.config.js +20 -20
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +24 -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 -4
- 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/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 +3 -2
- 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/index.css +2 -2
- package/package.json +2 -2
- package/styled-components/cjs/components/Select/Select.js +11 -4
- package/styled-components/cjs/components/Select/Select.tokens.js +11 -1
- package/styled-components/cjs/components/Select/ui/Target/Target.js +5 -4
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
- 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_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/es/components/Select/Select.js +11 -4
- package/styled-components/es/components/Select/Select.tokens.js +11 -1
- package/styled-components/es/components/Select/ui/Target/Target.js +5 -4
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +3 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.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_web/components/Select/Select.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +24 -0
- 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 +4 -2
- package/types/components/Select/Select.types.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/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_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/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +0 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +0 -3
@@ -180,8 +180,8 @@
|
|
180
180
|
|
181
181
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
182
182
|
|
183
|
-
.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);}
|
184
|
-
.
|
183
|
+
.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);}
|
184
|
+
.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);}
|
185
185
|
|
186
186
|
|
187
187
|
.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;}
|
@@ -148,8 +148,8 @@
|
|
148
148
|
|
149
149
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
150
150
|
|
151
|
-
.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);}
|
152
|
-
.
|
151
|
+
.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);}
|
152
|
+
.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);}
|
153
153
|
|
154
154
|
|
155
155
|
.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;}
|
@@ -148,8 +148,8 @@
|
|
148
148
|
|
149
149
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
150
150
|
|
151
|
-
.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);}
|
152
|
-
.
|
151
|
+
.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);}
|
152
|
+
.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);}
|
153
153
|
|
154
154
|
|
155
155
|
.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;}
|
@@ -34,7 +34,7 @@ var selectRoot = function selectRoot(Root) {
|
|
34
34
|
var outerValue = props.value,
|
35
35
|
outerOnChange = props.onChange,
|
36
36
|
_props$target = props.target,
|
37
|
-
|
37
|
+
target = _props$target === void 0 ? 'textfield-like' : _props$target,
|
38
38
|
items = props.items,
|
39
39
|
_props$placement = props.placement,
|
40
40
|
placement = _props$placement === void 0 ? 'bottom' : _props$placement,
|
@@ -99,7 +99,14 @@ var selectRoot = function selectRoot(Root) {
|
|
99
99
|
var activeDescendantItemValue = ((_getItemByFocused = useKeyboardNavigation.getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
|
100
100
|
var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
|
101
101
|
var treeId = plasmaCore.safeUseId();
|
102
|
-
var view =
|
102
|
+
var view = target === 'textfield-like' && disabled ? 'default' : getView.getView(status, outerView);
|
103
|
+
|
104
|
+
// Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
|
105
|
+
var requiredProps = props.target === 'button-like' ? undefined : {
|
106
|
+
required: props.required,
|
107
|
+
requiredPlacement: props.requiredPlacement,
|
108
|
+
optional: props.optional
|
109
|
+
};
|
103
110
|
var targetRef = useOutsideClick.useOutsideClick(function () {
|
104
111
|
if (!isCurrentListOpen) {
|
105
112
|
return;
|
@@ -290,7 +297,6 @@ var selectRoot = function selectRoot(Root) {
|
|
290
297
|
target: function target(referenceRef) {
|
291
298
|
return /*#__PURE__*/React.createElement(Target.Target, {
|
292
299
|
ref: ref,
|
293
|
-
target: _target,
|
294
300
|
value: value,
|
295
301
|
opened: isCurrentListOpen,
|
296
302
|
valueToItemMap: valueToItemMap,
|
@@ -314,7 +320,8 @@ var selectRoot = function selectRoot(Root) {
|
|
314
320
|
onChange: onChange,
|
315
321
|
labelToItemMap: labelToItemMap,
|
316
322
|
chipView: chipView,
|
317
|
-
separator: separator
|
323
|
+
separator: separator,
|
324
|
+
requiredProps: requiredProps
|
318
325
|
});
|
319
326
|
}
|
320
327
|
}, /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n initialItemsTransform,\n updateAncestors,\n updateDescendants,\n updateSingleAncestors,\n getView,\n getInitialValue,\n} from './utils';\nimport { Inner, Target } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { Ul, base } from './Select.styles';\nimport type { ItemContext, MergedSelectProps } from './Select.types';\nimport type { MergedDropdownNodeTransformed } from './ui/Inner/ui/Item/Item.types';\nimport { FloatingPopover } from './FloatingPopover';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) =>\n forwardRef<HTMLButtonElement, MergedSelectProps>((props, ref) => {\n const {\n value: outerValue,\n onChange: outerOnChange,\n target = 'textfield-like',\n items,\n placement = 'bottom',\n label,\n labelPlacement,\n placeholder,\n helperText,\n disabled = false,\n view: outerView,\n size,\n listOverflow,\n listHeight,\n listWidth,\n contentLeft,\n onScrollBottom,\n chipView,\n variant = 'normal',\n portal,\n renderValue,\n renderItem,\n status,\n onItemSelect,\n separator,\n closeAfterSelect: outerCloseAfterSelect,\n isTargetAmount,\n ...rest\n } = props;\n const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n // Создаем структуры для быстрой работы с деревом\n const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap, labelToItemMap] = usePathMaps(\n transformedItems,\n );\n\n const [internalValue, setInternalValue] = useState<string | number | Array<string | number>>(\n props.multiselect ? [] : '',\n );\n\n const value =\n outerValue !== null && outerValue !== undefined\n ? getInitialValue(outerValue, valueToItemMap)\n : internalValue;\n\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n // Состояния дерева элементов\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n const [checked, setChecked] = useState(valueToCheckedMap);\n\n const isCurrentListOpen = Boolean(path[0]);\n const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value.toString() || '';\n const closeAfterSelect = outerCloseAfterSelect ?? !props.multiselect;\n const treeId = safeUseId();\n const view = target === 'textfield-like' && disabled ? 'default' : getView(status, outerView);\n\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n if (!isCurrentListOpen) {\n return;\n }\n\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }, floatingPopoverRef);\n\n const onChange = (newValue: string | number | Array<string | number>) => {\n if (outerOnChange) {\n outerOnChange(newValue as any);\n }\n\n setInternalValue(newValue);\n };\n\n const handleClickArrow = () => {\n if (disabled) {\n return;\n }\n\n if (isCurrentListOpen) {\n dispatchPath({ type: 'reset' });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n }\n\n dispatchFocusedPath({ type: 'reset' });\n };\n\n const handleListToggle = (opened: boolean) => {\n if (disabled) {\n return;\n }\n\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n };\n\n const handleCheckboxChange = (item: MergedDropdownNodeTransformed) => {\n if (!props.multiselect) {\n return;\n }\n\n const checkedCopy = new Map(checked);\n\n if (!checkedCopy.get(item.value)) {\n checkedCopy.set(item.value, true);\n updateDescendants(item, checkedCopy, true);\n } else {\n checkedCopy.set(item.value, false);\n updateDescendants(item, checkedCopy, false);\n }\n\n updateAncestors(item, checkedCopy);\n\n const newValues: Array<string | number> = [];\n\n valueToItemMap.forEach((item, key) => {\n if (checkedCopy.get(key)) {\n newValues.push(item.value);\n }\n });\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(newValues);\n }\n };\n\n const handleItemClick = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (!isEmpty(item?.items)) {\n return;\n }\n\n if (props.multiselect) {\n handleCheckboxChange(item);\n return;\n }\n\n if (e) {\n e.stopPropagation();\n }\n\n const isCurrentChecked = checked.get(item.value);\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(isCurrentChecked ? '' : item.value);\n }\n\n if (onItemSelect) {\n onItemSelect(item, e!);\n }\n };\n\n const handlePressDown = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (isEmpty(item.items)) {\n handleItemClick(item, e);\n } else if (props.multiselect) {\n handleCheckboxChange(item);\n }\n };\n\n const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n if (!onScrollBottom) return;\n\n const { target } = e;\n\n if (\n (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n (target as HTMLElement).clientHeight\n ) {\n onScrollBottom(e);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleListToggle,\n handlePressDown,\n });\n\n // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n useLayoutEffect(() => {\n const checkedCopy = new Map(checked);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isEmpty(value) || typeof value === 'number') {\n if (Array.isArray(value)) {\n value.forEach((val) => {\n checkedCopy.set(val, true);\n updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n });\n } else {\n checkedCopy.set(value, 'done');\n updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n }\n }\n\n setChecked(checkedCopy);\n\n // В deps мы кладем именно outerValue и internalValue, а не просто value.\n // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n }, [outerValue, internalValue, items]);\n\n return (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n chipView={chipView}\n disabled={disabled}\n {...(rest as any)}\n >\n <Context.Provider\n value={{\n focusedPath,\n checked,\n multiselect: props.multiselect,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n renderItem,\n treeId,\n }}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isCurrentListOpen}\n onToggle={(opened: boolean) => opened && handleListToggle(true)}\n placement={placement}\n portal={portal}\n listWidth={listWidth}\n target={(referenceRef) => (\n <Target\n ref={ref}\n target={target}\n value={value}\n opened={isCurrentListOpen}\n valueToItemMap={valueToItemMap}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n renderValue={renderValue}\n selectProps={props}\n inputWrapperRef={referenceRef as React.MutableRefObject<HTMLDivElement>}\n multiselect={props.multiselect}\n view={view}\n handleClickArrow={handleClickArrow}\n helperText={helperText}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n isTargetAmount={isTargetAmount}\n onChange={onChange}\n labelToItemMap={labelToItemMap}\n chipView={chipView}\n separator={separator}\n />\n )}\n >\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n chipView={chipView}\n disabled={disabled}\n {...(rest as any)}\n >\n <Ul\n role=\"tree\"\n id={`${treeId}_tree_level_1`}\n aria-multiselectable={Boolean(props.multiselect)}\n listHeight={listHeight}\n listOverflow={listOverflow}\n onScroll={handleScroll}\n listWidth={listWidth}\n ref={targetRef}\n >\n {transformedItems.map((item, index) => (\n <Inner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n listWidth={listWidth}\n />\n ))}\n </Ul>\n </Root>\n </FloatingPopover>\n </Context.Provider>\n </Root>\n );\n });\n\nexport const selectConfig = {\n name: 'Select',\n tag: 'div',\n layout: selectRoot,\n base,\n variations: {},\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n chipView: 'default',\n },\n};\n"],"names":["Context","createContext","selectRoot","Root","forwardRef","props","ref","_getItemByFocused","outerValue","value","outerOnChange","onChange","_props$target","target","items","_props$placement","placement","label","labelPlacement","placeholder","helperText","_props$disabled","disabled","outerView","view","size","listOverflow","listHeight","listWidth","contentLeft","onScrollBottom","chipView","_props$variant","variant","portal","renderValue","renderItem","status","onItemSelect","separator","outerCloseAfterSelect","closeAfterSelect","isTargetAmount","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","labelToItemMap","_useState","useState","multiselect","_useState2","internalValue","setInternalValue","undefined","getInitialValue","floatingPopoverRef","useRef","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState3","_useState4","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","toString","treeId","safeUseId","getView","targetRef","useOutsideClick","type","newValue","handleClickArrow","handleListToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","useLayoutEffect","_","Array","isArray","val","updateSingleAncestors","React","createElement","_extends","Provider","FloatingPopover","onToggle","referenceRef","Target","selectProps","inputWrapperRef","Ul","role","id","concat","onScroll","map","index","Inner","currentLevel","selectConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAwBaA,OAAO,gBAAGC,mBAAa,CAAc,EAAiB,EAAC;;AAEpE;AACA;AACA;IACaC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAoE,EAAA;AAAA,EAAA,oBAC3FC,gBAAU,CAAuC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAAA,IAAA,IAAAC,iBAAA,CAAA;AAC7D,IAAA,IACWC,UAAU,GA4BjBH,KAAK,CA5BLI,KAAK;MACKC,aAAa,GA2BvBL,KAAK,CA3BLM,QAAQ;MAAAC,aAAA,GA2BRP,KAAK,CA1BLQ,MAAM;AAANA,MAAAA,OAAM,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,gBAAgB,GAAAA,aAAA;MACzBE,KAAK,GAyBLT,KAAK,CAzBLS,KAAK;MAAAC,gBAAA,GAyBLV,KAAK,CAxBLW,SAAS;AAATA,MAAAA,SAAS,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,gBAAA;MACpBE,KAAK,GAuBLZ,KAAK,CAvBLY,KAAK;MACLC,cAAc,GAsBdb,KAAK,CAtBLa,cAAc;MACdC,WAAW,GAqBXd,KAAK,CArBLc,WAAW;MACXC,UAAU,GAoBVf,KAAK,CApBLe,UAAU;MAAAC,eAAA,GAoBVhB,KAAK,CAnBLiB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MACVE,SAAS,GAkBflB,KAAK,CAlBLmB,IAAI;MACJC,IAAI,GAiBJpB,KAAK,CAjBLoB,IAAI;MACJC,YAAY,GAgBZrB,KAAK,CAhBLqB,YAAY;MACZC,UAAU,GAeVtB,KAAK,CAfLsB,UAAU;MACVC,SAAS,GAcTvB,KAAK,CAdLuB,SAAS;MACTC,WAAW,GAaXxB,KAAK,CAbLwB,WAAW;MACXC,cAAc,GAYdzB,KAAK,CAZLyB,cAAc;MACdC,QAAQ,GAWR1B,KAAK,CAXL0B,QAAQ;MAAAC,cAAA,GAWR3B,KAAK,CAVL4B,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MAClBE,MAAM,GASN7B,KAAK,CATL6B,MAAM;MACNC,WAAW,GAQX9B,KAAK,CARL8B,WAAW;MACXC,UAAU,GAOV/B,KAAK,CAPL+B,UAAU;MACVC,MAAM,GAMNhC,KAAK,CANLgC,MAAM;MACNC,YAAY,GAKZjC,KAAK,CALLiC,YAAY;MACZC,SAAS,GAITlC,KAAK,CAJLkC,SAAS;MACSC,qBAAqB,GAGvCnC,KAAK,CAHLoC,gBAAgB;MAChBC,cAAc,GAEdrC,KAAK,CAFLqC,cAAc;AACXC,MAAAA,IAAI,GAAAC,iDAAA,CACPvC,KAAK,EAAAwC,SAAA,CAAA,CAAA;IACT,IAAMC,gBAAgB,GAAGC,aAAO,CAAC,YAAA;AAAA,MAAA,OAAMC,2CAAqB,CAAClC,KAAK,IAAI,EAAE,CAAC,CAAA;KAAE,EAAA,CAACA,KAAK,CAAC,CAAC,CAAA;;AAEnF;AACA,IAAA,IAAAmC,YAAA,GAAwFC,uBAAW,CAC/FJ,gBACJ,CAAC;MAAAK,aAAA,GAAAC,uCAAA,CAAAH,YAAA,EAAA,CAAA,CAAA;AAFMI,MAAAA,OAAO,GAAAF,aAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,iBAAiB,GAAAH,aAAA,CAAA,CAAA,CAAA;AAAEI,MAAAA,iBAAiB,GAAAJ,aAAA,CAAA,CAAA,CAAA;AAAEK,MAAAA,cAAc,GAAAL,aAAA,CAAA,CAAA,CAAA;AAAEM,MAAAA,cAAc,GAAAN,aAAA,CAAA,CAAA,CAAA,CAAA;IAIpF,IAAAO,SAAA,GAA0CC,cAAQ,CAC9CtD,KAAK,CAACuD,WAAW,GAAG,EAAE,GAAG,EAC7B,CAAC;MAAAC,UAAA,GAAAT,uCAAA,CAAAM,SAAA,EAAA,CAAA,CAAA;AAFMI,MAAAA,aAAa,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAItC,IAAA,IAAMpD,KAAK,GACPD,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAKwD,SAAS,GACzCC,+BAAe,CAACzD,UAAU,EAAEgD,cAAc,CAAC,GAC3CM,aAAa,CAAA;AAEvB,IAAA,IAAMI,kBAAkB,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;;AAEvD;AACA,IAAA,IAAAC,WAAA,GAA6BC,gBAAU,CAACC,uBAAW,EAAE,EAAE,CAAC;MAAAC,YAAA,GAAAnB,uCAAA,CAAAgB,WAAA,EAAA,CAAA,CAAA;AAAjDI,MAAAA,IAAI,GAAAD,YAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,YAAY,GAAAF,YAAA,CAAA,CAAA,CAAA,CAAA;AACzB,IAAA,IAAAG,YAAA,GAA2CL,gBAAU,CAACM,qCAAkB,EAAE,EAAE,CAAC;MAAAC,YAAA,GAAAxB,uCAAA,CAAAsB,YAAA,EAAA,CAAA,CAAA;AAAtEG,MAAAA,WAAW,GAAAD,YAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,mBAAmB,GAAAF,YAAA,CAAA,CAAA,CAAA,CAAA;AACvC,IAAA,IAAAG,UAAA,GAA8BpB,cAAQ,CAACJ,iBAAiB,CAAC;MAAAyB,UAAA,GAAA5B,uCAAA,CAAA2B,UAAA,EAAA,CAAA,CAAA;AAAlDE,MAAAA,OAAO,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAE1B,IAAMG,iBAAiB,GAAGC,OAAO,CAACZ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;IAC1C,IAAMa,yBAAyB,GAAG,CAAA9E,CAAAA,iBAAA,GAAA+E,sCAAgB,CAACT,WAAW,EAAEvB,iBAAiB,CAAC,cAAA/C,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhDA,iBAAA,CAAkDE,KAAK,CAAC8E,QAAQ,EAAE,KAAI,EAAE,CAAA;IAC1G,IAAM9C,gBAAgB,GAAGD,qBAAqB,KAArBA,IAAAA,IAAAA,qBAAqB,KAArBA,KAAAA,CAAAA,GAAAA,qBAAqB,GAAI,CAACnC,KAAK,CAACuD,WAAW,CAAA;AACpE,IAAA,IAAM4B,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,IAAA,IAAMjE,IAAI,GAAGX,OAAM,KAAK,gBAAgB,IAAIS,QAAQ,GAAG,SAAS,GAAGoE,eAAO,CAACrD,MAAM,EAAEd,SAAS,CAAC,CAAA;AAE7F,IAAA,IAAMoE,SAAS,GAAGC,+BAAe,CAAmB,YAAM;MACtD,IAAI,CAACT,iBAAiB,EAAE;AACpB,QAAA,OAAA;AACJ,OAAA;AAEAV,MAAAA,YAAY,CAAC;AAAEoB,QAAAA,IAAI,EAAE,OAAA;AAAQ,OAAC,CAAC,CAAA;AAC/Bf,MAAAA,mBAAmB,CAAC;AAAEe,QAAAA,IAAI,EAAE,OAAA;AAAQ,OAAC,CAAC,CAAA;KACzC,EAAE3B,kBAAkB,CAAC,CAAA;AAEtB,IAAA,IAAMvD,QAAQ,GAAG,SAAXA,QAAQA,CAAImF,QAAkD,EAAK;AACrE,MAAA,IAAIpF,aAAa,EAAE;QACfA,aAAa,CAACoF,QAAe,CAAC,CAAA;AAClC,OAAA;MAEA/B,gBAAgB,CAAC+B,QAAQ,CAAC,CAAA;KAC7B,CAAA;AAED,IAAA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAAS;AAC3B,MAAA,IAAIzE,QAAQ,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI6D,iBAAiB,EAAE;AACnBV,QAAAA,YAAY,CAAC;AAAEoB,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AACnC,OAAC,MAAM;AACHpB,QAAAA,YAAY,CAAC;AAAEoB,UAAAA,IAAI,EAAE,oBAAA;AAAqB,SAAC,CAAC,CAAA;AAChD,OAAA;AAEAf,MAAAA,mBAAmB,CAAC;AAAEe,QAAAA,IAAI,EAAE,OAAA;AAAQ,OAAC,CAAC,CAAA;KACzC,CAAA;AAED,IAAA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,MAAe,EAAK;AAC1C,MAAA,IAAI3E,QAAQ,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI2E,MAAM,EAAE;AACRxB,QAAAA,YAAY,CAAC;AAAEoB,UAAAA,IAAI,EAAE,oBAAA;AAAqB,SAAC,CAAC,CAAA;AAChD,OAAC,MAAM;AACHf,QAAAA,mBAAmB,CAAC;AAAEe,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AACtCpB,QAAAA,YAAY,CAAC;AAAEoB,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AACnC,OAAA;KACH,CAAA;AAED,IAAA,IAAMK,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,IAAmC,EAAK;AAClE,MAAA,IAAI,CAAC9F,KAAK,CAACuD,WAAW,EAAE;AACpB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMwC,WAAW,GAAG,IAAIC,GAAG,CAACpB,OAAO,CAAC,CAAA;MAEpC,IAAI,CAACmB,WAAW,CAACE,GAAG,CAACH,IAAI,CAAC1F,KAAK,CAAC,EAAE;QAC9B2F,WAAW,CAACG,GAAG,CAACJ,IAAI,CAAC1F,KAAK,EAAE,IAAI,CAAC,CAAA;AACjC+F,QAAAA,mCAAiB,CAACL,IAAI,EAAEC,WAAW,EAAE,IAAI,CAAC,CAAA;AAC9C,OAAC,MAAM;QACHA,WAAW,CAACG,GAAG,CAACJ,IAAI,CAAC1F,KAAK,EAAE,KAAK,CAAC,CAAA;AAClC+F,QAAAA,mCAAiB,CAACL,IAAI,EAAEC,WAAW,EAAE,KAAK,CAAC,CAAA;AAC/C,OAAA;AAEAK,MAAAA,+BAAe,CAACN,IAAI,EAAEC,WAAW,CAAC,CAAA;MAElC,IAAMM,SAAiC,GAAG,EAAE,CAAA;AAE5ClD,MAAAA,cAAc,CAACmD,OAAO,CAAC,UAACR,IAAI,EAAES,GAAG,EAAK;AAClC,QAAA,IAAIR,WAAW,CAACE,GAAG,CAACM,GAAG,CAAC,EAAE;AACtBF,UAAAA,SAAS,CAACG,IAAI,CAACV,IAAI,CAAC1F,KAAK,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAC,CAAC,CAAA;AAEF,MAAA,IAAIgC,gBAAgB,EAAE;AAClBgC,QAAAA,YAAY,CAAC;AAAEoB,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AAC/Bf,QAAAA,mBAAmB,CAAC;AAAEe,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AAC1C,OAAA;AAEA,MAAA,IAAIlF,QAAQ,EAAE;QACVA,QAAQ,CAAC+F,SAAS,CAAC,CAAA;AACvB,OAAA;KACH,CAAA;IAED,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAIX,IAAmC,EAAEY,CAAiC,EAAK;MAChG,IAAI,CAACC,eAAO,CAACb,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAErF,KAAK,CAAC,EAAE;AACvB,QAAA,OAAA;AACJ,OAAA;MAEA,IAAIT,KAAK,CAACuD,WAAW,EAAE;QACnBsC,oBAAoB,CAACC,IAAI,CAAC,CAAA;AAC1B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIY,CAAC,EAAE;QACHA,CAAC,CAACE,eAAe,EAAE,CAAA;AACvB,OAAA;MAEA,IAAMC,gBAAgB,GAAGjC,OAAO,CAACqB,GAAG,CAACH,IAAI,CAAC1F,KAAK,CAAC,CAAA;AAEhD,MAAA,IAAIgC,gBAAgB,EAAE;AAClBgC,QAAAA,YAAY,CAAC;AAAEoB,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AAC/Bf,QAAAA,mBAAmB,CAAC;AAAEe,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AAC1C,OAAA;AAEA,MAAA,IAAIlF,QAAQ,EAAE;QACVA,QAAQ,CAACuG,gBAAgB,GAAG,EAAE,GAAGf,IAAI,CAAC1F,KAAK,CAAC,CAAA;AAChD,OAAA;AAEA,MAAA,IAAI6B,YAAY,EAAE;AACdA,QAAAA,YAAY,CAAC6D,IAAI,EAAEY,CAAE,CAAC,CAAA;AAC1B,OAAA;KACH,CAAA;IAED,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAIhB,IAAmC,EAAEY,CAAiC,EAAK;AAChG,MAAA,IAAIC,eAAO,CAACb,IAAI,CAACrF,KAAK,CAAC,EAAE;AACrBgG,QAAAA,eAAe,CAACX,IAAI,EAAEY,CAAC,CAAC,CAAA;AAC5B,OAAC,MAAM,IAAI1G,KAAK,CAACuD,WAAW,EAAE;QAC1BsC,oBAAoB,CAACC,IAAI,CAAC,CAAA;AAC9B,OAAA;KACH,CAAA;AAED,IAAA,IAAMiB,YAAY,GAAG,SAAfA,YAAYA,CAAIL,CAAkC,EAAK;MACzD,IAAI,CAACjF,cAAc,EAAE,OAAA;AAErB,MAAA,IAAQjB,MAAM,GAAKkG,CAAC,CAAZlG,MAAM,CAAA;MAEd,IACKA,MAAM,CAAiBwG,YAAY,GAAIxG,MAAM,CAAiByG,SAAS,KACvEzG,MAAM,CAAiB0G,YAAY,EACtC;QACEzF,cAAc,CAACiF,CAAC,CAAC,CAAA;AACrB,OAAA;KACH,CAAA;IAED,IAAAS,iBAAA,GAAsBC,sCAAgB,CAAC;AACnC5C,QAAAA,WAAW,EAAXA,WAAW;AACXC,QAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBN,QAAAA,IAAI,EAAJA,IAAI;AACJC,QAAAA,YAAY,EAAZA,YAAY;AACZpB,QAAAA,OAAO,EAAPA,OAAO;AACPC,QAAAA,iBAAiB,EAAjBA,iBAAiB;AACjB0C,QAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBmB,QAAAA,eAAe,EAAfA,eAAAA;AACJ,OAAC,CAAC;MATMO,SAAS,GAAAF,iBAAA,CAATE,SAAS,CAAA;;AAWjB;AACA;AACAC,IAAAA,qBAAe,CAAC,YAAM;AAClB,MAAA,IAAMvB,WAAW,GAAG,IAAIC,GAAG,CAACpB,OAAO,CAAC,CAAA;AAEpCmB,MAAAA,WAAW,CAACO,OAAO,CAAC,UAACiB,CAAC,EAAEhB,GAAG,EAAK;AAC5BR,QAAAA,WAAW,CAACG,GAAG,CAACK,GAAG,EAAE,KAAK,CAAC,CAAA;AAC/B,OAAC,CAAC,CAAA;MAEF,IAAI,CAACI,eAAO,CAACvG,KAAK,CAAC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;AAC9C,QAAA,IAAIoH,KAAK,CAACC,OAAO,CAACrH,KAAK,CAAC,EAAE;AACtBA,UAAAA,KAAK,CAACkG,OAAO,CAAC,UAACoB,GAAG,EAAK;AACnB3B,YAAAA,WAAW,CAACG,GAAG,CAACwB,GAAG,EAAE,IAAI,CAAC,CAAA;YAC1BvB,mCAAiB,CAAChD,cAAc,CAAC8C,GAAG,CAACyB,GAAG,CAAC,EAAG3B,WAAW,EAAE,IAAI,CAAC,CAAA;YAC9DK,+BAAe,CAACjD,cAAc,CAAC8C,GAAG,CAACyB,GAAG,CAAC,EAAG3B,WAAW,CAAC,CAAA;AAC1D,WAAC,CAAC,CAAA;AACN,SAAC,MAAM;AACHA,UAAAA,WAAW,CAACG,GAAG,CAAC9F,KAAK,EAAE,MAAM,CAAC,CAAA;UAC9BuH,2CAAqB,CAACxE,cAAc,CAAC8C,GAAG,CAAC7F,KAAK,CAAC,EAAG2F,WAAW,EAAE,KAAK,CAAC,CAAA;AACzE,SAAA;AACJ,OAAA;MAEAlB,UAAU,CAACkB,WAAW,CAAC,CAAA;;AAEvB;AACA;AACA;KACH,EAAE,CAAC5F,UAAU,EAAEsD,aAAa,EAAEhD,KAAK,CAAC,CAAC,CAAA;AAEtC,IAAA,oBACImH,KAAA,CAAAC,aAAA,CAAC/H,IAAI,EAAAgI,iCAAA,CAAA;AACD3G,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXP,MAAAA,cAAc,EAAEA,cAAe;AAC/Ba,MAAAA,QAAQ,EAAEA,QAAS;AACnBT,MAAAA,QAAQ,EAAEA,QAAAA;KACLqB,EAAAA,IAAI,gBAETsF,KAAA,CAAAC,aAAA,CAAClI,OAAO,CAACoI,QAAQ,EAAA;AACb3H,MAAAA,KAAK,EAAE;AACHoE,QAAAA,WAAW,EAAXA,WAAW;AACXI,QAAAA,OAAO,EAAPA,OAAO;QACPrB,WAAW,EAAEvD,KAAK,CAACuD,WAAW;AAC9BnC,QAAAA,IAAI,EAAJA,IAAI;AACJyE,QAAAA,oBAAoB,EAApBA,oBAAoB;AACpBY,QAAAA,eAAe,EAAfA,eAAe;AACf7E,QAAAA,OAAO,EAAPA,OAAO;AACPG,QAAAA,UAAU,EAAVA,UAAU;AACVoD,QAAAA,MAAM,EAANA,MAAAA;AACJ,OAAA;AAAE,KAAA,eAEFyC,KAAA,CAAAC,aAAA,CAACG,+BAAe,EAAA;AACZ/H,MAAAA,GAAG,EAAE4D,kBAAmB;AACxB+B,MAAAA,MAAM,EAAEd,iBAAkB;MAC1BmD,QAAQ,EAAE,SAAAA,QAAAA,CAACrC,MAAe,EAAA;AAAA,QAAA,OAAKA,MAAM,IAAID,gBAAgB,CAAC,IAAI,CAAC,CAAA;OAAC;AAChEhF,MAAAA,SAAS,EAAEA,SAAU;AACrBkB,MAAAA,MAAM,EAAEA,MAAO;AACfN,MAAAA,SAAS,EAAEA,SAAU;MACrBf,MAAM,EAAE,SAAAA,MAAAA,CAAC0H,YAAY,EAAA;AAAA,QAAA,oBACjBN,KAAA,CAAAC,aAAA,CAACM,aAAM,EAAA;AACHlI,UAAAA,GAAG,EAAEA,GAAI;AACTO,UAAAA,MAAM,EAAEA,OAAO;AACfJ,UAAAA,KAAK,EAAEA,KAAM;AACbwF,UAAAA,MAAM,EAAEd,iBAAkB;AAC1B3B,UAAAA,cAAc,EAAEA,cAAe;AAC/BvC,UAAAA,KAAK,EAAEA,KAAM;AACbE,UAAAA,WAAW,EAAEA,WAAY;AACzBuG,UAAAA,SAAS,EAAEA,SAAU;AACrBxG,UAAAA,cAAc,EAAEA,cAAe;AAC/BO,UAAAA,IAAI,EAAEA,IAAK;AACXI,UAAAA,WAAW,EAAEA,WAAY;AACzBP,UAAAA,QAAQ,EAAEA,QAAS;AACnBa,UAAAA,WAAW,EAAEA,WAAY;AACzBsG,UAAAA,WAAW,EAAEpI,KAAM;AACnBqI,UAAAA,eAAe,EAAEH,YAAuD;UACxE3E,WAAW,EAAEvD,KAAK,CAACuD,WAAY;AAC/BpC,UAAAA,IAAI,EAAEA,IAAK;AACXuE,UAAAA,gBAAgB,EAAEA,gBAAiB;AACnC3E,UAAAA,UAAU,EAAEA,UAAW;AACvBoE,UAAAA,MAAM,EAAEA,MAAO;AACfH,UAAAA,yBAAyB,EAAEA,yBAA0B;AACrD3C,UAAAA,cAAc,EAAEA,cAAe;AAC/B/B,UAAAA,QAAQ,EAAEA,QAAS;AACnB8C,UAAAA,cAAc,EAAEA,cAAe;AAC/B1B,UAAAA,QAAQ,EAAEA,QAAS;AACnBQ,UAAAA,SAAS,EAAEA,SAAAA;AAAU,SACxB,CAAC,CAAA;AAAA,OAAA;AACJ,KAAA,eAEF0F,KAAA,CAAAC,aAAA,CAAC/H,IAAI,EAAAgI,iCAAA,CAAA;AACD3G,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXP,MAAAA,cAAc,EAAEA,cAAe;AAC/Ba,MAAAA,QAAQ,EAAEA,QAAS;AACnBT,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EACdqB,IAAI,CAETsF,eAAAA,KAAA,CAAAC,aAAA,CAACS,gBAAE,EAAA;AACCC,MAAAA,IAAI,EAAC,MAAM;AACXC,MAAAA,EAAE,EAAAC,EAAAA,CAAAA,MAAA,CAAKtD,MAAM,EAAgB,eAAA,CAAA;AAC7B,MAAA,sBAAA,EAAsBJ,OAAO,CAAC/E,KAAK,CAACuD,WAAW,CAAE;AACjDjC,MAAAA,UAAU,EAAEA,UAAW;AACvBD,MAAAA,YAAY,EAAEA,YAAa;AAC3BqH,MAAAA,QAAQ,EAAE3B,YAAa;AACvBxF,MAAAA,SAAS,EAAEA,SAAU;AACrBtB,MAAAA,GAAG,EAAEqF,SAAAA;AAAU,KAAA,EAEd7C,gBAAgB,CAACkG,GAAG,CAAC,UAAC7C,IAAI,EAAE8C,KAAK,EAAA;AAAA,MAAA,oBAC9BhB,KAAA,CAAAC,aAAA,CAACgB,WAAK,EAAA;AACFtC,QAAAA,GAAG,EAAAkC,EAAAA,CAAAA,MAAA,CAAKG,KAAK,EAAK,IAAA,CAAA;AAClB9C,QAAAA,IAAI,EAAEA,IAAK;AACXgD,QAAAA,YAAY,EAAE,CAAE;AAChB3E,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,YAAY,EAAEA,YAAa;AAC3BwE,QAAAA,KAAK,EAAEA,KAAM;AACbrH,QAAAA,SAAS,EAAEA,SAAAA;AAAU,OACxB,CAAC,CAAA;AAAA,KACL,CACD,CACF,CACO,CACH,CAChB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMwH,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErJ,UAAU;AAClBsJ,EAAAA,IAAI,EAAJA,kBAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE;AACNlI,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTP,IAAAA,cAAc,EAAE,OAAO;AACvBa,IAAAA,QAAQ,EAAE,SAAA;AACd,GAAA;AACJ;;;;;;"}
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n initialItemsTransform,\n updateAncestors,\n updateDescendants,\n updateSingleAncestors,\n getView,\n getInitialValue,\n} from './utils';\nimport { Inner, Target } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { Ul, base } from './Select.styles';\nimport type { ItemContext, MergedSelectProps, RequiredProps } from './Select.types';\nimport type { MergedDropdownNodeTransformed } from './ui/Inner/ui/Item/Item.types';\nimport { FloatingPopover } from './FloatingPopover';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) =>\n forwardRef<HTMLButtonElement, MergedSelectProps>((props, ref) => {\n const {\n value: outerValue,\n onChange: outerOnChange,\n target = 'textfield-like',\n items,\n placement = 'bottom',\n label,\n labelPlacement,\n placeholder,\n helperText,\n disabled = false,\n view: outerView,\n size,\n listOverflow,\n listHeight,\n listWidth,\n contentLeft,\n onScrollBottom,\n chipView,\n variant = 'normal',\n portal,\n renderValue,\n renderItem,\n status,\n onItemSelect,\n separator,\n closeAfterSelect: outerCloseAfterSelect,\n isTargetAmount,\n ...rest\n } = props;\n const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n // Создаем структуры для быстрой работы с деревом\n const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap, labelToItemMap] = usePathMaps(\n transformedItems,\n );\n\n const [internalValue, setInternalValue] = useState<string | number | Array<string | number>>(\n props.multiselect ? [] : '',\n );\n\n const value =\n outerValue !== null && outerValue !== undefined\n ? getInitialValue(outerValue, valueToItemMap)\n : internalValue;\n\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n // Состояния дерева элементов\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n const [checked, setChecked] = useState(valueToCheckedMap);\n\n const isCurrentListOpen = Boolean(path[0]);\n const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value.toString() || '';\n const closeAfterSelect = outerCloseAfterSelect ?? !props.multiselect;\n const treeId = safeUseId();\n const view = target === 'textfield-like' && disabled ? 'default' : getView(status, outerView);\n\n // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.\n const requiredProps =\n props.target === 'button-like'\n ? undefined\n : ({\n required: props.required,\n requiredPlacement: props.requiredPlacement,\n optional: props.optional,\n } as RequiredProps);\n\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n if (!isCurrentListOpen) {\n return;\n }\n\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }, floatingPopoverRef);\n\n const onChange = (newValue: string | number | Array<string | number>) => {\n if (outerOnChange) {\n outerOnChange(newValue as any);\n }\n\n setInternalValue(newValue);\n };\n\n const handleClickArrow = () => {\n if (disabled) {\n return;\n }\n\n if (isCurrentListOpen) {\n dispatchPath({ type: 'reset' });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n }\n\n dispatchFocusedPath({ type: 'reset' });\n };\n\n const handleListToggle = (opened: boolean) => {\n if (disabled) {\n return;\n }\n\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n };\n\n const handleCheckboxChange = (item: MergedDropdownNodeTransformed) => {\n if (!props.multiselect) {\n return;\n }\n\n const checkedCopy = new Map(checked);\n\n if (!checkedCopy.get(item.value)) {\n checkedCopy.set(item.value, true);\n updateDescendants(item, checkedCopy, true);\n } else {\n checkedCopy.set(item.value, false);\n updateDescendants(item, checkedCopy, false);\n }\n\n updateAncestors(item, checkedCopy);\n\n const newValues: Array<string | number> = [];\n\n valueToItemMap.forEach((item, key) => {\n if (checkedCopy.get(key)) {\n newValues.push(item.value);\n }\n });\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(newValues);\n }\n };\n\n const handleItemClick = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (!isEmpty(item?.items)) {\n return;\n }\n\n if (props.multiselect) {\n handleCheckboxChange(item);\n return;\n }\n\n if (e) {\n e.stopPropagation();\n }\n\n const isCurrentChecked = checked.get(item.value);\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(isCurrentChecked ? '' : item.value);\n }\n\n if (onItemSelect) {\n onItemSelect(item, e!);\n }\n };\n\n const handlePressDown = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (isEmpty(item.items)) {\n handleItemClick(item, e);\n } else if (props.multiselect) {\n handleCheckboxChange(item);\n }\n };\n\n const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n if (!onScrollBottom) return;\n\n const { target } = e;\n\n if (\n (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n (target as HTMLElement).clientHeight\n ) {\n onScrollBottom(e);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleListToggle,\n handlePressDown,\n });\n\n // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n useLayoutEffect(() => {\n const checkedCopy = new Map(checked);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isEmpty(value) || typeof value === 'number') {\n if (Array.isArray(value)) {\n value.forEach((val) => {\n checkedCopy.set(val, true);\n updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n });\n } else {\n checkedCopy.set(value, 'done');\n updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n }\n }\n\n setChecked(checkedCopy);\n\n // В deps мы кладем именно outerValue и internalValue, а не просто value.\n // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n }, [outerValue, internalValue, items]);\n\n return (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n chipView={chipView}\n disabled={disabled}\n {...(rest as any)}\n >\n <Context.Provider\n value={{\n focusedPath,\n checked,\n multiselect: props.multiselect,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n renderItem,\n treeId,\n }}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isCurrentListOpen}\n onToggle={(opened: boolean) => opened && handleListToggle(true)}\n placement={placement}\n portal={portal}\n listWidth={listWidth}\n target={(referenceRef) => (\n <Target\n ref={ref}\n value={value}\n opened={isCurrentListOpen}\n valueToItemMap={valueToItemMap}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n renderValue={renderValue}\n selectProps={props}\n inputWrapperRef={referenceRef as React.MutableRefObject<HTMLDivElement>}\n multiselect={props.multiselect}\n view={view}\n handleClickArrow={handleClickArrow}\n helperText={helperText}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n isTargetAmount={isTargetAmount}\n onChange={onChange}\n labelToItemMap={labelToItemMap}\n chipView={chipView}\n separator={separator}\n requiredProps={requiredProps}\n />\n )}\n >\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n chipView={chipView}\n disabled={disabled}\n {...(rest as any)}\n >\n <Ul\n role=\"tree\"\n id={`${treeId}_tree_level_1`}\n aria-multiselectable={Boolean(props.multiselect)}\n listHeight={listHeight}\n listOverflow={listOverflow}\n onScroll={handleScroll}\n listWidth={listWidth}\n ref={targetRef}\n >\n {transformedItems.map((item, index) => (\n <Inner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n listWidth={listWidth}\n />\n ))}\n </Ul>\n </Root>\n </FloatingPopover>\n </Context.Provider>\n </Root>\n );\n });\n\nexport const selectConfig = {\n name: 'Select',\n tag: 'div',\n layout: selectRoot,\n base,\n variations: {},\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n chipView: 'default',\n },\n};\n"],"names":["Context","createContext","selectRoot","Root","forwardRef","props","ref","_getItemByFocused","outerValue","value","outerOnChange","onChange","_props$target","target","items","_props$placement","placement","label","labelPlacement","placeholder","helperText","_props$disabled","disabled","outerView","view","size","listOverflow","listHeight","listWidth","contentLeft","onScrollBottom","chipView","_props$variant","variant","portal","renderValue","renderItem","status","onItemSelect","separator","outerCloseAfterSelect","closeAfterSelect","isTargetAmount","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","labelToItemMap","_useState","useState","multiselect","_useState2","internalValue","setInternalValue","undefined","getInitialValue","floatingPopoverRef","useRef","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState3","_useState4","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","toString","treeId","safeUseId","getView","requiredProps","required","requiredPlacement","optional","targetRef","useOutsideClick","type","newValue","handleClickArrow","handleListToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","useLayoutEffect","_","Array","isArray","val","updateSingleAncestors","React","createElement","_extends","Provider","FloatingPopover","onToggle","referenceRef","Target","selectProps","inputWrapperRef","Ul","role","id","concat","onScroll","map","index","Inner","currentLevel","selectConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
|
@@ -75,7 +75,6 @@ var tokens = {
|
|
75
75
|
textFieldBorderColorFocus: '--plasma-select-textfield-border-color-focus',
|
76
76
|
textFieldPlaceholderColor: '--plasma-select-textfield-placeholder-color',
|
77
77
|
textFieldPlaceholderColorFocus: '--plasma-select-textfield-placeholder-color-focus',
|
78
|
-
textFieldOptionalColor: '--plasma-select-textfield-optional-color',
|
79
78
|
textFieldHeight: '--plasma-select-textfield-height',
|
80
79
|
textFieldBorderWidth: '--plasma-select-textfield-border-width',
|
81
80
|
textFieldBorderRadius: '--plasma-select-textfield-border-radius',
|
@@ -159,6 +158,17 @@ var tokens = {
|
|
159
158
|
textFieldChipLineHeight: '--plasma-select-textfield-chip-line-height',
|
160
159
|
textFieldChipClearContentMarginLeft: '--plasma-select-textfield-chip-clear-content-margin-left',
|
161
160
|
textFieldChipClearContentMarginRight: '--plasma-select-textfield-chip-clear-content-margin-right',
|
161
|
+
textFieldIndicatorColor: '--plasma-select-new-textfield-indicator-color',
|
162
|
+
textFieldIndicatorSizeInner: '--plasma-select-new-textfield-indicator-size-inner',
|
163
|
+
textFieldIndicatorSizeOuter: '--plasma-select-new-textfield-indicator-size-outer',
|
164
|
+
textFieldIndicatorLabelPlacementInner: '--plasma-select-new-textfield-indicator-placement-inner',
|
165
|
+
textFieldIndicatorLabelPlacementOuter: '--plasma-select-new-textfield-indicator-placement-outer',
|
166
|
+
textFieldIndicatorLabelPlacementInnerRight: '--plasma-select-new-textfield-indicator-placement-inner-right',
|
167
|
+
textFieldIndicatorLabelPlacementOuterRight: '--plasma-select-new-textfield-indicator-placement-outer-right',
|
168
|
+
textFieldClearIndicatorLabelPlacementInner: '--plasma-select-new-textfield-clear-indicator-placement-inner',
|
169
|
+
textFieldClearIndicatorLabelPlacementInnerRight: '--plasma-select-new-textfield-clear-indicator-placement-inner-right',
|
170
|
+
textFieldClearIndicatorHintInnerRight: '--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right',
|
171
|
+
textFieldOptionalColor: '--plasma-select-new-textfield-optional-color',
|
162
172
|
textFieldFocusColor: '--plasma-select-textfield-focus-color',
|
163
173
|
disclosureIconColor: '--plasma-select-disclosure-icon-color',
|
164
174
|
disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover'
|
@@ -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);}
|