@salutejs/plasma-new-hope 0.321.0-canary.1877.14264611646.0 → 0.321.0-canary.1877.14334483082.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 (167) hide show
  1. package/cjs/components/Steps/Steps.css +9 -9
  2. package/cjs/components/Steps/Steps.js +9 -3
  3. package/cjs/components/Steps/Steps.js.map +1 -1
  4. package/cjs/components/Steps/Steps.tokens.js +3 -1
  5. package/cjs/components/Steps/Steps.tokens.js.map +1 -1
  6. package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
  7. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
  8. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  9. package/cjs/components/Steps/ui/StepItem/{StepItem.styles_c6jhr1.css → StepItem.styles_vom1a1.css} +3 -3
  10. package/cjs/components/Steps/variations/_itemView/base.js +9 -0
  11. package/cjs/components/Steps/variations/_itemView/base.js.map +1 -0
  12. package/cjs/components/Steps/variations/_itemView/base_x642ct.css +1 -0
  13. package/cjs/components/Table/Table.css +18 -18
  14. package/cjs/components/Table/Table.styles.js +1 -1
  15. package/cjs/components/Table/Table.styles.js.map +1 -1
  16. package/{es/components/Table/Table.styles_m14lkb.css → cjs/components/Table/Table.styles_as90a.css} +1 -1
  17. package/cjs/components/Table/Table.tokens.js +3 -1
  18. package/cjs/components/Table/Table.tokens.js.map +1 -1
  19. package/cjs/components/Table/ui/Cell/Cell.css +18 -18
  20. package/cjs/components/Table/ui/EditableCell/EditableCell.css +18 -18
  21. package/cjs/components/Table/ui/HeadCell/HeadCell.css +18 -18
  22. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +18 -18
  23. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +5 -5
  24. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js.map +1 -1
  25. package/{es/components/Table/ui/HeadCell/ui/Filter/Filter.styles_zerrb9.css → cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles_pz88bp.css} +1 -1
  26. package/cjs/engines/linaria.js.map +1 -1
  27. package/cjs/engines/utils.js.map +1 -1
  28. package/cjs/index.css +27 -27
  29. package/cjs/utils/createConditionalComponent.js +4 -2
  30. package/cjs/utils/createConditionalComponent.js.map +1 -1
  31. package/emotion/cjs/components/Cell/Cell.template-doc.mdx +2 -2
  32. package/emotion/cjs/components/Steps/Steps.js +9 -3
  33. package/emotion/cjs/components/Steps/Steps.template-doc.mdx +67 -5
  34. package/emotion/cjs/components/Steps/Steps.tokens.js +3 -1
  35. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
  36. package/emotion/cjs/components/Steps/variations/_itemView/base.js +8 -0
  37. package/emotion/cjs/components/Steps/variations/_itemView/tokens.json +1 -0
  38. package/emotion/cjs/components/Table/Table.styles.js +12 -12
  39. package/emotion/cjs/components/Table/Table.tokens.js +3 -1
  40. package/emotion/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +6 -6
  41. package/emotion/cjs/engines/emotion.js +1 -1
  42. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
  43. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  44. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +34 -7
  45. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
  46. package/emotion/cjs/examples/plasma_b2c/components/Table/Table.config.js +5 -5
  47. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
  48. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
  49. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +34 -7
  50. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
  51. package/emotion/cjs/examples/plasma_web/components/Table/Table.config.js +5 -5
  52. package/emotion/cjs/utils/createConditionalComponent.js +4 -2
  53. package/emotion/es/components/Cell/Cell.template-doc.mdx +2 -2
  54. package/emotion/es/components/Steps/Steps.js +9 -3
  55. package/emotion/es/components/Steps/Steps.template-doc.mdx +67 -5
  56. package/emotion/es/components/Steps/Steps.tokens.js +3 -1
  57. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
  58. package/emotion/es/components/Steps/variations/_itemView/base.js +2 -0
  59. package/emotion/es/components/Steps/variations/_itemView/tokens.json +1 -0
  60. package/emotion/es/components/Table/Table.styles.js +12 -12
  61. package/emotion/es/components/Table/Table.tokens.js +3 -1
  62. package/emotion/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +6 -6
  63. package/emotion/es/engines/emotion.js +1 -1
  64. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
  65. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  66. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +34 -7
  67. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
  68. package/emotion/es/examples/plasma_b2c/components/Table/Table.config.js +5 -5
  69. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
  70. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
  71. package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +34 -7
  72. package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
  73. package/emotion/es/examples/plasma_web/components/Table/Table.config.js +5 -5
  74. package/emotion/es/utils/createConditionalComponent.js +4 -2
  75. package/es/components/Steps/Steps.css +9 -9
  76. package/es/components/Steps/Steps.js +9 -3
  77. package/es/components/Steps/Steps.js.map +1 -1
  78. package/es/components/Steps/Steps.tokens.js +3 -1
  79. package/es/components/Steps/Steps.tokens.js.map +1 -1
  80. package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
  81. package/es/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
  82. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  83. package/es/components/Steps/ui/StepItem/{StepItem.styles_c6jhr1.css → StepItem.styles_vom1a1.css} +3 -3
  84. package/es/components/Steps/variations/_itemView/base.js +5 -0
  85. package/es/components/Steps/variations/_itemView/base.js.map +1 -0
  86. package/es/components/Steps/variations/_itemView/base_x642ct.css +1 -0
  87. package/es/components/Table/Table.css +18 -18
  88. package/es/components/Table/Table.styles.js +1 -1
  89. package/es/components/Table/Table.styles.js.map +1 -1
  90. package/{cjs/components/Table/Table.styles_m14lkb.css → es/components/Table/Table.styles_as90a.css} +1 -1
  91. package/es/components/Table/Table.tokens.js +3 -1
  92. package/es/components/Table/Table.tokens.js.map +1 -1
  93. package/es/components/Table/ui/Cell/Cell.css +18 -18
  94. package/es/components/Table/ui/EditableCell/EditableCell.css +18 -18
  95. package/es/components/Table/ui/HeadCell/HeadCell.css +18 -18
  96. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +18 -18
  97. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +5 -5
  98. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js.map +1 -1
  99. package/{cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles_zerrb9.css → es/components/Table/ui/HeadCell/ui/Filter/Filter.styles_pz88bp.css} +1 -1
  100. package/es/engines/linaria.js.map +1 -1
  101. package/es/engines/utils.js.map +1 -1
  102. package/es/index.css +27 -27
  103. package/es/utils/createConditionalComponent.js +4 -2
  104. package/es/utils/createConditionalComponent.js.map +1 -1
  105. package/package.json +2 -2
  106. package/styled-components/cjs/components/Cell/Cell.template-doc.mdx +2 -2
  107. package/styled-components/cjs/components/Steps/Steps.js +9 -3
  108. package/styled-components/cjs/components/Steps/Steps.template-doc.mdx +67 -5
  109. package/styled-components/cjs/components/Steps/Steps.tokens.js +3 -1
  110. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +3 -3
  111. package/styled-components/cjs/components/Steps/variations/_itemView/base.js +8 -0
  112. package/styled-components/cjs/components/Steps/variations/_itemView/tokens.json +1 -0
  113. package/styled-components/cjs/components/Table/Table.styles.js +1 -1
  114. package/styled-components/cjs/components/Table/Table.tokens.js +3 -1
  115. package/styled-components/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +1 -1
  116. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  117. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +4 -4
  118. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +30 -3
  119. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
  120. package/styled-components/cjs/examples/plasma_b2c/components/Table/Table.config.js +3 -3
  121. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  122. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +4 -4
  123. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +30 -3
  124. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
  125. package/styled-components/cjs/examples/plasma_web/components/Table/Table.config.js +3 -3
  126. package/styled-components/cjs/utils/createConditionalComponent.js +4 -2
  127. package/styled-components/es/components/Cell/Cell.template-doc.mdx +2 -2
  128. package/styled-components/es/components/Steps/Steps.js +9 -3
  129. package/styled-components/es/components/Steps/Steps.template-doc.mdx +67 -5
  130. package/styled-components/es/components/Steps/Steps.tokens.js +3 -1
  131. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +3 -3
  132. package/styled-components/es/components/Steps/variations/_itemView/base.js +2 -0
  133. package/styled-components/es/components/Steps/variations/_itemView/tokens.json +1 -0
  134. package/styled-components/es/components/Table/Table.styles.js +1 -1
  135. package/styled-components/es/components/Table/Table.tokens.js +3 -1
  136. package/styled-components/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +1 -1
  137. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  138. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +4 -4
  139. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +30 -3
  140. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
  141. package/styled-components/es/examples/plasma_b2c/components/Table/Table.config.js +3 -3
  142. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  143. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +4 -4
  144. package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +30 -3
  145. package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
  146. package/styled-components/es/examples/plasma_web/components/Table/Table.config.js +3 -3
  147. package/styled-components/es/utils/createConditionalComponent.js +4 -2
  148. package/types/components/Steps/Steps.d.ts +2 -0
  149. package/types/components/Steps/Steps.d.ts.map +1 -1
  150. package/types/components/Steps/Steps.tokens.d.ts +2 -0
  151. package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
  152. package/types/components/Steps/Steps.types.d.ts +5 -1
  153. package/types/components/Steps/Steps.types.d.ts.map +1 -1
  154. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
  155. package/types/components/Steps/variations/_itemView/base.d.ts +2 -0
  156. package/types/components/Steps/variations/_itemView/base.d.ts.map +1 -0
  157. package/types/components/Table/Table.tokens.d.ts +3 -1
  158. package/types/components/Table/Table.tokens.d.ts.map +1 -1
  159. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  160. package/types/engines/emotion.d.ts +1 -1
  161. package/types/engines/emotion.d.ts.map +1 -1
  162. package/types/engines/linaria.d.ts +1 -1
  163. package/types/engines/linaria.d.ts.map +1 -1
  164. package/types/engines/types.d.ts +1 -1
  165. package/types/engines/types.d.ts.map +1 -1
  166. package/types/engines/utils.d.ts +2 -2
  167. package/types/engines/utils.d.ts.map +1 -1
@@ -17,9 +17,9 @@ var config = exports.config = {
17
17
  clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;"], _Table.tableTokens.borderColor)
18
18
  },
19
19
  size: {
20
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":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);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":none;", ":1.25rem;", ":0.375rem;", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":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);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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);", ":1.25rem;", ":0.375rem;", ":0.5rem 1rem;", ":0.5rem;", ":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);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
21
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":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);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":none;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":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);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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);", ":1.25rem;", ":0.375rem;", ":0.25rem 0.875rem;", ":0.625rem;", ":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);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
22
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":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);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":none;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.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);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":0;", ":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);", ":0.875rem;", ":0.25rem;", ":0.25rem 0.625rem;", ":0.25rem;", ":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);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight)
20
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ":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);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":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);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.5rem 1rem;", ":0.5rem;", ":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);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
21
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":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);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":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);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.875rem;", ":0.625rem;", ":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);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight),
22
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":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);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.5rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":transparent;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.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);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":0;", ":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);", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.625rem;", ":0.25rem;", ":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);"], _Table.tableTokens.fontFamily, _Table.tableTokens.fontSize, _Table.tableTokens.fontStyle, _Table.tableTokens.fontWeight, _Table.tableTokens.letterSpacing, _Table.tableTokens.lineHeight, _Table.tableTokens.headerRowHeight, _Table.tableTokens.rowHeight, _Table.tableTokens.cellPadding, _Table.tableTokens.checkboxCellPadding, _Table.tableTokens.checkboxTriggerBorderWidth, _Table.tableTokens.checkboxTriggerBorderCheckedColor, _Table.tableTokens.checkboxTriggerSize, _Table.tableTokens.checkboxTriggerBorderRadius, _Table.tableTokens.editableCellIconGap, _Table.tableTokens.editableCellIconButtonWidth, _Table.tableTokens.editableCellIconButtonHeight, _Table.tableTokens.editableCellPadding, _Table.tableTokens.editableCellInputBorderRadius, _Table.tableTokens.editableCellInputPadding, _Table.tableTokens.editableCellInputBackground, _Table.tableTokens.filterCheckboxPadding, _Table.tableTokens.filterDividerMargin, _Table.tableTokens.buttonHeight, _Table.tableTokens.buttonFontFamily, _Table.tableTokens.buttonFontSize, _Table.tableTokens.buttonFontStyle, _Table.tableTokens.buttonFontWeight, _Table.tableTokens.buttonLetterSpacing, _Table.tableTokens.buttonLineHeight, _Table.tableTokens.selectPadding, _Table.tableTokens.selectBorderRadius, _Table.tableTokens.selectItemHeight, _Table.tableTokens.selectItemPadding, _Table.tableTokens.selectItemBorderRadius, _Table.tableTokens.selectItemIconMargin, _Table.tableTokens.selectItemIconSize, _Table.tableTokens.selectCellPadding, _Table.tableTokens.selectCellTitleFontFamily, _Table.tableTokens.selectCellTitleFontSize, _Table.tableTokens.selectCellTitleFontStyle, _Table.tableTokens.selectCellTitleFontWeight, _Table.tableTokens.selectCellTitleLetterSpacing, _Table.tableTokens.selectCellTitleLineHeight, _Table.tableTokens.selectCheckboxTriggerSize, _Table.tableTokens.selectCheckboxTriggerBorderRadius, _Table.tableTokens.selectCheckboxTriggerBorderWidth, _Table.tableTokens.selectCheckboxTriggerBorderCheckedColor, _Table.tableTokens.selectControlPanelPadding, _Table.tableTokens.selectControlPanelGap, _Table.tableTokens.linkButtonFontFamily, _Table.tableTokens.linkButtonFontSize, _Table.tableTokens.linkButtonFontStyle, _Table.tableTokens.linkButtonFontWeight, _Table.tableTokens.linkButtonLetterSpacing, _Table.tableTokens.linkButtonLineHeight)
23
23
  }
24
24
  }
25
25
  };
@@ -19,8 +19,10 @@ function createConditionalComponent(defaultComponent, mappings) {
19
19
  var conditions = mapping.conditions,
20
20
  component = mapping.component;
21
21
  var conditionsArray = Array.isArray(conditions) ? conditions : [conditions];
22
- var allConditionsMatch = conditionsArray.every(function (condition) {
23
- return props[condition.prop] === condition.value;
22
+ var allConditionsMatch = conditionsArray.every(function (_ref) {
23
+ var prop = _ref.prop,
24
+ value = _ref.value;
25
+ return props[prop] === value;
24
26
  });
25
27
  if (allConditionsMatch) {
26
28
  var Component = component;
@@ -30,7 +30,7 @@ export function App() {
30
30
  <Cell
31
31
  contentLeft={ <Avatar size="m" url="https://avatars.githubusercontent.com/u/1813468?v=4" /> }
32
32
  size="m"
33
- contentRight={<IconChevronRight color="inheart" size="xs" />}
33
+ contentRight={<IconChevronRight color="inherit" size="xs" />}
34
34
  title="Title"
35
35
  subtitle="Subtitle"
36
36
  label="Label"
@@ -53,7 +53,7 @@ export function App() {
53
53
  <Cell
54
54
  contentLeft={ <Avatar size="m" url="https://avatars.githubusercontent.com/u/1813468?v=4" /> }
55
55
  size="m"
56
- contentRight={<IconChevronRight color="inheart" size="xs" />}
56
+ contentRight={<IconChevronRight color="inherit" size="xs" />}
57
57
  >
58
58
  <CellTextbox>
59
59
  <CellTextboxLabel>Label</CellTextboxLabel>
@@ -1,5 +1,5 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["view", "size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
2
+ var _excluded = ["view", "itemView", "size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
3
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -21,11 +21,14 @@ import { StepItem } from './ui';
21
21
  import { base } from './Steps.styles';
22
22
  import { base as sizeCSS } from './variations/_size/base';
23
23
  import { base as viewCSS } from './variations/_view/base';
24
+ import { base as itemViewCSS } from './variations/_itemView/base';
24
25
  import { getItemStatus } from './utils/getItemStatus';
25
26
  export var stepsRoot = function stepsRoot(Root) {
26
27
  return /*#__PURE__*/forwardRef(function (props, outerRef) {
27
28
  var _props$view = props.view,
28
29
  view = _props$view === void 0 ? 'default' : _props$view,
30
+ _props$itemView = props.itemView,
31
+ itemView = _props$itemView === void 0 ? 'default' : _props$itemView,
29
32
  size = props.size,
30
33
  _props$orientation = props.orientation,
31
34
  orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
@@ -86,6 +89,7 @@ export var stepsRoot = function stepsRoot(Root) {
86
89
  return /*#__PURE__*/React.createElement(Root, _extends({
87
90
  size: size,
88
91
  view: view,
92
+ itemView: itemView,
89
93
  ref: outerRef,
90
94
  className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, orientation === 'vertical'), classes.simple, isSimple), classes.hasIndicator, hasIndicator))
91
95
  }, rest), innerItems.map(function (item, index) {
@@ -120,10 +124,12 @@ export var stepsConfig = {
120
124
  base: base,
121
125
  variations: {
122
126
  size: sizeCSS,
123
- view: viewCSS
127
+ view: viewCSS,
128
+ itemView: itemViewCSS
124
129
  },
125
130
  defaults: {
126
131
  view: 'default',
127
- size: 'm'
132
+ size: 'm',
133
+ itemView: 'default'
128
134
  }
129
135
  };
@@ -10,7 +10,29 @@ import { PropsTable, Description } from '@site/src/components';
10
10
  <Description name="Steps" />
11
11
  <PropsTable name="Steps" />
12
12
 
13
- ## Вариант использования с управлением текущим элементом из вне
13
+ ## Внешнее вид
14
+
15
+ :::info
16
+ Важно! Значения `ItemView` применяются к шагу только когда его статус — inProgress.
17
+ :::
18
+
19
+ Внешний вид компонента регулируется 2 свойствами:
20
+
21
+ #### View
22
+
23
+ Свойство применяется ко всему компоненту и принимает следующие значения:
24
+ - `default`
25
+ - `accent`
26
+
27
+ #### ItemView
28
+
29
+ Свойство применяется к индикатору шага и заголовку, и принимает следующие значения:
30
+ - `default`
31
+ - `negative`
32
+ - `warning`
33
+ - `positive`
34
+
35
+ ## Внешнее управление
14
36
 
15
37
  ```tsx live
16
38
  import React, { useState } from 'react';
@@ -30,9 +52,7 @@ export function App() {
30
52
 
31
53
  return (
32
54
  <section>
33
- <Steps items={items}
34
- current={current}
35
- />
55
+ <Steps items={items} current={current} />
36
56
  <br />
37
57
  <Button view="secondary" onClick={onClick}>
38
58
  Next
@@ -42,7 +62,7 @@ export function App() {
42
62
  }
43
63
  ```
44
64
 
45
- ## Вариант более гибкого использования через onChange и status в items
65
+ ## Управление через onChange и статус шага
46
66
 
47
67
  ```tsx live
48
68
  import React, { useState } from 'react';
@@ -82,3 +102,45 @@ export function App() {
82
102
  );
83
103
  }
84
104
  ```
105
+
106
+
107
+ ## Использование свойства ItemView
108
+
109
+ ```tsx live
110
+ import React, { useState } from 'react';
111
+ import { Steps, StepItemProps } from '@salutejs/{{ package }}';
112
+
113
+ export function App() {
114
+ const initialItems = [{
115
+ indicator: 1,
116
+ title: 'Title',
117
+ content: 'Content',
118
+ }, {
119
+ indicator: 2,
120
+ title: 'Title',
121
+ content: 'Content',
122
+ }, {
123
+ indicator: 3,
124
+ title: 'Title',
125
+ content: 'Content',
126
+ }];
127
+
128
+ const [items, setItems] = useState(initialItems);
129
+
130
+ const onChange = (item: StepItemProps, index: number, prevIndex: number) => {
131
+ if (prevIndex !== undefined) {
132
+ items[prevIndex].status = 'completed';
133
+ }
134
+
135
+ items[index].status = 'active';
136
+
137
+ setItems([...items]);
138
+ };
139
+
140
+ return (
141
+ <section>
142
+ <Steps items={items} itemView="positive" onChange={onChange} />
143
+ </section>
144
+ );
145
+ }
146
+ ```
@@ -63,6 +63,7 @@ export var tokens = {
63
63
  activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',
64
64
  activeIndicatorBackground: '--plasma-step-item-active-indicator-background',
65
65
  completedTitleColor: '--plasma-step-item-completed-title-color',
66
+ completedTitleColorHover: '--plasma-step-item-completed-title-color-hover',
66
67
  completedIndicatorColor: '--plasma-step-item-completed-indicator-color',
67
68
  completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',
68
69
  completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',
@@ -72,5 +73,6 @@ export var tokens = {
72
73
  inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',
73
74
  inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',
74
75
  disabledOpacity: '--plasma-step-item-disabled-opacity',
75
- dividerThickness: '--plasma-step-item-divider-thickness'
76
+ dividerThickness: '--plasma-step-item-divider-thickness',
77
+ dividerColor: '--plasma-step-item-divider-color'
76
78
  };
@@ -32,13 +32,13 @@ export var BulletIndicator = /*#__PURE__*/styled.button.withConfig({
32
32
  outlineSize: '0.0625rem',
33
33
  outlineRadius: '50%',
34
34
  outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
35
- }), classes.inactive, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorBackground, classes.simple, tokens.inactiveIndicatorBackground);
35
+ }), classes.inactive, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorBackground, classes.simple, tokens.dividerColor);
36
36
  export var Bullet = /*#__PURE__*/styled(BulletIndicator).withConfig({
37
37
  componentId: "plasma-new-hope__sc-bjma6z-5"
38
38
  })(["width:var(", ");height:var(", ");&.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");background:var(", ");}"], tokens.bulletSize, tokens.bulletSize, classes.active, tokens.activeBulletSize, tokens.activeBulletSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorBackground);
39
39
  export var StepItemDivider = /*#__PURE__*/styled.div.withConfig({
40
40
  componentId: "plasma-new-hope__sc-bjma6z-6"
41
- })(["width:100%;height:var(", ");flex:1;background:var(", ");&.", "{background:var(", ");}&.", "{opacity:var(", ");}&.", "{background:transparent;}&.", "{width:var(", ");height:100%;}&.", "{height:", ";min-height:", ";max-height:", ";&.", "{height:auto;max-height:none;}}"], tokens.dividerThickness, tokens.activeIndicatorColor, classes.inactive, tokens.inactiveIndicatorBackground, classes.disabled, tokens.disabledOpacity, classes.transparentDivider, classes.verticalOrientation, tokens.dividerThickness, classes.indentDivider, function (_ref2) {
41
+ })(["flex:1;width:100%;height:var(", ");background:var(", ");&.", "{background:var(", ");}&.", "{opacity:var(", ");}&.", "{background:transparent;}&.", "{width:var(", ");height:100%;}&.", "{height:", ";min-height:", ";max-height:", ";&.", "{height:auto;max-height:none;}}"], tokens.dividerThickness, tokens.dividerColor, classes.inactive, tokens.inactiveIndicatorBackground, classes.disabled, tokens.disabledOpacity, classes.transparentDivider, classes.verticalOrientation, tokens.dividerThickness, classes.indentDivider, function (_ref2) {
42
42
  var indentToken = _ref2.indentToken;
43
43
  return indentToken || '';
44
44
  }, function (_ref3) {
@@ -53,4 +53,4 @@ export var StepItemContentWrapper = /*#__PURE__*/styled.div.withConfig({
53
53
  })(["&.", "{", "{padding-top:var(", ");padding-right:0;}", "{padding-top:var(", ");padding-bottom:var(", ");padding-right:0;}}"], classes.verticalOrientation, StepItemTitle, tokens.contentVerticalPadding, StepItemContent, tokens.contentVerticalPadding, tokens.contentVerticalPadding);
54
54
  export var StepItemStyled = /*#__PURE__*/styled.div.withConfig({
55
55
  componentId: "plasma-new-hope__sc-bjma6z-8"
56
- })(["position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;color:var(", ");&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}", "{color:var(", ",", ");}&.", "{", "{cursor:default;}", "{color:var(", ");}}&.", "{color:var(", ");", "{color:var(", ");}}&.", "{flex:0;align-items:center;justify-content:center;flex-direction:row;height:100%;&.", "{min-width:var(", ");min-height:var(", ");}&:not(.", "){width:var(", ");min-height:var(", ");}&.", ",&:not(.", "){&:before,&:after{content:'';display:block;width:calc((var(", ") - var(", ")) / 2);height:var(", ");background:var(", ");}&:not(.", "){&:before,&:after{width:calc((var(", ") - var(", ")) / 2);}}&.", "{flex-direction:column;&:before,&:after{width:var(", ");height:calc((var(", ") - var(", ")) / 2);margin:0 auto;align-self:auto;}&:not(.", "){&:before,&:after{height:calc((var(", ") - var(", ")) / 2);}}&:after{margin:0 auto;}}&.isFirst{&:before{background:transparent;}}&.isLast{&:after{background:transparent;}}}&.", "{&:after,&:before{background:var(", ");}}&.isPrevInactive{&:before{background:var(", ");}}&.isNextInactive{&:after{background:var(", ");}}&.", "{&:before,&:after{background:var(", ");opacity:1;}}&.", "{&:before,&:after{background:transparent;}}}&:not(.", "):not(.", "){&.isNextActive{", "{width:calc(100% - (var(", ") - var(", ")) / 2);}}&.", "{", "{margin-left:calc((var(", ") - var(", ")) / -2);width:calc(100% + (var(", ") - var(", ")) / 2);}}}&.", "{&:not(.", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{cursor:default;opacity:var(", ");}"], tokens.activeIndicatorColor, classes.verticalOrientation, StepItemDivider, tokens.dividerThickness, StepItemTitle, tokens.completedTitleColor, tokens.activeTitleColor, classes.active, BulletIndicator, StepItemTitle, tokens.activeTitleColor, classes.inactive, tokens.inactiveIndicatorColor, StepItemTitle, tokens.inactiveTitleColor, classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, tokens.activeBulletSize, classes.inactive, classes.active, tokens.activeIndicatorSize, tokens.indicatorSize, tokens.dividerThickness, tokens.activeIndicatorColor, classes.hasIndicator, tokens.activeBulletSize, tokens.bulletSize, classes.verticalOrientation, tokens.dividerThickness, tokens.activeIndicatorSize, tokens.indicatorSize, classes.hasIndicator, tokens.activeBulletSize, tokens.bulletSize, classes.inactive, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackground, classes.disabled, tokens.inactiveIndicatorBackground, classes.transparentDivider, classes.simple, classes.verticalOrientation, BulletIndicatorWrapper, tokens.activeIndicatorSize, tokens.indicatorSize, classes.active, BulletIndicatorWrapper, tokens.activeIndicatorSize, tokens.indicatorSize, tokens.activeIndicatorSize, tokens.indicatorSize, classes.hovered, classes.active, StepItemTitle, tokens.activeTitleColorHover, BulletIndicator, Bullet, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackgroundHover, classes.inactive, StepItemTitle, tokens.inactiveTitleColorHover, BulletIndicator, Bullet, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, classes.centered, StepItemContentWrapper, tokens.contentSidePadding, tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, classes.disabled, tokens.disabledOpacity);
56
+ })(["position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;color:var(", ");&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}", "{color:var(", ",", ");}&.", "{", "{cursor:default;}", "{color:var(", ");}}&.", "{color:var(", ");", "{color:var(", ");}}&.", "{flex:0;align-items:center;justify-content:center;flex-direction:row;height:100%;&.", "{min-width:var(", ");min-height:var(", ");}&:not(.", "){width:var(", ");min-height:var(", ");}&.", ",&:not(.", "){&:before,&:after{content:'';display:block;width:calc((var(", ") - var(", ")) / 2);height:var(", ");background:var(", ");}&:not(.", "){&:before,&:after{width:calc((var(", ") - var(", ")) / 2);}}&.", "{flex-direction:column;&:before,&:after{width:var(", ");height:calc((var(", ") - var(", ")) / 2);margin:0 auto;align-self:auto;}&:not(.", "){&:before,&:after{height:calc((var(", ") - var(", ")) / 2);}}&:after{margin:0 auto;}}&.isFirst{&:before{background:transparent;}}&.isLast{&:after{background:transparent;}}}&.", "{&:after,&:before{background:var(", ");}}&.isPrevInactive{&:before{background:var(", ");}}&.isNextInactive{&:after{background:var(", ");}}&.", "{&:before,&:after{background:var(", ");opacity:1;}}&.", "{&:before,&:after{background:transparent;}}}&:not(.", "):not(.", "){&.isNextActive{", "{width:calc(100% - (var(", ") - var(", ")) / 2);}}&.", "{", "{margin-left:calc((var(", ") - var(", ")) / -2);width:calc(100% + (var(", ") - var(", ")) / 2);}}}&.", "{&:not(.", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{cursor:default;opacity:var(", ");}"], tokens.activeIndicatorColor, classes.verticalOrientation, StepItemDivider, tokens.dividerThickness, StepItemTitle, tokens.completedTitleColor, tokens.activeTitleColor, classes.active, BulletIndicator, StepItemTitle, tokens.activeTitleColor, classes.inactive, tokens.inactiveIndicatorColor, StepItemTitle, tokens.inactiveTitleColor, classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, tokens.activeBulletSize, classes.inactive, classes.active, tokens.activeIndicatorSize, tokens.indicatorSize, tokens.dividerThickness, tokens.dividerColor, classes.hasIndicator, tokens.activeBulletSize, tokens.bulletSize, classes.verticalOrientation, tokens.dividerThickness, tokens.activeIndicatorSize, tokens.indicatorSize, classes.hasIndicator, tokens.activeBulletSize, tokens.bulletSize, classes.inactive, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackground, classes.disabled, tokens.inactiveIndicatorBackground, classes.transparentDivider, classes.simple, classes.verticalOrientation, BulletIndicatorWrapper, tokens.activeIndicatorSize, tokens.indicatorSize, classes.active, BulletIndicatorWrapper, tokens.activeIndicatorSize, tokens.indicatorSize, tokens.activeIndicatorSize, tokens.indicatorSize, classes.hovered, classes.active, StepItemTitle, tokens.completedTitleColorHover, BulletIndicator, Bullet, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackgroundHover, classes.inactive, StepItemTitle, tokens.inactiveTitleColorHover, BulletIndicator, Bullet, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, classes.centered, StepItemContentWrapper, tokens.contentSidePadding, tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, classes.disabled, tokens.disabledOpacity);
@@ -0,0 +1,2 @@
1
+ import { css } from 'styled-components';
2
+ export var base = /*#__PURE__*/css([""]);
@@ -63,7 +63,7 @@ export var Th = /*#__PURE__*/styled.th.withConfig({
63
63
  }, Resizer);
64
64
  export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
65
65
  componentId: "plasma-new-hope__sc-1nklm7n-6"
66
- })(["", ":var(", ");", ":var(", ");", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(", ");", ":var(", ");"], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.triggerBorderColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth);
66
+ })(["", ":var(", ");", ":var(", ");", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(", ");", ":var(", ");", ":var(--text-secondary);"], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor);
67
67
  export var StyledDivider = /*#__PURE__*/styled(Divider).withConfig({
68
68
  componentId: "plasma-new-hope__sc-1nklm7n-7"
69
69
  })(["", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], dividerTokens.baseSideSize, dividerTokens.background, dividerTokens.borderRadius);
@@ -19,9 +19,9 @@ export var tableTokens = {
19
19
  cellPadding: '--plasma-cell-padding',
20
20
  checkboxCellPadding: '--plasma-checkbox-cell-padding',
21
21
  checkboxTriggerSize: '--plasma-table-checkbox-trigger-size',
22
+ checkboxTriggerBorderCheckedColor: '--plasma-table-checkbox-trigger-border-checked-color',
22
23
  checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',
23
24
  checkboxTriggerBorderWidth: '--plasma-table-checkbox-trigger-border-width',
24
- checkboxTriggerBorderCheckedColor: '--plasma-table-checkbox-trigger-border-checked-color',
25
25
  editableCellIconGap: '--plasma-table-editable-cell-icon-gap',
26
26
  editableCellIconButtonWidth: '--plasma-table-editable-cell-icon-button-width',
27
27
  editableCellIconButtonHeight: '--plasma-table-editable-cell-icon-button-height',
@@ -55,6 +55,8 @@ export var tableTokens = {
55
55
  selectCellTitleLineHeight: '--plasma-table-select-cell-title-line-height',
56
56
  selectCheckboxTriggerSize: '--plasma-table-select-checkbox-trigger-size',
57
57
  selectCheckboxTriggerBorderRadius: '--plasma-table-select-checkbox-trigger-border-radius',
58
+ selectCheckboxTriggerBorderWidth: '--plasma-table-select-checkbox-trigger-border-width',
59
+ selectCheckboxTriggerBorderCheckedColor: '--plasma-table-select-checkbox-trigger-border-color-checked',
58
60
  selectControlPanelPadding: '--plasma-table-select-control-panel-padding',
59
61
  selectControlPanelGap: '--plasma-table-select-control-panel-gap',
60
62
  linkButtonFontFamily: '--plasma-table-link-button-font-family',
@@ -7,7 +7,7 @@ import { StyledCheckbox as Checkbox, StyledDivider as Divider } from '../../../.
7
7
  var SelectBase = /*#__PURE__*/component(selectConfig);
8
8
  export var Select = /*#__PURE__*/styled(SelectBase).withConfig({
9
9
  componentId: "plasma-new-hope__sc-qeyuhn-0"
10
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);"], selectTokens.padding, tokens.selectPadding, selectTokens.borderRadius, tokens.selectBorderRadius, selectTokens.itemHeight, tokens.selectItemHeight, selectTokens.itemPadding, tokens.selectItemPadding, selectTokens.itemBorderRadius, tokens.selectItemBorderRadius, selectTokens.itemIconMargin, tokens.selectItemIconMargin, selectTokens.itemIconSize, tokens.selectItemIconSize, selectTokens.cellPadding, tokens.selectCellPadding, selectTokens.cellTitleFontFamily, tokens.selectCellTitleFontFamily, selectTokens.cellTitleFontSize, tokens.selectCellTitleFontSize, selectTokens.cellTitleFontStyle, tokens.selectCellTitleFontStyle, selectTokens.cellTitleFontWeight, tokens.selectCellTitleFontWeight, selectTokens.cellTitleLetterSpacing, tokens.selectCellTitleLetterSpacing, selectTokens.cellTitleLineHeight, tokens.selectCellTitleLineHeight, selectTokens.checkboxTriggerSize, tokens.selectCheckboxTriggerSize, selectTokens.checkboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderRadius, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor);
10
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);"], selectTokens.padding, tokens.selectPadding, selectTokens.borderRadius, tokens.selectBorderRadius, selectTokens.itemHeight, tokens.selectItemHeight, selectTokens.itemPadding, tokens.selectItemPadding, selectTokens.itemBorderRadius, tokens.selectItemBorderRadius, selectTokens.itemIconMargin, tokens.selectItemIconMargin, selectTokens.itemIconSize, tokens.selectItemIconSize, selectTokens.cellPadding, tokens.selectCellPadding, selectTokens.cellTitleFontFamily, tokens.selectCellTitleFontFamily, selectTokens.cellTitleFontSize, tokens.selectCellTitleFontSize, selectTokens.cellTitleFontStyle, tokens.selectCellTitleFontStyle, selectTokens.cellTitleFontWeight, tokens.selectCellTitleFontWeight, selectTokens.cellTitleLetterSpacing, tokens.selectCellTitleLetterSpacing, selectTokens.cellTitleLineHeight, tokens.selectCellTitleLineHeight, selectTokens.checkboxTriggerSize, tokens.selectCheckboxTriggerSize, selectTokens.checkboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderWidth, selectTokens.checkboxTriggerBorderCheckedColor, tokens.selectCheckboxTriggerBorderCheckedColor, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor);
11
11
  var mergedIndicatorConfig = /*#__PURE__*/mergeConfig(indicatorConfig);
12
12
  var Indicator = /*#__PURE__*/component(mergedIndicatorConfig);
13
13
  export var IconFilterWrapper = /*#__PURE__*/styled.div.withConfig({
@@ -14,10 +14,10 @@ export var config = {
14
14
  negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":var(--text-secondary);"], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor)
15
15
  },
16
16
  size: {
17
- l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":-0.0625rem -0.438rem -0.0625rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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);", ":0.75rem;", ":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);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.563rem -2.938rem auto auto;", ":0.563rem -2.188rem auto auto;", ":0.25rem;", ":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);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.488rem auto auto;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0 0.75rem 0 1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":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);", ":1rem;", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":1rem 1.125rem;", ":0.75rem 1.125rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":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);", ":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);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":none;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
18
- m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":-0.125rem -0.438rem -0.125rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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);", ":0.625rem;", ":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);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.312rem -2.813rem auto auto;", ":0.312rem -2.188rem auto auto;", ":0.25rem;", ":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);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":1.25rem -2.488rem auto auto;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0 0.625rem 0 0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":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);", ":0.875rem 1rem 0.875rem 1rem;", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.5rem 0.875rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":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);", ":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);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":none;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
19
- s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":-0.1875rem -0.438rem -0.1875rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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);", ":0.5rem;", ":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);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.062rem -2.688rem auto auto;", ":0.062rem -2.188rem auto auto;", ":0.25rem;", ":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);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":1.063rem -2.238rem auto auto;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0 0.5rem 0 0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":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);", ":0.625rem 0.875rem 0.625rem 0.875rem;", ":0.125rem;", ":0.625rem;", ":1.5rem;", ":0.5rem 0.75rem;", ":0.25rem 0.75rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":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);", ":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);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":none;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
20
- xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":-0.0625rem -0.688rem -0.0625rem 0.75rem;", ":0.25rem;", ":-0.688rem -0.688rem -0.688rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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);", ":0.375rem;", ":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);", ":-0.75rem -0.625rem -0.75rem -0.5rem;", ":2.375rem;", ":-0.188rem -2.1875rem auto auto;", ":-0.188rem -1.938rem auto auto;", ":0.25rem;", ":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);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.6875rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.813rem -1.988rem auto auto;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0 0.375rem 0 0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":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);", ":0.5rem 0.625rem 0.5rem 0.625rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem 0.5rem;", ":0.375rem;", ":1rem;", ":1rem;", ":0 0.25rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":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);", ":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);", ":0.875rem;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":none;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize)
17
+ l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":-0.0625rem -0.438rem -0.0625rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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);", ":0.75rem;", ":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);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.563rem -2.938rem auto auto;", ":0.563rem -2.188rem auto auto;", ":0.25rem;", ":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);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.488rem auto auto;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0 0.75rem 0 1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":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);", ":1rem;", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":1rem 1.125rem;", ":0.75rem 1.125rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":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);", ":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);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":transparent;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
18
+ m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":-0.125rem -0.438rem -0.125rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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);", ":0.625rem;", ":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);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.312rem -2.813rem auto auto;", ":0.312rem -2.188rem auto auto;", ":0.25rem;", ":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);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":1.25rem -2.488rem auto auto;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0 0.625rem 0 0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":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);", ":0.875rem 1rem 0.875rem 1rem;", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.5rem 0.875rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":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);", ":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);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":transparent;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
19
+ s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":-0.1875rem -0.438rem -0.1875rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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);", ":0.5rem;", ":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);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.062rem -2.688rem auto auto;", ":0.062rem -2.188rem auto auto;", ":0.25rem;", ":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);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":1.063rem -2.238rem auto auto;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0 0.5rem 0 0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":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);", ":0.625rem 0.875rem 0.625rem 0.875rem;", ":0.125rem;", ":0.625rem;", ":1.5rem;", ":0.5rem 0.75rem;", ":0.25rem 0.75rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":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);", ":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);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":transparent;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
20
+ xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":-0.0625rem -0.688rem -0.0625rem 0.75rem;", ":0.25rem;", ":-0.688rem -0.688rem -0.688rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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);", ":0.375rem;", ":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);", ":-0.75rem -0.625rem -0.75rem -0.5rem;", ":2.375rem;", ":-0.188rem -2.1875rem auto auto;", ":-0.188rem -1.938rem auto auto;", ":0.25rem;", ":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);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.6875rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.813rem -1.988rem auto auto;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0 0.375rem 0 0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":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);", ":0.5rem 0.625rem 0.5rem 0.625rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem 0.5rem;", ":0.375rem;", ":1rem;", ":1rem;", ":0 0.25rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":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);", ":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);", ":0.875rem;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":transparent;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderColor, tokens.indicatorSize)
21
21
  },
22
22
  labelPlacement: {
23
23
  inner: /*#__PURE__*/css(["", ":var(--text-secondary);", ":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);"], tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),