@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.
- package/cjs/components/Steps/Steps.css +9 -9
- package/cjs/components/Steps/Steps.js +9 -3
- package/cjs/components/Steps/Steps.js.map +1 -1
- package/cjs/components/Steps/Steps.tokens.js +3 -1
- package/cjs/components/Steps/Steps.tokens.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/{StepItem.styles_c6jhr1.css → StepItem.styles_vom1a1.css} +3 -3
- package/cjs/components/Steps/variations/_itemView/base.js +9 -0
- package/cjs/components/Steps/variations/_itemView/base.js.map +1 -0
- package/cjs/components/Steps/variations/_itemView/base_x642ct.css +1 -0
- package/cjs/components/Table/Table.css +18 -18
- package/cjs/components/Table/Table.styles.js +1 -1
- package/cjs/components/Table/Table.styles.js.map +1 -1
- package/{es/components/Table/Table.styles_m14lkb.css → cjs/components/Table/Table.styles_as90a.css} +1 -1
- package/cjs/components/Table/Table.tokens.js +3 -1
- package/cjs/components/Table/Table.tokens.js.map +1 -1
- package/cjs/components/Table/ui/Cell/Cell.css +18 -18
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +18 -18
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +18 -18
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +18 -18
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +5 -5
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js.map +1 -1
- 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
- package/cjs/engines/linaria.js.map +1 -1
- package/cjs/engines/utils.js.map +1 -1
- package/cjs/index.css +27 -27
- package/cjs/utils/createConditionalComponent.js +4 -2
- package/cjs/utils/createConditionalComponent.js.map +1 -1
- package/emotion/cjs/components/Cell/Cell.template-doc.mdx +2 -2
- package/emotion/cjs/components/Steps/Steps.js +9 -3
- package/emotion/cjs/components/Steps/Steps.template-doc.mdx +67 -5
- package/emotion/cjs/components/Steps/Steps.tokens.js +3 -1
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/emotion/cjs/components/Steps/variations/_itemView/base.js +8 -0
- package/emotion/cjs/components/Steps/variations/_itemView/tokens.json +1 -0
- package/emotion/cjs/components/Table/Table.styles.js +12 -12
- package/emotion/cjs/components/Table/Table.tokens.js +3 -1
- package/emotion/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +6 -6
- package/emotion/cjs/engines/emotion.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +34 -7
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/cjs/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +34 -7
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/cjs/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/emotion/cjs/utils/createConditionalComponent.js +4 -2
- package/emotion/es/components/Cell/Cell.template-doc.mdx +2 -2
- package/emotion/es/components/Steps/Steps.js +9 -3
- package/emotion/es/components/Steps/Steps.template-doc.mdx +67 -5
- package/emotion/es/components/Steps/Steps.tokens.js +3 -1
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/emotion/es/components/Steps/variations/_itemView/base.js +2 -0
- package/emotion/es/components/Steps/variations/_itemView/tokens.json +1 -0
- package/emotion/es/components/Table/Table.styles.js +12 -12
- package/emotion/es/components/Table/Table.tokens.js +3 -1
- package/emotion/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +6 -6
- package/emotion/es/engines/emotion.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +34 -7
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/es/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +34 -7
- package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/es/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/emotion/es/utils/createConditionalComponent.js +4 -2
- package/es/components/Steps/Steps.css +9 -9
- package/es/components/Steps/Steps.js +9 -3
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Steps/Steps.tokens.js +3 -1
- package/es/components/Steps/Steps.tokens.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/es/components/Steps/ui/StepItem/{StepItem.styles_c6jhr1.css → StepItem.styles_vom1a1.css} +3 -3
- package/es/components/Steps/variations/_itemView/base.js +5 -0
- package/es/components/Steps/variations/_itemView/base.js.map +1 -0
- package/es/components/Steps/variations/_itemView/base_x642ct.css +1 -0
- package/es/components/Table/Table.css +18 -18
- package/es/components/Table/Table.styles.js +1 -1
- package/es/components/Table/Table.styles.js.map +1 -1
- package/{cjs/components/Table/Table.styles_m14lkb.css → es/components/Table/Table.styles_as90a.css} +1 -1
- package/es/components/Table/Table.tokens.js +3 -1
- package/es/components/Table/Table.tokens.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.css +18 -18
- package/es/components/Table/ui/EditableCell/EditableCell.css +18 -18
- package/es/components/Table/ui/HeadCell/HeadCell.css +18 -18
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +18 -18
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +5 -5
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js.map +1 -1
- 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
- package/es/engines/linaria.js.map +1 -1
- package/es/engines/utils.js.map +1 -1
- package/es/index.css +27 -27
- package/es/utils/createConditionalComponent.js +4 -2
- package/es/utils/createConditionalComponent.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Cell/Cell.template-doc.mdx +2 -2
- package/styled-components/cjs/components/Steps/Steps.js +9 -3
- package/styled-components/cjs/components/Steps/Steps.template-doc.mdx +67 -5
- package/styled-components/cjs/components/Steps/Steps.tokens.js +3 -1
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +3 -3
- package/styled-components/cjs/components/Steps/variations/_itemView/base.js +8 -0
- package/styled-components/cjs/components/Steps/variations/_itemView/tokens.json +1 -0
- package/styled-components/cjs/components/Table/Table.styles.js +1 -1
- package/styled-components/cjs/components/Table/Table.tokens.js +3 -1
- package/styled-components/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +30 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +30 -3
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/cjs/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/styled-components/cjs/utils/createConditionalComponent.js +4 -2
- package/styled-components/es/components/Cell/Cell.template-doc.mdx +2 -2
- package/styled-components/es/components/Steps/Steps.js +9 -3
- package/styled-components/es/components/Steps/Steps.template-doc.mdx +67 -5
- package/styled-components/es/components/Steps/Steps.tokens.js +3 -1
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +3 -3
- package/styled-components/es/components/Steps/variations/_itemView/base.js +2 -0
- package/styled-components/es/components/Steps/variations/_itemView/tokens.json +1 -0
- package/styled-components/es/components/Table/Table.styles.js +1 -1
- package/styled-components/es/components/Table/Table.tokens.js +3 -1
- package/styled-components/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +30 -3
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/es/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +30 -3
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/es/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/styled-components/es/utils/createConditionalComponent.js +4 -2
- package/types/components/Steps/Steps.d.ts +2 -0
- package/types/components/Steps/Steps.d.ts.map +1 -1
- package/types/components/Steps/Steps.tokens.d.ts +2 -0
- package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
- package/types/components/Steps/Steps.types.d.ts +5 -1
- package/types/components/Steps/Steps.types.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
- package/types/components/Steps/variations/_itemView/base.d.ts +2 -0
- package/types/components/Steps/variations/_itemView/base.d.ts.map +1 -0
- package/types/components/Table/Table.tokens.d.ts +3 -1
- package/types/components/Table/Table.tokens.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/engines/emotion.d.ts +1 -1
- package/types/engines/emotion.d.ts.map +1 -1
- package/types/engines/linaria.d.ts +1 -1
- package/types/engines/linaria.d.ts.map +1 -1
- package/types/engines/types.d.ts +1 -1
- package/types/engines/types.d.ts.map +1 -1
- package/types/engines/utils.d.ts +2 -2
- 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;", ":
|
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;", ":
|
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;", ":
|
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 (
|
23
|
-
|
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="
|
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="
|
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
|
-
##
|
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.
|
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(", ");
|
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.
|
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 @@
|
|
1
|
+
[]
|
@@ -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(
|
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);", ":
|
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);", ":
|
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);", ":
|
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);", ":
|
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),
|