@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.
Files changed (75) hide show
  1. package/cjs/components/Accordion/Accordion.tokens.js +4 -0
  2. package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
  3. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
  4. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
  5. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  6. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +19 -19
  7. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  8. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_1scfko7.css +11 -0
  9. package/cjs/components/Pagination/Pagination.css +3 -3
  10. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
  11. package/cjs/components/Select/Select.css +3 -3
  12. package/cjs/components/Select/ui/Target/Target.css +3 -3
  13. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +3 -3
  14. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  15. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  16. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -18
  17. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  18. package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_37d32i.css → Textfield.styles_1gpvmro.css} +1 -1
  19. package/cjs/index.css +14 -14
  20. package/emotion/cjs/components/Accordion/Accordion.tokens.js +4 -0
  21. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
  22. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +24 -24
  23. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  24. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +10 -13
  25. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +26 -23
  26. package/emotion/es/components/Accordion/Accordion.tokens.js +4 -0
  27. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
  28. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +24 -24
  29. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  30. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +10 -13
  31. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +26 -23
  32. package/es/components/Accordion/Accordion.tokens.js +4 -0
  33. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  34. package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
  35. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
  36. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  37. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +19 -19
  38. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  39. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_1scfko7.css +11 -0
  40. package/es/components/Pagination/Pagination.css +3 -3
  41. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
  42. package/es/components/Select/Select.css +3 -3
  43. package/es/components/Select/ui/Target/Target.css +3 -3
  44. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +3 -3
  45. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  46. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  47. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -18
  48. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  49. package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_37d32i.css → Textfield.styles_1gpvmro.css} +1 -1
  50. package/es/index.css +14 -14
  51. package/package.json +2 -2
  52. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +4 -0
  53. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
  54. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +15 -15
  55. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  56. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +8 -11
  57. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +6 -3
  58. package/styled-components/es/components/Accordion/Accordion.tokens.js +4 -0
  59. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +2 -1
  60. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +15 -15
  61. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  62. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +8 -11
  63. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +6 -3
  64. package/types/components/Accordion/Accordion.tokens.d.ts +4 -0
  65. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  66. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
  67. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +1 -1
  68. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
  69. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  70. package/types/examples/plasma_web/components/Select/Select.config.d.ts +3 -0
  71. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  72. package/types/examples/plasma_web/components/Select/Select.d.ts +3 -0
  73. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  74. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_1yw1mrq.css +0 -11
  75. 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
- .Textfield_styles_37d32i_i7x5udn__0da8f344{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);pointer-events:var(--i7x5udn-1);}.Textfield_styles_37d32i_i7x5udn__0da8f344 .Textfield_styles_37d32i_arrowInverse__0da8f344{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_37d32i_i7x5udn__0da8f344:hover,.Textfield_styles_37d32i_i7x5udn__0da8f344:active{color:var(--i7x5udn-2);}
651
- .Textfield_styles_37d32i_s2oocb4__0da8f344{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
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
- .AccordionItem_styles_1yw1mrq_s1d847tf__aec918f3{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);}.AccordionItem_styles_1yw1mrq_s1d847tf__aec918f3:last-child{border-bottom:var(--plasma-accordion-item-border);}.AccordionItem_styles_1yw1mrq_s1d847tf__aec918f3.AccordionItem_styles_1yw1mrq_accordionDisabled__aec918f3{opacity:0.4;cursor:not-allowed;}
737
- .AccordionItem_styles_1yw1mrq_s18inj31__aec918f3{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_1yw1mrq_s18inj31__aec918f3:focus{outline:none;}.AccordionItem_styles_1yw1mrq_s18inj31__aec918f3::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_1yw1mrq_s18inj31__aec918f3.AccordionItem_styles_1yw1mrq_focusVisible__aec918f3:focus::before,.AccordionItem_styles_1yw1mrq_s18inj31__aec918f3[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-accordion-item-focus);}
738
- .AccordionItem_styles_1yw1mrq_s1kvo44v__aec918f3{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;}
739
- .AccordionItem_styles_1yw1mrq_s2tqnbp__aec918f3{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_1yw1mrq_s2tqnbp__aec918f3.AccordionItem_styles_1yw1mrq_accordionItemShowBody__aec918f3{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
740
- .AccordionItem_styles_1yw1mrq_s11daj3x__aec918f3{-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_1yw1mrq_s11daj3x__aec918f3.AccordionItem_styles_1yw1mrq_accordionItemShowBody__aec918f3{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
741
- .AccordionItem_styles_1yw1mrq_sy09zp7__aec918f3{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;}
742
- .AccordionItem_styles_1yw1mrq_sbzgv9z__aec918f3{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_1yw1mrq_sbzgv9z__aec918f3.AccordionItem_styles_1yw1mrq_accordionItemShowBody__aec918f3{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-padding-vertical);}.AccordionItem_styles_1yw1mrq_sbzgv9z__aec918f3.AccordionItem_styles_1yw1mrq_accordionItemShowBody__aec918f3.AccordionItem_styles_1yw1mrq_accordionPlusAnimationElement__aec918f3{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
743
- .AccordionItem_styles_1yw1mrq_s1ewkyyv__aec918f3{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;}
744
- .AccordionItem_styles_1yw1mrq_s15qiue1__aec918f3{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);}
745
- .AccordionItem_styles_1yw1mrq_syldew1__aec918f3{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_1yw1mrq_syldew1__aec918f3.AccordionItem_styles_1yw1mrq_accordionPlusAnimationElement__aec918f3{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_1yw1mrq_syldew1__aec918f3.AccordionItem_styles_1yw1mrq_accordionItemShowBody__aec918f3{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
746
- .AccordionItem_styles_1yw1mrq_s1he8scv__aec918f3{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);}
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.13146738449.0",
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": "cf3ebd823e9696370b5f96319b95ba16927dfd15"
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-1"
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-2"
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-3"
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-4"
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-5"
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-6"
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-7"
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-8"
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-9"
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
- })(["position:relative;display:flex;align-items:center;justify-content:center;width:var(", ",1rem);height:var(", ",1rem);"], _Accordion.tokens.accordionItemIconSize, _Accordion.tokens.accordionItemIconSize);
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:", ";pointer-events:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Select.tokens.disclosureIconColor, function (_ref) {
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 ? 'default' : 'pointer';
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 (_ref4) {
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-1"
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-2"
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-3"
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-4"
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-5"
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-6"
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-7"
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-8"
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-9"
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
- })(["position:relative;display:flex;align-items:center;justify-content:center;width:var(", ",1rem);height:var(", ",1rem);"], tokens.accordionItemIconSize, tokens.accordionItemIconSize);
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,