@salutejs/plasma-new-hope 0.257.1-canary.1748.13146738449.0 → 0.257.1-canary.1748.13152913375.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/Accordion.tokens.js +4 -0
- package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +19 -19
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_1scfko7.css +11 -0
- package/cjs/components/Pagination/Pagination.css +3 -3
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
- package/cjs/components/Select/Select.css +3 -3
- package/cjs/components/Select/ui/Target/Target.css +3 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +3 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -18
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_37d32i.css → Textfield.styles_1gpvmro.css} +1 -1
- package/cjs/index.css +14 -14
- package/emotion/cjs/components/Accordion/Accordion.tokens.js +4 -0
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +24 -24
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +10 -13
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +26 -23
- package/emotion/es/components/Accordion/Accordion.tokens.js +4 -0
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +24 -24
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +10 -13
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +26 -23
- package/es/components/Accordion/Accordion.tokens.js +4 -0
- package/es/components/Accordion/Accordion.tokens.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +19 -19
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_1scfko7.css +11 -0
- package/es/components/Pagination/Pagination.css +3 -3
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
- package/es/components/Select/Select.css +3 -3
- package/es/components/Select/ui/Target/Target.css +3 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +3 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -18
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_37d32i.css → Textfield.styles_1gpvmro.css} +1 -1
- package/es/index.css +14 -14
- package/package.json +2 -2
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +4 -0
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +15 -15
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +8 -11
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +6 -3
- package/styled-components/es/components/Accordion/Accordion.tokens.js +4 -0
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +15 -15
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +8 -11
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +6 -3
- package/types/components/Accordion/Accordion.tokens.d.ts +4 -0
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.config.d.ts +3 -0
- package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +3 -0
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_1yw1mrq.css +0 -11
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_1yw1mrq.css +0 -11
package/es/index.css
CHANGED
@@ -646,9 +646,9 @@
|
|
646
646
|
.Button_styles_8ryojl_ba2820e__c5fd49df{display:inline;}.Button_styles_8ryojl_ba2820e__c5fd49df .Button_styles_8ryojl_selectWithoutBoxShadow__c5fd49df::before{box-shadow:none !important;}.Button_styles_8ryojl_ba2820e__c5fd49df .Button_styles_8ryojl_arrowInverse__c5fd49df{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
647
647
|
.Button_styles_8ryojl_lpf11kx__c5fd49df{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
648
648
|
|
649
|
-
.Textfield_styles_37d32i_s1yhwv5r__0da8f344{--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__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--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__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-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-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--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__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--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:var(--plasma-select-textfield-chip-padding);--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-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-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__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--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);--plasma-textfield-box-shadow:var(--plasma-select-textfield-box-shadow);}.Textfield_styles_37d32i_s1yhwv5r__0da8f344 div.Textfield_styles_37d32i_inputWrapper__0da8f344:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
|
650
|
-
.
|
651
|
-
.
|
649
|
+
.Textfield_styles_1gpvmro_s1yhwv5r__f11a8d9a{--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__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--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__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-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-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--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__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--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:var(--plasma-select-textfield-chip-padding);--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-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-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__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--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);--plasma-textfield-box-shadow:var(--plasma-select-textfield-box-shadow);}.Textfield_styles_1gpvmro_s1yhwv5r__f11a8d9a div.Textfield_styles_1gpvmro_inputWrapper__f11a8d9a:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
|
650
|
+
.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a .Textfield_styles_1gpvmro_arrowInverse__f11a8d9a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a:hover,.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a:active{color:var(--i7x5udn-1);}
|
651
|
+
.Textfield_styles_1gpvmro_s2oocb4__f11a8d9a{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
|
652
652
|
|
653
653
|
.Select_styles_1mmlpo3_upxbau6__d1d42807{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);max-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;}
|
654
654
|
|
@@ -733,17 +733,17 @@
|
|
733
733
|
|
734
734
|
.Accordion_styles_rsiff6_bjv6ypd__465a9c67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-accordion-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;background:var(--plasma-accordion-background);}.Accordion_styles_rsiff6_bjv6ypd__465a9c67.Accordion_styles_rsiff6_accordionStretchingFixed__465a9c67{width:var(--plasma-accordion-width);}.Accordion_styles_rsiff6_bjv6ypd__465a9c67.Accordion_styles_rsiff6_accordionStretchingFilled__465a9c67{width:100%;}
|
735
735
|
|
736
|
-
.
|
737
|
-
.
|
738
|
-
.
|
739
|
-
.
|
740
|
-
.
|
741
|
-
.
|
742
|
-
.
|
743
|
-
.
|
744
|
-
.
|
745
|
-
.
|
746
|
-
.
|
736
|
+
.AccordionItem_styles_1scfko7_s1d847tf__6a807fef{width:100%;border:none;padding:var(--plasma-accordion-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;box-sizing:border-box;cursor:pointer;position:relative;}.AccordionItem_styles_1scfko7_s1d847tf__6a807fef:focus{outline:none;}.AccordionItem_styles_1scfko7_s1d847tf__6a807fef::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.AccordionItem_styles_1scfko7_s1d847tf__6a807fef.AccordionItem_styles_1scfko7_focusVisible__6a807fef:focus::before,.AccordionItem_styles_1scfko7_s1d847tf__6a807fef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-accordion-item-focus);}
|
737
|
+
.AccordionItem_styles_1scfko7_s18inj31__6a807fef{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-header-left-gap,var(--plasma-accordion-item-gap));-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
738
|
+
.AccordionItem_styles_1scfko7_s1kvo44v__6a807fef{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_1scfko7_s1kvo44v__6a807fef.AccordionItem_styles_1scfko7_accordionItemShowBody__6a807fef{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
739
|
+
.AccordionItem_styles_1scfko7_s2tqnbp__6a807fef{-webkit-transition:0.2s;transition:0.2s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.AccordionItem_styles_1scfko7_s2tqnbp__6a807fef.AccordionItem_styles_1scfko7_accordionItemShowBody__6a807fef{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
740
|
+
.AccordionItem_styles_1scfko7_s11daj3x__6a807fef{color:var(--plasma-accordion-item-title-color);font-family:var(--plasma-accordion-item-title-font-family);font-size:var(--plasma-accordion-item-title-font-size);font-weight:var(--plasma-accordion-item-title-font-weight);font-style:var(--plasma-accordion-item-title-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);letter-spacing:var(--plasma-accordion-item-title-letter-spacing);line-height:var(--plasma-accordion-item-title-line-height);text-align:left;}
|
741
|
+
.AccordionItem_styles_1scfko7_sy09zp7__6a807fef{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows 0.2s ease-out;transition:grid-template-rows 0.2s ease-out;overflow:hidden;}.AccordionItem_styles_1scfko7_sy09zp7__6a807fef.AccordionItem_styles_1scfko7_accordionItemShowBody__6a807fef{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-body-padding-bottom,var(--plasma-accordion-item-padding-vertical));}.AccordionItem_styles_1scfko7_sy09zp7__6a807fef.AccordionItem_styles_1scfko7_accordionItemShowBody__6a807fef.AccordionItem_styles_1scfko7_accordionPlusAnimationElement__6a807fef{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
742
|
+
.AccordionItem_styles_1scfko7_sbzgv9z__6a807fef{color:var(--plasma-accordion-item-text-color);font-family:var(--plasma-accordion-item-text-font-family);font-size:var(--plasma-accordion-item-text-font-size);font-weight:var(--plasma-accordion-item-text-font-weight);font-style:var(--plasma-accordion-item-text-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);letter-spacing:var(--plasma-accordion-item-text-letter-spacing);line-height:var(--plasma-accordion-item-text-line-height);overflow:hidden;padding-right:var(--plasma-accordion-item-padding-horizontal);padding-left:var(--plasma-accordion-item-padding-horizontal-left);text-align:left;}
|
743
|
+
.AccordionItem_styles_1scfko7_s1ewkyyv__6a807fef{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
|
744
|
+
.AccordionItem_styles_1scfko7_s15qiue1__6a807fef{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;}.AccordionItem_styles_1scfko7_s15qiue1__6a807fef.AccordionItem_styles_1scfko7_accordionPlusAnimationElement__6a807fef{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_1scfko7_s15qiue1__6a807fef.AccordionItem_styles_1scfko7_accordionItemShowBody__6a807fef{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}
|
745
|
+
.AccordionItem_styles_1scfko7_syldew1__6a807fef{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-accordion-item-icon-size,1rem);height:var(--plasma-accordion-item-icon-size,1rem);}
|
746
|
+
.AccordionItem_styles_1scfko7_s1he8scv__6a807fef{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);box-shadow:var(--plasma-accordion-item-shadow);}.AccordionItem_styles_1scfko7_s1he8scv__6a807fef:last-child{border-bottom:var(--plasma-accordion-item-border);}.AccordionItem_styles_1scfko7_s1he8scv__6a807fef.AccordionItem_styles_1scfko7_accordionDisabled__6a807fef{opacity:0.4;cursor:not-allowed;}.AccordionItem_styles_1scfko7_s1he8scv__6a807fef.AccordionItem_styles_1scfko7_accordionItemOpened__6a807fef .AccordionItem_styles_1scfko7_s1ewkyyv__6a807fef{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.AccordionItem_styles_1scfko7_s1he8scv__6a807fef.AccordionItem_styles_1scfko7_accordionItemOpened__6a807fef .AccordionItem_styles_1scfko7_s11daj3x__6a807fef{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-title-color));}
|
747
747
|
|
748
748
|
.DatePickerBase_styles_1vzl5em_s1ywkx25__e2ed1ffa{width:var(--plasma-date-picker-width);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
|
749
749
|
.DatePickerBase_styles_1vzl5em_i1kteo3u__e2ed1ffa{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.257.1-canary.1748.
|
3
|
+
"version": "0.257.1-canary.1748.13152913375.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -131,5 +131,5 @@
|
|
131
131
|
"sideEffects": [
|
132
132
|
"*.css"
|
133
133
|
],
|
134
|
-
"gitHead": "
|
134
|
+
"gitHead": "6300ad65dabb02ee17bec12523d5a308d4b63cc7"
|
135
135
|
}
|
@@ -9,6 +9,7 @@ var classes = exports.classes = {
|
|
9
9
|
fixedStretching: 'accordion-stretching-fixed',
|
10
10
|
accordionRoot: 'accordion-root',
|
11
11
|
accordionItem: 'accordion-item',
|
12
|
+
accordionItemOpened: 'accordion-item-opened',
|
12
13
|
clearAccordionItem: 'clear-accordion-item',
|
13
14
|
accordionItemShowBody: 'accordion-item-show-body',
|
14
15
|
accordionPlusAnimationElement: 'accordion-plus-animation-element',
|
@@ -20,11 +21,13 @@ var tokens = exports.tokens = {
|
|
20
21
|
accordionWidth: '--plasma-accordion-width',
|
21
22
|
accordionBackground: '--plasma-accordion-background',
|
22
23
|
accordionItemBackground: '--plasma-accordion-item-background',
|
24
|
+
accordionItemShadow: '--plasma-accordion-item-shadow',
|
23
25
|
accordionItemBorderRadius: '--plasma-accordion-item-border-radius',
|
24
26
|
accordionItemPadding: '--plasma-accordion-item-padding',
|
25
27
|
accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',
|
26
28
|
accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',
|
27
29
|
accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',
|
30
|
+
accordionItemBodyPaddingBottom: '--plasma-accordion-item-body-padding-bottom',
|
28
31
|
accordionItemGap: '--plasma-accordion-item-gap',
|
29
32
|
accordionItemFocus: '--plasma-accordion-item-focus',
|
30
33
|
accordionItemBorder: '--plasma-accordion-item-border',
|
@@ -35,6 +38,7 @@ var tokens = exports.tokens = {
|
|
35
38
|
accordionItemHeaderLeftGapDefault: '--plasma-accordion-item-header-left-gap-default',
|
36
39
|
accordionItemHeaderLeftGapClear: '--plasma-accordion-item-header-left-gap-clear',
|
37
40
|
accordionItemTitleColor: '--plasma-accordion-item-title-color',
|
41
|
+
accordionItemOpenedTitleColor: '--plasma-accordion-item-title-opened-color',
|
38
42
|
accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
|
39
43
|
accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
|
40
44
|
accordionItemTitleFontStyle: '--plasma-accordion-item-title-font-style',
|
@@ -82,6 +82,7 @@ var AccordionItem = exports.AccordionItem = /*#__PURE__*/(0, _react.forwardRef)(
|
|
82
82
|
}));
|
83
83
|
};
|
84
84
|
var accordionBorderRadius = (0, _roundness.convertRoundnessMatrix)(pin, "var(".concat(_Accordion.tokens.accordionItemBorderRadius, ")"), '1.5rem');
|
85
|
+
var openedClass = (opened !== null && opened !== void 0 ? opened : value) ? _Accordion.classes.accordionItemOpened : '';
|
85
86
|
var disabledClass = disabled ? _Accordion.classes.accordionDisabled : '';
|
86
87
|
var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledArrow, {
|
87
88
|
size: "xs",
|
@@ -92,7 +93,7 @@ var AccordionItem = exports.AccordionItem = /*#__PURE__*/(0, _react.forwardRef)(
|
|
92
93
|
var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/_react["default"].createElement(StyledAnimationPlus, null) : undefined;
|
93
94
|
var rightContentRotate = type === 'sign' && (opened !== null && opened !== void 0 ? opened : value) ? _Accordion.classes.accordionItemShowBody : undefined;
|
94
95
|
return /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionItem, {
|
95
|
-
className: (0, _utils.cx)(_Accordion.classes.accordionItem, className, disabledClass),
|
96
|
+
className: (0, _utils.cx)(_Accordion.classes.accordionItem, className, openedClass, disabledClass),
|
96
97
|
key: key,
|
97
98
|
ref: outerRef,
|
98
99
|
style: _objectSpread({
|
@@ -9,11 +9,8 @@ var _Icon = /*#__PURE__*/require("../../../_Icon");
|
|
9
9
|
var _Accordion = /*#__PURE__*/require("../../Accordion.tokens");
|
10
10
|
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
12
|
-
var StyledAccordionItem = exports.StyledAccordionItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
13
|
-
componentId: "plasma-new-hope__sc-20ij9z-0"
|
14
|
-
})(["background:var(", ");border:var(", ");border-bottom:var(", ");&:last-child{border-bottom:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}"], _Accordion.tokens.accordionItemBackground, _Accordion.tokens.accordionItemBorder, _Accordion.tokens.accordionItemBorderBottom, _Accordion.tokens.accordionItemBorder, _Accordion.classes.accordionDisabled);
|
15
12
|
var StyledAccordionHeader = exports.StyledAccordionHeader = /*#__PURE__*/_styledComponents["default"].button.withConfig({
|
16
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
13
|
+
componentId: "plasma-new-hope__sc-20ij9z-0"
|
17
14
|
})(["width:100%;border:none;padding:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&:focus{outline:none;}", ""], _Accordion.tokens.accordionItemPadding, _Accordion.tokens.accordionItemGap, /*#__PURE__*/(0, _mixins.addFocus)({
|
18
15
|
outlineOffset: '0.125rem',
|
19
16
|
outlineSize: '0.125rem',
|
@@ -21,29 +18,32 @@ var StyledAccordionHeader = exports.StyledAccordionHeader = /*#__PURE__*/_styled
|
|
21
18
|
outlineColor: /*#__PURE__*/"var(".concat(_Accordion.tokens.accordionItemFocus, ")")
|
22
19
|
}));
|
23
20
|
var StyledAccordionHeaderLeft = exports.StyledAccordionHeaderLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
24
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
21
|
+
componentId: "plasma-new-hope__sc-20ij9z-1"
|
25
22
|
})(["display:flex;gap:var(", ",var(", "));justify-content:space-between;align-items:center;"], _Accordion.tokens.accordionItemHeaderLeftGap, _Accordion.tokens.accordionItemGap);
|
26
23
|
var StyledAccordionContentRight = exports.StyledAccordionContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
27
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
24
|
+
componentId: "plasma-new-hope__sc-20ij9z-2"
|
28
25
|
})(["transition:0.2s;transform:rotate(90deg);&.", "{transition:0.2s;transform:rotate(0deg);}"], _Accordion.classes.accordionItemShowBody);
|
29
26
|
var StyledAccordionContentLeft = exports.StyledAccordionContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
30
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
27
|
+
componentId: "plasma-new-hope__sc-20ij9z-3"
|
31
28
|
})(["transition:0.2s;display:flex;align-items:center;&.", "{transition:0.2s;transform:rotate(180deg);}"], _Accordion.classes.accordionItemShowBody);
|
32
29
|
var StyledAccordionTitle = exports.StyledAccordionTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
33
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
30
|
+
componentId: "plasma-new-hope__sc-20ij9z-4"
|
34
31
|
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");text-align:left;"], _Accordion.tokens.accordionItemTitleColor, _Accordion.tokens.accordionItemTitleFontFamily, _Accordion.tokens.accordionItemTitleFontSize, _Accordion.tokens.accordionItemTitleFontWeight, _Accordion.tokens.accordionItemTitleFontStyle, _Accordion.tokens.accordionItemTitleLetterSpacing, _Accordion.tokens.accordionItemTitleLineHeight);
|
35
32
|
var StyledAccordionBodyAnimate = exports.StyledAccordionBodyAnimate = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
36
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
37
|
-
})(["display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", "{grid-template-rows:1fr;padding-bottom:var(", ");&.", "{transition:0.2s;transform:rotate(0deg);}}"], _Accordion.classes.accordionItemShowBody, _Accordion.tokens.accordionItemPaddingVertical, _Accordion.classes.accordionPlusAnimationElement);
|
33
|
+
componentId: "plasma-new-hope__sc-20ij9z-5"
|
34
|
+
})(["display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", "{grid-template-rows:1fr;padding-bottom:var(", ",var(", "));&.", "{transition:0.2s;transform:rotate(0deg);}}"], _Accordion.classes.accordionItemShowBody, _Accordion.tokens.accordionItemBodyPaddingBottom, _Accordion.tokens.accordionItemPaddingVertical, _Accordion.classes.accordionPlusAnimationElement);
|
38
35
|
var StyledAccordionBody = exports.StyledAccordionBody = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
39
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
36
|
+
componentId: "plasma-new-hope__sc-20ij9z-6"
|
40
37
|
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");text-align:left;"], _Accordion.tokens.accordionItemTextColor, _Accordion.tokens.accordionItemTextFontFamily, _Accordion.tokens.accordionItemTextFontSize, _Accordion.tokens.accordionItemTextFontWeight, _Accordion.tokens.accordionItemTextFontStyle, _Accordion.tokens.accordionItemTextLetterSpacing, _Accordion.tokens.accordionItemTextLineHeight, _Accordion.tokens.accordionItemPaddingHorizontal, _Accordion.tokens.accordionItemPaddingHorizontalLeft);
|
41
38
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconChevronDownFill).withConfig({
|
42
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
39
|
+
componentId: "plasma-new-hope__sc-20ij9z-7"
|
43
40
|
})(["pointer-events:none;user-select:none;color:var(", ");"], _Accordion.tokens.accordionItemIconColor);
|
44
41
|
var StyledMinus = exports.StyledMinus = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconMinus).withConfig({
|
45
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
46
|
-
})(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], _Accordion.tokens.accordionItemIconColor, _Accordion.classes.accordionPlusAnimationElement, _Accordion.classes.accordionItemShowBody);
|
42
|
+
componentId: "plasma-new-hope__sc-20ij9z-8"
|
43
|
+
})(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);color:var(", ",var(", "));}"], _Accordion.tokens.accordionItemIconColor, _Accordion.classes.accordionPlusAnimationElement, _Accordion.classes.accordionItemShowBody, _Accordion.tokens.accordionItemOpenedTitleColor, _Accordion.tokens.accordionItemIconColor);
|
47
44
|
var StyledPlus = exports.StyledPlus = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
45
|
+
componentId: "plasma-new-hope__sc-20ij9z-9"
|
46
|
+
})(["position:relative;display:flex;align-items:center;justify-content:center;width:var(", ",1rem);height:var(", ",1rem);"], _Accordion.tokens.accordionItemIconSize, _Accordion.tokens.accordionItemIconSize);
|
47
|
+
var StyledAccordionItem = exports.StyledAccordionItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
48
48
|
componentId: "plasma-new-hope__sc-20ij9z-10"
|
49
|
-
})(["
|
49
|
+
})(["background:var(", ");border:var(", ");border-bottom:var(", ");box-shadow:var(", ");&:last-child{border-bottom:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}&.", "{", "{color:var(", ",var(", "));}", "{color:var(", ",var(", "));}}"], _Accordion.tokens.accordionItemBackground, _Accordion.tokens.accordionItemBorder, _Accordion.tokens.accordionItemBorderBottom, _Accordion.tokens.accordionItemShadow, _Accordion.tokens.accordionItemBorder, _Accordion.classes.accordionDisabled, _Accordion.classes.accordionItemOpened, StyledArrow, _Accordion.tokens.accordionItemOpenedTitleColor, _Accordion.tokens.accordionItemIconColor, StyledAccordionTitle, _Accordion.tokens.accordionItemOpenedTitleColor, _Accordion.tokens.accordionItemTitleColor);
|
@@ -97,12 +97,12 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
97
97
|
return /*#__PURE__*/_react["default"].createElement(_Textfield.StyledTextField, _extends({
|
98
98
|
ref: ref,
|
99
99
|
inputWrapperRef: inputWrapperRef,
|
100
|
-
readOnly: true,
|
101
100
|
value: getValue(),
|
102
101
|
size: size,
|
103
102
|
view: view,
|
104
103
|
labelPlacement: labelPlacement,
|
105
104
|
disabled: disabled,
|
105
|
+
readOnly: readOnly,
|
106
106
|
label: label,
|
107
107
|
keepPlaceholder: keepPlaceholder,
|
108
108
|
placeholder: value instanceof Array && value.length ? '' : placeholder,
|
@@ -17,14 +17,11 @@ var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponen
|
|
17
17
|
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");& div.input-wrapper:focus-within{background-color:var(", ");}"], _TextField.textFieldTokens.color, _Select.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Select.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.borderColor, _Select.tokens.textFieldBorderColor, _TextField.textFieldTokens.placeholderColor, _Select.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.labelColor, _Select.tokens.textFieldLabelColor, _TextField.textFieldTokens.leftHelperColor, _Select.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Select.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.colorReadOnly, _Select.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Select.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Select.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Select.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _Select.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.labelColorReadOnly, _Select.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Select.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColor, _Select.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.borderColorHover, _Select.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Select.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.optionalColor, _Select.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Select.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Select.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Select.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Select.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Select.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Select.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Select.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Select.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Select.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Select.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Select.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Select.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Select.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Select.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Select.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Select.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Select.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Select.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Select.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Select.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Select.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Select.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelOffset, _Select.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Select.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Select.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Select.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Select.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Select.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Select.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Select.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Select.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Select.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Select.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Select.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Select.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Select.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Select.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Select.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Select.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Select.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Select.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Select.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Select.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Select.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Select.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Select.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _Select.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Select.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Select.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Select.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Select.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Select.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Select.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Select.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Select.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Select.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Select.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Select.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Select.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Select.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Select.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Select.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Select.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Select.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Select.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Select.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Select.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Select.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Select.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Select.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Select.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Select.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Select.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Select.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Select.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Select.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Select.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Select.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Select.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Select.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Select.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Select.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Select.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Select.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Select.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Select.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Select.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Select.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Select.tokens.textFieldChipGap, _TextField.textFieldTokens.chipColor, _Select.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorHover, _Select.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipScaleHover, _Select.tokens.textFieldChipScaleHover, _TextField.textFieldTokens.chipBackground, _Select.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundActive, _Select.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Select.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipScaleActive, _Select.tokens.textFieldChipScaleActive, _TextField.textFieldTokens.chipCloseIconColor, _Select.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Select.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Select.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Select.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Select.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Select.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Select.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Select.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Select.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Select.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Select.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipColorReadOnly, _Select.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipColorReadOnlyHover, _Select.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Select.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Select.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipClearContentMarginLeft, _Select.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Select.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Select.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.indicatorColor, _Select.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Select.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Select.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Select.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Select.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Select.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Select.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Select.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Select.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Select.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.focusColor, _Select.tokens.textFieldFocusColor, _TextField.textFieldTokens.boxShadow, _Select.tokens.textFieldBoxShadow, _Select.tokens.textFieldBackgroundColorFocus);
|
18
18
|
var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
19
|
componentId: "plasma-new-hope__sc-1akl2tk-1"
|
20
|
-
})(["line-height:0;color:var(", ");cursor:", "
|
20
|
+
})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Select.tokens.disclosureIconColor, function (_ref) {
|
21
21
|
var disabled = _ref.disabled;
|
22
|
-
return disabled ? '
|
23
|
-
}, function (_ref2) {
|
22
|
+
return disabled ? 'inherit' : 'pointer';
|
23
|
+
}, _Select.classes.arrowInverse, function (_ref2) {
|
24
24
|
var disabled = _ref2.disabled;
|
25
|
-
return disabled ? 'none' : 'auto';
|
26
|
-
}, _Select.classes.arrowInverse, function (_ref3) {
|
27
|
-
var disabled = _ref3.disabled;
|
28
25
|
return disabled ? "var(".concat(_Select.tokens.disclosureIconColor, ")") : "var(".concat(_Select.tokens.disclosureIconColorHover, ")");
|
29
26
|
});
|
30
27
|
|
@@ -35,12 +32,12 @@ var sizeMap = exports.sizeMap = {
|
|
35
32
|
};
|
36
33
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
|
37
34
|
componentId: "plasma-new-hope__sc-1akl2tk-2"
|
38
|
-
})(["width:", ";height:", ";"], function (
|
35
|
+
})(["width:", ";height:", ";"], function (_ref3) {
|
36
|
+
var _ref3$size = _ref3.size,
|
37
|
+
size = _ref3$size === void 0 ? 'xs' : _ref3$size;
|
38
|
+
return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
39
|
+
}, function (_ref4) {
|
39
40
|
var _ref4$size = _ref4.size,
|
40
41
|
size = _ref4$size === void 0 ? 'xs' : _ref4$size;
|
41
42
|
return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
42
|
-
}, function (_ref5) {
|
43
|
-
var _ref5$size = _ref5.size,
|
44
|
-
size = _ref5$size === void 0 ? 'xs' : _ref5$size;
|
45
|
-
return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
|
46
43
|
});
|
@@ -37,9 +37,9 @@ var config = exports.config = {
|
|
37
37
|
outer: /*#__PURE__*/(0, _styledComponents.css)([""])
|
38
38
|
},
|
39
39
|
chipView: {
|
40
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor),
|
41
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor),
|
42
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor)
|
40
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary);"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
|
41
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly),
|
42
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":0.72;"], _.selectTokens.textFieldChipColor, _.selectTokens.textFieldChipBackground, _.selectTokens.textFieldChipBackgroundHover, _.selectTokens.textFieldChipCloseIconColor, _.selectTokens.textFieldChipBackgroundReadOnly, _.selectTokens.textFieldChipColorReadOnly, _.selectTokens.textFieldChipBackgroundReadOnlyHover, _.selectTokens.textFieldChipColorReadOnlyHover, _.selectTokens.textFieldChipOpacityReadonly)
|
43
43
|
},
|
44
44
|
hintView: {
|
45
45
|
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-card-brightness);", ":var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));", ":var(--text-primary);", ":var(--surface-solid-card);"], _.selectTokens.textFieldTooltipBackgroundColor, _.selectTokens.textFieldTooltipBoxShadow, _.selectTokens.textFieldTooltipColor, _.selectTokens.textFieldTooltipArrowBackground)
|
@@ -50,6 +50,9 @@ var config = exports.config = {
|
|
50
50
|
},
|
51
51
|
disabled: {
|
52
52
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _.selectTokens.textFieldDisabledOpacity)
|
53
|
+
},
|
54
|
+
readOnly: {
|
55
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);"], _.selectTokens.textFieldColorReadOnly, _.selectTokens.textFieldBackgroundColorReadOnly, _.selectTokens.textFieldPlaceholderColorReadOnly, _.selectTokens.textFieldLeftHelperColorReadOnly, _.selectTokens.textFieldTitleCaptionColorReadOnly, _.selectTokens.textFieldLabelColorReadOnly, _.selectTokens.textFieldDividerColorReadOnly)
|
53
56
|
}
|
54
57
|
}
|
55
58
|
};
|
@@ -3,6 +3,7 @@ export var classes = {
|
|
3
3
|
fixedStretching: 'accordion-stretching-fixed',
|
4
4
|
accordionRoot: 'accordion-root',
|
5
5
|
accordionItem: 'accordion-item',
|
6
|
+
accordionItemOpened: 'accordion-item-opened',
|
6
7
|
clearAccordionItem: 'clear-accordion-item',
|
7
8
|
accordionItemShowBody: 'accordion-item-show-body',
|
8
9
|
accordionPlusAnimationElement: 'accordion-plus-animation-element',
|
@@ -14,11 +15,13 @@ export var tokens = {
|
|
14
15
|
accordionWidth: '--plasma-accordion-width',
|
15
16
|
accordionBackground: '--plasma-accordion-background',
|
16
17
|
accordionItemBackground: '--plasma-accordion-item-background',
|
18
|
+
accordionItemShadow: '--plasma-accordion-item-shadow',
|
17
19
|
accordionItemBorderRadius: '--plasma-accordion-item-border-radius',
|
18
20
|
accordionItemPadding: '--plasma-accordion-item-padding',
|
19
21
|
accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',
|
20
22
|
accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',
|
21
23
|
accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',
|
24
|
+
accordionItemBodyPaddingBottom: '--plasma-accordion-item-body-padding-bottom',
|
22
25
|
accordionItemGap: '--plasma-accordion-item-gap',
|
23
26
|
accordionItemFocus: '--plasma-accordion-item-focus',
|
24
27
|
accordionItemBorder: '--plasma-accordion-item-border',
|
@@ -29,6 +32,7 @@ export var tokens = {
|
|
29
32
|
accordionItemHeaderLeftGapDefault: '--plasma-accordion-item-header-left-gap-default',
|
30
33
|
accordionItemHeaderLeftGapClear: '--plasma-accordion-item-header-left-gap-clear',
|
31
34
|
accordionItemTitleColor: '--plasma-accordion-item-title-color',
|
35
|
+
accordionItemOpenedTitleColor: '--plasma-accordion-item-title-opened-color',
|
32
36
|
accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
|
33
37
|
accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
|
34
38
|
accordionItemTitleFontStyle: '--plasma-accordion-item-title-font-style',
|
@@ -74,6 +74,7 @@ export var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
|
|
74
74
|
}));
|
75
75
|
};
|
76
76
|
var accordionBorderRadius = convertRoundnessMatrix(pin, "var(".concat(tokens.accordionItemBorderRadius, ")"), '1.5rem');
|
77
|
+
var openedClass = (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemOpened : '';
|
77
78
|
var disabledClass = disabled ? classes.accordionDisabled : '';
|
78
79
|
var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? /*#__PURE__*/React.createElement(StyledArrow, {
|
79
80
|
size: "xs",
|
@@ -84,7 +85,7 @@ export var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
|
|
84
85
|
var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPlus, null) : undefined;
|
85
86
|
var rightContentRotate = type === 'sign' && (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemShowBody : undefined;
|
86
87
|
return /*#__PURE__*/React.createElement(StyledAccordionItem, {
|
87
|
-
className: cx(classes.accordionItem, className, disabledClass),
|
88
|
+
className: cx(classes.accordionItem, className, openedClass, disabledClass),
|
88
89
|
key: key,
|
89
90
|
ref: outerRef,
|
90
91
|
style: _objectSpread({
|
@@ -2,11 +2,8 @@ import styled from 'styled-components';
|
|
2
2
|
import { IconChevronDownFill, IconMinus } from '../../../_Icon';
|
3
3
|
import { classes, tokens } from '../../Accordion.tokens';
|
4
4
|
import { addFocus } from '../../../../mixins';
|
5
|
-
export var StyledAccordionItem = /*#__PURE__*/styled.div.withConfig({
|
6
|
-
componentId: "plasma-new-hope__sc-20ij9z-0"
|
7
|
-
})(["background:var(", ");border:var(", ");border-bottom:var(", ");&:last-child{border-bottom:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}"], tokens.accordionItemBackground, tokens.accordionItemBorder, tokens.accordionItemBorderBottom, tokens.accordionItemBorder, classes.accordionDisabled);
|
8
5
|
export var StyledAccordionHeader = /*#__PURE__*/styled.button.withConfig({
|
9
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
6
|
+
componentId: "plasma-new-hope__sc-20ij9z-0"
|
10
7
|
})(["width:100%;border:none;padding:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&:focus{outline:none;}", ""], tokens.accordionItemPadding, tokens.accordionItemGap, /*#__PURE__*/addFocus({
|
11
8
|
outlineOffset: '0.125rem',
|
12
9
|
outlineSize: '0.125rem',
|
@@ -14,29 +11,32 @@ export var StyledAccordionHeader = /*#__PURE__*/styled.button.withConfig({
|
|
14
11
|
outlineColor: /*#__PURE__*/"var(".concat(tokens.accordionItemFocus, ")")
|
15
12
|
}));
|
16
13
|
export var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div.withConfig({
|
17
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
14
|
+
componentId: "plasma-new-hope__sc-20ij9z-1"
|
18
15
|
})(["display:flex;gap:var(", ",var(", "));justify-content:space-between;align-items:center;"], tokens.accordionItemHeaderLeftGap, tokens.accordionItemGap);
|
19
16
|
export var StyledAccordionContentRight = /*#__PURE__*/styled.div.withConfig({
|
20
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
17
|
+
componentId: "plasma-new-hope__sc-20ij9z-2"
|
21
18
|
})(["transition:0.2s;transform:rotate(90deg);&.", "{transition:0.2s;transform:rotate(0deg);}"], classes.accordionItemShowBody);
|
22
19
|
export var StyledAccordionContentLeft = /*#__PURE__*/styled.div.withConfig({
|
23
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
20
|
+
componentId: "plasma-new-hope__sc-20ij9z-3"
|
24
21
|
})(["transition:0.2s;display:flex;align-items:center;&.", "{transition:0.2s;transform:rotate(180deg);}"], classes.accordionItemShowBody);
|
25
22
|
export var StyledAccordionTitle = /*#__PURE__*/styled.div.withConfig({
|
26
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
23
|
+
componentId: "plasma-new-hope__sc-20ij9z-4"
|
27
24
|
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");text-align:left;"], tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
|
28
25
|
export var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div.withConfig({
|
29
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
30
|
-
})(["display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", "{grid-template-rows:1fr;padding-bottom:var(", ");&.", "{transition:0.2s;transform:rotate(0deg);}}"], classes.accordionItemShowBody, tokens.accordionItemPaddingVertical, classes.accordionPlusAnimationElement);
|
26
|
+
componentId: "plasma-new-hope__sc-20ij9z-5"
|
27
|
+
})(["display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", "{grid-template-rows:1fr;padding-bottom:var(", ",var(", "));&.", "{transition:0.2s;transform:rotate(0deg);}}"], classes.accordionItemShowBody, tokens.accordionItemBodyPaddingBottom, tokens.accordionItemPaddingVertical, classes.accordionPlusAnimationElement);
|
31
28
|
export var StyledAccordionBody = /*#__PURE__*/styled.div.withConfig({
|
32
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
29
|
+
componentId: "plasma-new-hope__sc-20ij9z-6"
|
33
30
|
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");text-align:left;"], tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontalLeft);
|
34
31
|
export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill).withConfig({
|
35
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
32
|
+
componentId: "plasma-new-hope__sc-20ij9z-7"
|
36
33
|
})(["pointer-events:none;user-select:none;color:var(", ");"], tokens.accordionItemIconColor);
|
37
34
|
export var StyledMinus = /*#__PURE__*/styled(IconMinus).withConfig({
|
38
|
-
componentId: "plasma-new-hope__sc-20ij9z-
|
39
|
-
})(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], tokens.accordionItemIconColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
|
35
|
+
componentId: "plasma-new-hope__sc-20ij9z-8"
|
36
|
+
})(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);color:var(", ",var(", "));}"], tokens.accordionItemIconColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody, tokens.accordionItemOpenedTitleColor, tokens.accordionItemIconColor);
|
40
37
|
export var StyledPlus = /*#__PURE__*/styled.div.withConfig({
|
38
|
+
componentId: "plasma-new-hope__sc-20ij9z-9"
|
39
|
+
})(["position:relative;display:flex;align-items:center;justify-content:center;width:var(", ",1rem);height:var(", ",1rem);"], tokens.accordionItemIconSize, tokens.accordionItemIconSize);
|
40
|
+
export var StyledAccordionItem = /*#__PURE__*/styled.div.withConfig({
|
41
41
|
componentId: "plasma-new-hope__sc-20ij9z-10"
|
42
|
-
})(["
|
42
|
+
})(["background:var(", ");border:var(", ");border-bottom:var(", ");box-shadow:var(", ");&:last-child{border-bottom:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}&.", "{", "{color:var(", ",var(", "));}", "{color:var(", ",var(", "));}}"], tokens.accordionItemBackground, tokens.accordionItemBorder, tokens.accordionItemBorderBottom, tokens.accordionItemShadow, tokens.accordionItemBorder, classes.accordionDisabled, classes.accordionItemOpened, StyledArrow, tokens.accordionItemOpenedTitleColor, tokens.accordionItemIconColor, StyledAccordionTitle, tokens.accordionItemOpenedTitleColor, tokens.accordionItemTitleColor);
|
@@ -88,12 +88,12 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
88
88
|
return /*#__PURE__*/React.createElement(StyledTextField, _extends({
|
89
89
|
ref: ref,
|
90
90
|
inputWrapperRef: inputWrapperRef,
|
91
|
-
readOnly: true,
|
92
91
|
value: getValue(),
|
93
92
|
size: size,
|
94
93
|
view: view,
|
95
94
|
labelPlacement: labelPlacement,
|
96
95
|
disabled: disabled,
|
96
|
+
readOnly: readOnly,
|
97
97
|
label: label,
|
98
98
|
keepPlaceholder: keepPlaceholder,
|
99
99
|
placeholder: value instanceof Array && value.length ? '' : placeholder,
|