@salutejs/plasma-new-hope 0.249.0-canary.1730.13035830009.0 → 0.250.0-canary.1724.13050656927.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (208) hide show
  1. package/cjs/components/Accordion/Accordion.tokens.js +1 -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 +10 -8
  5. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  6. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  7. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  8. package/cjs/components/Accordion/ui/AccordionItem/{AccordionItem.styles_aus2x3.css → AccordionItem.styles_56cr5h.css} +1 -1
  9. package/cjs/components/Autocomplete/Autocomplete.css +30 -30
  10. package/cjs/components/Combobox/ComboboxNew/Combobox.css +30 -30
  11. package/cjs/components/DatePicker/RangeDate/RangeDate.css +30 -30
  12. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +30 -30
  13. package/cjs/components/DatePicker/SingleDate/SingleDate.css +30 -30
  14. package/cjs/components/Pagination/Pagination.css +30 -30
  15. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
  16. package/cjs/components/Portal/Portal.js +5 -1
  17. package/cjs/components/Portal/Portal.js.map +1 -1
  18. package/cjs/components/Range/Range.css +30 -30
  19. package/cjs/components/Segment/tokens.js +1 -0
  20. package/cjs/components/Segment/tokens.js.map +1 -1
  21. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +2 -2
  22. package/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
  23. package/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js.map +1 -1
  24. package/{es/components/Segment/ui/SegmentItem/variations/_size/base_7kjuok.css → cjs/components/Segment/ui/SegmentItem/variations/_size/base_ww4ugz.css} +1 -1
  25. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  26. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  27. package/{es/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css → cjs/components/Segment/ui/SegmentItem/variations/_view/base_1gbqhvi.css} +1 -1
  28. package/cjs/components/Select/Select.css +30 -30
  29. package/cjs/components/Select/ui/Target/Target.css +30 -30
  30. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -30
  31. package/cjs/components/Slider/Slider.css +30 -30
  32. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -30
  33. package/cjs/components/TextField/TextField.styles.js +42 -42
  34. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  35. package/cjs/components/TextField/TextField.styles_kh1zhz.css +22 -0
  36. package/cjs/components/TextField/ui/Hint/Hint.css +20 -20
  37. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  38. package/cjs/components/TextField/variations/_clear/base_gm5pwg.css +1 -0
  39. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  40. package/cjs/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  41. package/cjs/components/TextField/variations/_hint-size/base.js +1 -1
  42. package/cjs/components/TextField/variations/_hint-size/{base_z7a2uf.css → base_1x99605.css} +1 -1
  43. package/cjs/components/TextField/variations/_hint-view/base.js +1 -1
  44. package/cjs/components/TextField/variations/_hint-view/{base_1htnb8e.css → base_l8etux.css} +1 -1
  45. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  46. package/cjs/components/TextField/variations/_label-placement/base_if7w35.css +1 -0
  47. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  48. package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  49. package/cjs/components/TextField/variations/_size/base.js +1 -1
  50. package/cjs/components/TextField/variations/_size/base_7va3kt.css +1 -0
  51. package/cjs/components/TextField/variations/_view/base.js +1 -1
  52. package/cjs/components/TextField/variations/_view/base_1uzaktg.css +1 -0
  53. package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
  54. package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
  55. package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  56. package/cjs/components/_Icon/Icons/IconChevronDownFill.js +6 -3
  57. package/cjs/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
  58. package/cjs/components/_Icon/Icons/IconMinus.js +6 -3
  59. package/cjs/components/_Icon/Icons/IconMinus.js.map +1 -1
  60. package/cjs/index.css +42 -42
  61. package/emotion/cjs/components/Accordion/Accordion.tokens.js +1 -0
  62. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
  63. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -20
  64. package/emotion/cjs/components/Portal/Portal.js +5 -1
  65. package/emotion/cjs/components/Segment/tokens.js +1 -0
  66. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
  67. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  68. package/emotion/cjs/components/TextField/TextField.styles.js +44 -45
  69. package/emotion/cjs/components/_Icon/Icons/IconChevronDownFill.js +8 -3
  70. package/emotion/cjs/components/_Icon/Icons/IconMinus.js +8 -3
  71. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +10 -6
  72. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  73. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +10 -10
  74. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
  75. package/emotion/es/components/Accordion/Accordion.tokens.js +1 -0
  76. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
  77. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +11 -20
  78. package/emotion/es/components/Portal/Portal.js +5 -1
  79. package/emotion/es/components/Segment/tokens.js +1 -0
  80. package/emotion/es/components/Segment/ui/SegmentItem/variations/_size/base.js +2 -2
  81. package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  82. package/emotion/es/components/TextField/TextField.styles.js +44 -45
  83. package/emotion/es/components/_Icon/Icons/IconChevronDownFill.js +8 -3
  84. package/emotion/es/components/_Icon/Icons/IconMinus.js +8 -3
  85. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +10 -6
  86. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  87. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +10 -10
  88. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
  89. package/es/components/Accordion/Accordion.tokens.js +1 -0
  90. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  91. package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +11 -11
  92. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
  93. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  94. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  95. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  96. package/es/components/Accordion/ui/AccordionItem/{AccordionItem.styles_aus2x3.css → AccordionItem.styles_56cr5h.css} +1 -1
  97. package/es/components/Autocomplete/Autocomplete.css +30 -30
  98. package/es/components/Combobox/ComboboxNew/Combobox.css +30 -30
  99. package/es/components/DatePicker/RangeDate/RangeDate.css +30 -30
  100. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +30 -30
  101. package/es/components/DatePicker/SingleDate/SingleDate.css +30 -30
  102. package/es/components/Pagination/Pagination.css +30 -30
  103. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
  104. package/es/components/Portal/Portal.js +5 -1
  105. package/es/components/Portal/Portal.js.map +1 -1
  106. package/es/components/Range/Range.css +30 -30
  107. package/es/components/Segment/tokens.js +1 -0
  108. package/es/components/Segment/tokens.js.map +1 -1
  109. package/es/components/Segment/ui/SegmentItem/SegmentItem.css +2 -2
  110. package/es/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
  111. package/es/components/Segment/ui/SegmentItem/variations/_size/base.js.map +1 -1
  112. package/{cjs/components/Segment/ui/SegmentItem/variations/_size/base_7kjuok.css → es/components/Segment/ui/SegmentItem/variations/_size/base_ww4ugz.css} +1 -1
  113. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  114. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  115. package/{cjs/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css → es/components/Segment/ui/SegmentItem/variations/_view/base_1gbqhvi.css} +1 -1
  116. package/es/components/Select/Select.css +30 -30
  117. package/es/components/Select/ui/Target/Target.css +30 -30
  118. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -30
  119. package/es/components/Slider/Slider.css +30 -30
  120. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -30
  121. package/es/components/TextField/TextField.styles.js +42 -42
  122. package/es/components/TextField/TextField.styles.js.map +1 -1
  123. package/es/components/TextField/TextField.styles_kh1zhz.css +22 -0
  124. package/es/components/TextField/ui/Hint/Hint.css +20 -20
  125. package/es/components/TextField/variations/_clear/base.js +1 -1
  126. package/es/components/TextField/variations/_clear/base_gm5pwg.css +1 -0
  127. package/es/components/TextField/variations/_disabled/base.js +1 -1
  128. package/es/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  129. package/es/components/TextField/variations/_hint-size/base.js +1 -1
  130. package/es/components/TextField/variations/_hint-size/{base_z7a2uf.css → base_1x99605.css} +1 -1
  131. package/es/components/TextField/variations/_hint-view/base.js +1 -1
  132. package/es/components/TextField/variations/_hint-view/{base_1htnb8e.css → base_l8etux.css} +1 -1
  133. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  134. package/es/components/TextField/variations/_label-placement/base_if7w35.css +1 -0
  135. package/es/components/TextField/variations/_read-only/base.js +1 -1
  136. package/es/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  137. package/es/components/TextField/variations/_size/base.js +1 -1
  138. package/es/components/TextField/variations/_size/base_7va3kt.css +1 -0
  139. package/es/components/TextField/variations/_view/base.js +1 -1
  140. package/es/components/TextField/variations/_view/base_1uzaktg.css +1 -0
  141. package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
  142. package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
  143. package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  144. package/es/components/_Icon/Icons/IconChevronDownFill.js +6 -3
  145. package/es/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
  146. package/es/components/_Icon/Icons/IconMinus.js +6 -3
  147. package/es/components/_Icon/Icons/IconMinus.js.map +1 -1
  148. package/es/index.css +42 -42
  149. package/package.json +2 -2
  150. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +1 -0
  151. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
  152. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  153. package/styled-components/cjs/components/Portal/Portal.js +5 -1
  154. package/styled-components/cjs/components/Segment/tokens.js +1 -0
  155. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
  156. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  157. package/styled-components/cjs/components/TextField/TextField.styles.js +22 -23
  158. package/styled-components/cjs/components/_Icon/Icons/IconChevronDownFill.js +8 -3
  159. package/styled-components/cjs/components/_Icon/Icons/IconMinus.js +8 -3
  160. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -2
  161. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  162. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +6 -6
  163. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
  164. package/styled-components/es/components/Accordion/Accordion.tokens.js +1 -0
  165. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +10 -8
  166. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +1 -1
  167. package/styled-components/es/components/Portal/Portal.js +5 -1
  168. package/styled-components/es/components/Segment/tokens.js +1 -0
  169. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_size/base.js +2 -2
  170. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  171. package/styled-components/es/components/TextField/TextField.styles.js +22 -23
  172. package/styled-components/es/components/_Icon/Icons/IconChevronDownFill.js +8 -3
  173. package/styled-components/es/components/_Icon/Icons/IconMinus.js +8 -3
  174. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -2
  175. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  176. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +6 -6
  177. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
  178. package/types/components/Accordion/Accordion.tokens.d.ts +1 -0
  179. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  180. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
  181. package/types/components/Portal/Portal.d.ts.map +1 -1
  182. package/types/components/Segment/tokens.d.ts +1 -0
  183. package/types/components/Segment/tokens.d.ts.map +1 -1
  184. package/types/components/Segment/ui/SegmentItem/variations/_size/base.d.ts.map +1 -1
  185. package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
  186. package/types/components/TextField/TextField.styles.d.ts +1 -1
  187. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  188. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts +4 -0
  189. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
  190. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts +4 -0
  191. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts.map +1 -1
  192. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts +4 -4
  193. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
  194. package/types/examples/plasma_web/components/Accordion/Accordion.d.ts +4 -4
  195. package/cjs/components/TextField/TextField.styles_1cdp5eg.css +0 -22
  196. package/cjs/components/TextField/variations/_clear/base_appgl3.css +0 -1
  197. package/cjs/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
  198. package/cjs/components/TextField/variations/_read-only/base_oizdmx.css +0 -1
  199. package/cjs/components/TextField/variations/_size/base_uulqii.css +0 -1
  200. package/cjs/components/TextField/variations/_view/base_1npz45o.css +0 -1
  201. package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
  202. package/es/components/TextField/TextField.styles_1cdp5eg.css +0 -22
  203. package/es/components/TextField/variations/_clear/base_appgl3.css +0 -1
  204. package/es/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
  205. package/es/components/TextField/variations/_read-only/base_oizdmx.css +0 -1
  206. package/es/components/TextField/variations/_size/base_uulqii.css +0 -1
  207. package/es/components/TextField/variations/_view/base_1npz45o.css +0 -1
  208. package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
@@ -8,13 +8,17 @@ export var config = {
8
8
  variations: {
9
9
  view: {
10
10
  "default": /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") var(", ");", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--surface-clear);", ":none;", ":0;", ":var(", ");"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft, accordionTokens.accordionItemPaddingHorizontal),
11
- clear: /*#__PURE__*/css(["", ":0;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.125rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
11
+ clear: /*#__PURE__*/css(["", ":0;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.063rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
12
12
  },
13
13
  size: {
14
14
  l: /*#__PURE__*/css(["", ":1.0625rem;", ":1.25rem;", ":0.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
15
15
  m: /*#__PURE__*/css(["", ":0.875rem;", ":1.125rem;", ":0.375rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
16
16
  s: /*#__PURE__*/css(["", ":0.6875rem;", ":0.875rem;", ":0.375rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
17
- xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
17
+ xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
18
+ h2: /*#__PURE__*/css(["", ":1rem;", ":1.25rem;", ":0.25rem;", ":0.75rem;", ":1.5rem;", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-bold-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
19
+ h3: /*#__PURE__*/css(["", ":0.875rem;", ":1.125rem;", ":0.25rem;", ":0.75rem;", ":1.5rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-bold-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
20
+ h4: /*#__PURE__*/css(["", ":0.688rem;", ":0.875rem;", ":0.25rem;", ":0.625rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-bold-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
21
+ h5: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-bold-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
18
22
  }
19
23
  }
20
24
  };
@@ -95,6 +95,24 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
+ const getSizeForIconButton = (size) => {
99
+ switch (size) {
100
+ case 'l':
101
+ case 'h2':
102
+ case 'h3':
103
+ return 'l';
104
+ case 'm':
105
+ return 'm';
106
+ case 's':
107
+ case 'h4':
108
+ return 's';
109
+ case 'xs':
110
+ case 'h5':
111
+ return 'xs';
112
+ default:
113
+ return 'm';
114
+ }
115
+ };
98
116
 
99
117
  const ControlledAccordion = (props: AccordionProps) => {
100
118
  const args = { ...props, text: undefined };
@@ -106,7 +124,11 @@ const ControlledAccordion = (props: AccordionProps) => {
106
124
  <Accordion {...args}>
107
125
  <AccordionItem
108
126
  contentRight={
109
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
127
+ <IconButton
128
+ view="secondary"
129
+ size={getSizeForIconButton(args.size)}
130
+ onClick={() => setActiveFirst(!activeFirst)}
131
+ >
110
132
  <IconPlus size={getSizeForIcon(args.size)} />
111
133
  </IconButton>
112
134
  }
@@ -120,7 +142,11 @@ const ControlledAccordion = (props: AccordionProps) => {
120
142
  </AccordionItem>
121
143
  <AccordionItem
122
144
  contentRight={
123
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
145
+ <IconButton
146
+ view="secondary"
147
+ size={getSizeForIconButton(args.size)}
148
+ onClick={() => setActiveSecond(!activeSecond)}
149
+ >
124
150
  <IconPlus size={getSizeForIcon(args.size)} />
125
151
  </IconButton>
126
152
  }
@@ -134,7 +160,11 @@ const ControlledAccordion = (props: AccordionProps) => {
134
160
  </AccordionItem>
135
161
  <AccordionItem
136
162
  contentRight={
137
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
163
+ <IconButton
164
+ view="secondary"
165
+ size={getSizeForIconButton(args.size)}
166
+ onClick={() => setActiveThree(!activeThree)}
167
+ >
138
168
  <IconPlus size={getSizeForIcon(args.size)} />
139
169
  </IconButton>
140
170
  }
@@ -8,17 +8,17 @@ export var config = {
8
8
  variations: {
9
9
  view: {
10
10
  "default": /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") var(", ");", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--surface-clear);", ":none;", ":0;", ":var(", ");"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft, accordionTokens.accordionItemPaddingHorizontal),
11
- clear: /*#__PURE__*/css(["", ":0.125rem;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.125rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
11
+ clear: /*#__PURE__*/css(["", ":0;", ":20rem;", ":var(", ") 0rem;", ":var(--surface-clear);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--surface-accent);", ":0rem !important;", ":var(--surface-clear);", ":none;", ":0.063rem solid var(--surface-solid-tertiary);", ":0;"], accordionTokens.accordionGap, accordionTokens.accordionWidth, accordionTokens.accordionItemPadding, accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemBackground, accordionTokens.accordionItemTitleColor, accordionTokens.accordionItemTextColor, accordionTokens.accordionItemIconColor, accordionTokens.accordionItemFocus, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionBackground, accordionTokens.accordionItemBorder, accordionTokens.accordionItemBorderBottom, accordionTokens.accordionItemPaddingHorizontalLeft)
12
12
  },
13
13
  size: {
14
14
  l: /*#__PURE__*/css(["", ":1.0625rem;", ":1.25rem;", ":0.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
15
15
  m: /*#__PURE__*/css(["", ":0.875rem;", ":1.125rem;", ":0.375rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
16
16
  s: /*#__PURE__*/css(["", ":0.6875rem;", ":0.875rem;", ":0.375rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
17
- xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
18
- },
19
- stretching: {
20
- filled: /*#__PURE__*/css([""]),
21
- fixed: /*#__PURE__*/css([""])
17
+ xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
18
+ h2: /*#__PURE__*/css(["", ":1rem;", ":1.25rem;", ":0.25rem;", ":0.75rem;", ":1.5rem;", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-bold-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
19
+ h3: /*#__PURE__*/css(["", ":0.875rem;", ":1.125rem;", ":0.25rem;", ":0.75rem;", ":1.5rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-bold-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
20
+ h4: /*#__PURE__*/css(["", ":0.688rem;", ":0.875rem;", ":0.25rem;", ":0.625rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-bold-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
21
+ h5: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-bold-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
22
22
  }
23
23
  }
24
24
  };
@@ -95,6 +95,24 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
+ const getSizeForIconButton = (size) => {
99
+ switch (size) {
100
+ case 'l':
101
+ case 'h2':
102
+ case 'h3':
103
+ return 'l';
104
+ case 'm':
105
+ return 'm';
106
+ case 's':
107
+ case 'h4':
108
+ return 's';
109
+ case 'xs':
110
+ case 'h5':
111
+ return 'xs';
112
+ default:
113
+ return 'm';
114
+ }
115
+ };
98
116
 
99
117
  const ControlledAccordion = (props: AccordionProps) => {
100
118
  const args = { ...props, text: undefined };
@@ -106,7 +124,11 @@ const ControlledAccordion = (props: AccordionProps) => {
106
124
  <Accordion {...args}>
107
125
  <AccordionItem
108
126
  contentRight={
109
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
127
+ <IconButton
128
+ view="secondary"
129
+ size={getSizeForIconButton(args.size)}
130
+ onClick={() => setActiveFirst(!activeFirst)}
131
+ >
110
132
  <IconPlus size={getSizeForIcon(args.size)} />
111
133
  </IconButton>
112
134
  }
@@ -120,7 +142,11 @@ const ControlledAccordion = (props: AccordionProps) => {
120
142
  </AccordionItem>
121
143
  <AccordionItem
122
144
  contentRight={
123
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
145
+ <IconButton
146
+ view="secondary"
147
+ size={getSizeForIconButton(args.size)}
148
+ onClick={() => setActiveSecond(!activeSecond)}
149
+ >
124
150
  <IconPlus size={getSizeForIcon(args.size)} />
125
151
  </IconButton>
126
152
  }
@@ -134,7 +160,11 @@ const ControlledAccordion = (props: AccordionProps) => {
134
160
  </AccordionItem>
135
161
  <AccordionItem
136
162
  contentRight={
137
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
163
+ <IconButton
164
+ view="secondary"
165
+ size={getSizeForIconButton(args.size)}
166
+ onClick={() => setActiveThree(!activeThree)}
167
+ >
138
168
  <IconPlus size={getSizeForIcon(args.size)} />
139
169
  </IconButton>
140
170
  }
@@ -24,6 +24,7 @@ export declare const tokens: {
24
24
  accordionItemBorder: string;
25
25
  accordionItemBorderBottom: string;
26
26
  accordionItemIconColor: string;
27
+ accordionItemIconSize: string;
27
28
  accordionItemTitleColor: string;
28
29
  accordionItemTitleFontFamily: string;
29
30
  accordionItemTitleFontSize: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgClB,CAAC"}
1
+ {"version":3,"file":"Accordion.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqBvE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;wCAkHzB,CAAC"}
1
+ {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqBvE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;wCAuHzB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAIlC,CAAC"}
1
+ {"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAalC,CAAC"}
@@ -14,6 +14,7 @@ export declare const tokens: {
14
14
  fontSize: string;
15
15
  fontStyle: string;
16
16
  fontWeight: string;
17
+ fontWeightSelectedItem: string;
17
18
  letterSpacing: string;
18
19
  lineHeight: string;
19
20
  outlineFocusColor: string;
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Segment/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ClB,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Segment/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Segment/ui/SegmentItem/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAehB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Segment/ui/SegmentItem/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAmBhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Segment/ui/SegmentItem/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAsChB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Segment/ui/SegmentItem/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA0ChB,CAAC"}
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ export declare const Hint: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("../Tooltip").TooltipProps & import("react").RefAttributes<HTMLDivElement>>;
2
3
  export declare const InputWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
4
  export declare const InputLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
5
  export declare const StyledChips: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
@@ -29,7 +30,6 @@ export declare const StyledTextAfter: import("@linaria/react").StyledComponent<i
29
30
  export declare const StyledOptionalText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
30
31
  export declare const StyledHintWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
31
32
  export declare const HintTargetWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
32
- export declare const Hint: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("../Tooltip").TooltipProps & import("react").RefAttributes<HTMLDivElement>>;
33
33
  export declare const HintIconWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
34
34
  export declare const StyledIndicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
35
35
  //# sourceMappingURL=TextField.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAajB,CAAC;AAEF,eAAO,MAAM,cAAc;;EAS1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;EAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;EAOlE,CAAC;AAEF,eAAO,MAAM,YAAY,qKAGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,KAAK,8KAEjB,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;aAAW,OAAO;EAKrF,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAGrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAc9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,gBAAgB;;EAE5B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,kBAAkB,uKAE9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAS7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAM7B,CAAC;AAEF,eAAO,MAAM,IAAI,8OAIhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}
1
+ {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,IAAI,8OAAoB,CAAC;AAEtC,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAajB,CAAC;AAEF,eAAO,MAAM,cAAc;;EAS1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;EAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;EAOlE,CAAC;AAEF,eAAO,MAAM,YAAY,qKAGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,KAAK,8KAEjB,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;aAAW,OAAO;EAKrF,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAGrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAc9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,gBAAgB;;EAE5B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,kBAAkB,uKAE9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAS7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAM7B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}
@@ -13,6 +13,10 @@ export declare const config: {
13
13
  m: import("@linaria/core").LinariaClassName;
14
14
  s: import("@linaria/core").LinariaClassName;
15
15
  xs: import("@linaria/core").LinariaClassName;
16
+ h2: import("@linaria/core").LinariaClassName;
17
+ h3: import("@linaria/core").LinariaClassName;
18
+ h4: import("@linaria/core").LinariaClassName;
19
+ h5: import("@linaria/core").LinariaClassName;
16
20
  };
17
21
  };
18
22
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CA2HlB,CAAC"}
1
+ {"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CA6MlB,CAAC"}
@@ -10,6 +10,10 @@ export declare const Accordion: import("react").FunctionComponent<import("../../
10
10
  m: import("@linaria/core").LinariaClassName;
11
11
  s: import("@linaria/core").LinariaClassName;
12
12
  xs: import("@linaria/core").LinariaClassName;
13
+ h2: import("@linaria/core").LinariaClassName;
14
+ h3: import("@linaria/core").LinariaClassName;
15
+ h4: import("@linaria/core").LinariaClassName;
16
+ h5: import("@linaria/core").LinariaClassName;
13
17
  };
14
18
  }> & {
15
19
  view?: string | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Accordion/Accordion.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmB,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAOlF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Accordion/Accordion.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmB,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAOlF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -13,10 +13,10 @@ export declare const config: {
13
13
  m: import("@linaria/core").LinariaClassName;
14
14
  s: import("@linaria/core").LinariaClassName;
15
15
  xs: import("@linaria/core").LinariaClassName;
16
- };
17
- stretching: {
18
- filled: import("@linaria/core").LinariaClassName;
19
- fixed: import("@linaria/core").LinariaClassName;
16
+ h2: import("@linaria/core").LinariaClassName;
17
+ h3: import("@linaria/core").LinariaClassName;
18
+ h4: import("@linaria/core").LinariaClassName;
19
+ h5: import("@linaria/core").LinariaClassName;
20
20
  };
21
21
  };
22
22
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CA4HlB,CAAC"}
1
+ {"version":3,"file":"Accordion.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Accordion/Accordion.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CA6MlB,CAAC"}
@@ -10,10 +10,10 @@ export declare const Accordion: import("react").FunctionComponent<import("../../
10
10
  m: import("@linaria/core").LinariaClassName;
11
11
  s: import("@linaria/core").LinariaClassName;
12
12
  xs: import("@linaria/core").LinariaClassName;
13
- };
14
- stretching: {
15
- filled: import("@linaria/core").LinariaClassName;
16
- fixed: import("@linaria/core").LinariaClassName;
13
+ h2: import("@linaria/core").LinariaClassName;
14
+ h3: import("@linaria/core").LinariaClassName;
15
+ h4: import("@linaria/core").LinariaClassName;
16
+ h5: import("@linaria/core").LinariaClassName;
17
17
  };
18
18
  }> & {
19
19
  view?: string | undefined;
@@ -1,22 +0,0 @@
1
- .iq39zt5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
2
- .i1j28rg8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.i1j28rg8::-webkit-scrollbar{display:none;}.i1j28rg8.has-chips{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
3
- .s13zudoe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
4
- .io4bpie{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.io4bpie::-webkit-input-placeholder{opacity:0;}.io4bpie::-moz-placeholder{opacity:0;}.io4bpie:-ms-input-placeholder{opacity:0;}.io4bpie::placeholder{opacity:0;}
5
- .i13qvwoy{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.i13qvwoy .io4bpie{max-width:var(--i13qvwoy-1);}
6
- .i19ry60d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
7
- .obt1ohz{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;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
8
- .tlv9av6{display:inline-block;margin-left:auto;}
9
- .s600610{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
10
- .luk2zst{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
11
- .s1gjsnfi{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
12
- .ssv2kwg{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;}
13
- .s190z894{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.s190z894:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.s190z894:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
14
-
15
- .s7hnwwb{visibility:var(--s7hnwwb-0);}
16
-
17
- .s14qvple{color:var(--plasma-textfield__optional-color);}
18
- .s16itze4{display:inline-block;line-height:0;}.s16itze4.label-placement-inner{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
19
- .h1skqnhr{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
20
- .hgy0im1 .h1skqnhr .popover-root{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
21
- .h8yezh4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
22
- .szsveq4{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.szsveq4.label-placement-outer{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.szsveq4.label-placement-outer.required-align-right{inset:var(--plasma-textfield__indicator-placement-outer-right);}.szsveq4.label-placement-outer.required-align-right.textfield-has-hint{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.szsveq4.label-placement-inner{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__indicator-placement-inner-right);}
@@ -1 +0,0 @@
1
- .bg547ku.textfield-clear[readonly] .iq39zt5,.bg547ku.textfield-clear .iq39zt5{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .iq39zt5:hover,.bg547ku.textfield-clear .iq39zt5:hover{background-color:unset;}.bg547ku.textfield-clear .s1gjsnfi{margin-left:0;}.bg547ku.textfield-clear .s190z894{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .obt1ohz{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .io4bpie{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .szsveq4.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-hint .s16itze4.label-placement-inner{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.bg547ku.textfield-clear.textfield-has-hint .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color-focus);}
@@ -1 +0,0 @@
1
- .b15d3bnf.label-placement-outer .luk2zst{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i13qvwoy{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:focus ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.keep-placeholder ~ .luk2zst{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .luk2zst{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.b15d3bnf.label-placement-inner.textfield-clear .luk2zst{color:var(--plasma-textfield__clear-placeholder-color);}
@@ -1 +0,0 @@
1
- .b1w985rt[readonly] .iq39zt5{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .tlv9av6{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .lb3k3v1{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly].label-placement-outer .luk2zst{color:var(--plasma-textfield__label-color-readonly);}
@@ -1 +0,0 @@
1
- .b13ve66i .io4bpie{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i13qvwoy{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .luk2zst,.b13ve66i:not(.label-placement-inner) .s14qvple{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .s16itze4{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .h1skqnhr{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .tlv9av6{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.b13ve66i .lb3k3v1{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .s7hnwwb,.b13ve66i .smqgwd8{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .s7hnwwb{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .smqgwd8{margin:var(--plasma-textfield__after-text-margin);}.b13ve66i .ssv2kwg.textfield-content-right-compensation-margin{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.b13ve66i .ssv2kwg.textfield-content-right-compensation-margin .s190z894{margin:var(--plasma-textfield__right-content-with-hint-margin);}
@@ -1 +0,0 @@
1
- .bptx5xt .iq39zt5{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .iq39zt5:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .i19ry60d{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .iq39zt5:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__placeholder-color-focus);}.bptx5xt .tlv9av6{color:var(--plasma-textfield__title-caption-color);}.bptx5xt .lb3k3v1{color:var(--plasma-textfield__left-helper-color);}.bptx5xt .s7hnwwb{color:var(--plasma-textfield__before-text-color);}.bptx5xt .smqgwd8{color:var(--plasma-textfield__after-text-color);}
@@ -1 +0,0 @@
1
- .b1jijyt7.text-field-group-shape-default{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.b1jijyt7.text-field-group-shape-segmented{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.b1jijyt7.text-field-group-shape-segmented.text-field-group-gap-none{--plasma_private-text-field-radius-inner:0;}.b1jijyt7 .text-field-group-item .iq39zt5{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5:hover,.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5:hover,.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child:last-child .iq39zt5,.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child:last-child .iq39zt5{border-radius:var(--plasma-text-field-group-side-item-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child .iq39zt5{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:last-child .iq39zt5{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child .iq39zt5{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:last-child .iq39zt5{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
@@ -1,22 +0,0 @@
1
- .iq39zt5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
2
- .i1j28rg8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.i1j28rg8::-webkit-scrollbar{display:none;}.i1j28rg8.has-chips{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
3
- .s13zudoe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
4
- .io4bpie{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.io4bpie::-webkit-input-placeholder{opacity:0;}.io4bpie::-moz-placeholder{opacity:0;}.io4bpie:-ms-input-placeholder{opacity:0;}.io4bpie::placeholder{opacity:0;}
5
- .i13qvwoy{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.i13qvwoy .io4bpie{max-width:var(--i13qvwoy-1);}
6
- .i19ry60d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
7
- .obt1ohz{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;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
8
- .tlv9av6{display:inline-block;margin-left:auto;}
9
- .s600610{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
10
- .luk2zst{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
11
- .s1gjsnfi{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
12
- .ssv2kwg{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;}
13
- .s190z894{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.s190z894:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.s190z894:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
14
-
15
- .s7hnwwb{visibility:var(--s7hnwwb-0);}
16
-
17
- .s14qvple{color:var(--plasma-textfield__optional-color);}
18
- .s16itze4{display:inline-block;line-height:0;}.s16itze4.label-placement-inner{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
19
- .h1skqnhr{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
20
- .hgy0im1 .h1skqnhr .popover-root{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
21
- .h8yezh4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
22
- .szsveq4{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.szsveq4.label-placement-outer{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.szsveq4.label-placement-outer.required-align-right{inset:var(--plasma-textfield__indicator-placement-outer-right);}.szsveq4.label-placement-outer.required-align-right.textfield-has-hint{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.szsveq4.label-placement-inner{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__indicator-placement-inner-right);}
@@ -1 +0,0 @@
1
- .bg547ku.textfield-clear[readonly] .iq39zt5,.bg547ku.textfield-clear .iq39zt5{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .iq39zt5:hover,.bg547ku.textfield-clear .iq39zt5:hover{background-color:unset;}.bg547ku.textfield-clear .s1gjsnfi{margin-left:0;}.bg547ku.textfield-clear .s190z894{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .obt1ohz{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .io4bpie{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .szsveq4.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-hint .s16itze4.label-placement-inner{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.bg547ku.textfield-clear.textfield-has-hint .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color-focus);}
@@ -1 +0,0 @@
1
- .b15d3bnf.label-placement-outer .luk2zst{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i13qvwoy{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:focus ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.keep-placeholder ~ .luk2zst{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .luk2zst{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.b15d3bnf.label-placement-inner.textfield-clear .luk2zst{color:var(--plasma-textfield__clear-placeholder-color);}
@@ -1 +0,0 @@
1
- .b1w985rt[readonly] .iq39zt5{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .tlv9av6{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .lb3k3v1{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly].label-placement-outer .luk2zst{color:var(--plasma-textfield__label-color-readonly);}
@@ -1 +0,0 @@
1
- .b13ve66i .io4bpie{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i13qvwoy{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .luk2zst,.b13ve66i:not(.label-placement-inner) .s14qvple{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .s16itze4{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .h1skqnhr{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .tlv9av6{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.b13ve66i .lb3k3v1{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .s7hnwwb,.b13ve66i .smqgwd8{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .s7hnwwb{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .smqgwd8{margin:var(--plasma-textfield__after-text-margin);}.b13ve66i .ssv2kwg.textfield-content-right-compensation-margin{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.b13ve66i .ssv2kwg.textfield-content-right-compensation-margin .s190z894{margin:var(--plasma-textfield__right-content-with-hint-margin);}
@@ -1 +0,0 @@
1
- .bptx5xt .iq39zt5{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .iq39zt5:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .i19ry60d{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .iq39zt5:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__placeholder-color-focus);}.bptx5xt .tlv9av6{color:var(--plasma-textfield__title-caption-color);}.bptx5xt .lb3k3v1{color:var(--plasma-textfield__left-helper-color);}.bptx5xt .s7hnwwb{color:var(--plasma-textfield__before-text-color);}.bptx5xt .smqgwd8{color:var(--plasma-textfield__after-text-color);}
@@ -1 +0,0 @@
1
- .b1jijyt7.text-field-group-shape-default{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.b1jijyt7.text-field-group-shape-segmented{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.b1jijyt7.text-field-group-shape-segmented.text-field-group-gap-none{--plasma_private-text-field-radius-inner:0;}.b1jijyt7 .text-field-group-item .iq39zt5{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5:hover,.b1jijyt7.text-field-group-orientation-horizontal.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:last-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5:hover,.b1jijyt7.text-field-group-orientation-vertical.b1jijyt7.text-field-group-gap-none .text-field-group-item:not(:first-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child:last-child .iq39zt5,.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child:last-child .iq39zt5{border-radius:var(--plasma-text-field-group-side-item-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:first-child .iq39zt5{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.b1jijyt7.text-field-group-orientation-horizontal .text-field-group-item:last-child .iq39zt5{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:first-child .iq39zt5{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.b1jijyt7.text-field-group-orientation-vertical .text-field-group-item:last-child .iq39zt5{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}