@salutejs/sdds-dfa 0.167.1-canary.1517.11744378817.0 → 0.168.0-canary.1550.11767527974.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/sdds-dfa.api.md +35 -28
- package/components/Combobox/Combobox.d.ts +12 -12
- package/components/Combobox/index.d.ts +12 -12
- package/components/Select/Select.config.d.ts +15 -7
- package/components/Select/Select.config.js +29 -21
- package/components/Select/Select.d.ts +22 -15
- package/components/Steps/Steps.config.js +1 -1
- package/es/components/Select/Select.config.js +30 -22
- package/es/components/Steps/Steps.config.js +1 -1
- package/package.json +3 -3
- package/temp/sdds-dfa.api.md +35 -28
|
@@ -1,35 +1,43 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
|
-
import { css, selectTokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
3
|
+
import { css, selectTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
4
4
|
export var config = {
|
|
5
5
|
defaults: {
|
|
6
6
|
view: 'default',
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
size: 'm',
|
|
8
|
+
labelPlacement: 'outer',
|
|
9
|
+
chipView: 'default'
|
|
9
10
|
},
|
|
10
11
|
variations: {
|
|
12
|
+
view: {
|
|
13
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--inverse-text-primary-active);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary-hover);\n ", ": var(--inverse-text-secondary-hover);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--surface-solid-default-hover);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
|
|
14
|
+
positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-active);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n ", ": var(--text-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ":var(--surface-positive);\n ", ":var(--surface-positive-hover);\n ", ":var(--surface-positive-active);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
|
|
15
|
+
warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-active);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n ", ": var(--text-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ":var(--surface-warning);\n ", ":var(--surface-warning-hover);\n ", ":var(--surface-warning-active);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
|
|
16
|
+
negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n ", ": var(--text-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ":var(--surface-negative);\n ", ": var(--surface-negative-hover);\n ", ":var(--surface-negative-active);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
|
|
17
|
+
accent: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
|
|
18
|
+
secondary: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--surface-transparent-secondary-active);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
|
|
19
|
+
clear: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
|
|
20
|
+
dark: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-active);\n ", ":var(--on-light-surface-transparent-deep);\n ", ":var(--on-light-surface-transparent-deep-hover);\n ", ":var(--on-light-surface-transparent-deep-active);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
|
|
21
|
+
black: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-active);\n ", ":var(--on-light-surface-solid-default);\n ", ":var(--on-light-surface-solid-default-hover);\n ", ": var(--on-light-surface-solid-default-active);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
|
|
22
|
+
white: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-primary-hover);\n ", ": var(--on-light-text-primary-active);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-light-text-secondary-hover);\n ", ": var(--on-light-text-secondary-active);\n ", ":var(--on-dark-surface-solid-default);\n ", ":var(--on-dark-surface-solid-default-hover);\n ", ":var(--on-dark-surface-solid-default-active);\n\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.itemBackgroundHover, tokens.disclosureIconColor, tokens.disclosureIconColorHover)
|
|
23
|
+
},
|
|
11
24
|
size: {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
25
|
+
l: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0 -0.125rem 0 0.5rem;\n ", ": 3.5rem;\n ", ": 1.5rem 0 1.5rem;\n\n ", ": 0.125rem;\n ", ": 0.875rem;\n\n ", ": 1.5rem;\n ", ": 1rem 1.125rem;\n ", ": 0.75rem 1.125rem;\n ", ": 0.75rem;\n ", ": 0 0.5rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, 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.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, 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.checkboxTriggerBorderColor, tokens.indicatorSize),
|
|
26
|
+
m: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem 0 0.125rem 0;\n ", ": 1.375rem 0 0.375rem 0;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.625rem;\n ", ": 0.875rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0 -0.125rem 0 0.375rem;\n ", ": 3rem;\n ", ": 1.25rem 0 1.25rem;\n\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.875rem;\n ", ": 0.5rem 0.875rem;\n ", ": 0.625rem;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, 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.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, 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.checkboxTriggerBorderColor, tokens.indicatorSize),
|
|
27
|
+
s: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 2.5rem;\n ", ": 1rem 0 1rem;\n\n ", ": 0.125rem;\n ", ": 0.625rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem;\n ", ": 0.25rem 0.75rem;\n ", ": 0.5rem;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 0 0.375rem 0 0;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.25rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, 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.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, 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.checkboxTriggerBorderColor, tokens.indicatorSize),
|
|
28
|
+
xs: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 2rem;\n ", ": 0.75rem 0 0.75rem;\n\n ", ": 0.125rem;\n ", ": 0.5rem;\n\n ", ": 1rem;\n ", ": 0.5rem;\n ", ": 0.25rem 0.5rem;\n ", ": 0.375rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0 0.25rem 0 0;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, 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.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, 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.checkboxTriggerBorderColor, tokens.indicatorSize)
|
|
16
29
|
},
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
warning: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-warning);\n ", ":var(--surface-warning-hover);\n ", ":var(--surface-warning-active);\n ", ": var(--surface-transparent-warning);\n ", ": var(--surface-transparent-warning-active);\n "])), selectTokens.helperTextColor, selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
|
|
21
|
-
negative: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-negative);\n ", ": var(--surface-negative-hover);\n ", ":var(--surface-negative-active);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n "])), selectTokens.helperTextColor, selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
|
|
22
|
-
accent: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
|
|
23
|
-
secondary: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--surface-transparent-secondary-active);\n "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
|
|
24
|
-
clear: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
|
|
25
|
-
dark: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-active);\n ", ":var(--on-light-surface-transparent-deep);\n ", ":var(--on-light-surface-transparent-deep-hover);\n ", ":var(--on-light-surface-transparent-deep-active);\n "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
|
|
26
|
-
black: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-active);\n ", ":var(--on-light-surface-solid-default);\n ", ":var(--on-light-surface-solid-default-hover);\n ", ": var(--on-light-surface-solid-default-active);\n "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
|
|
27
|
-
white: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-primary-hover);\n ", ": var(--on-light-text-primary-active);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-light-text-secondary-hover);\n ", ": var(--on-light-text-secondary-active);\n ", ":var(--on-dark-surface-solid-default);\n ", ":var(--on-dark-surface-solid-default-hover);\n ", ":var(--on-dark-surface-solid-default-active);\n "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive)
|
|
30
|
+
labelPlacement: {
|
|
31
|
+
inner: /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
|
|
32
|
+
outer: /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
|
28
33
|
},
|
|
29
34
|
chipView: {
|
|
30
|
-
"default": /*#__PURE__*/css(
|
|
31
|
-
secondary: /*#__PURE__*/css(
|
|
32
|
-
accent: /*#__PURE__*/css(
|
|
35
|
+
"default": /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor),
|
|
36
|
+
secondary: /*#__PURE__*/css(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor),
|
|
37
|
+
accent: /*#__PURE__*/css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor)
|
|
38
|
+
},
|
|
39
|
+
disabled: {
|
|
40
|
+
"true": /*#__PURE__*/css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tokens.textFieldDisabledOpacity)
|
|
33
41
|
}
|
|
34
42
|
}
|
|
35
43
|
};
|
|
@@ -8,7 +8,7 @@ export var config = {
|
|
|
8
8
|
},
|
|
9
9
|
variations: {
|
|
10
10
|
view: {
|
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": solid var(--surface-solid-default);\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n\n ", ": var(--text-secondary);\n
|
|
11
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": solid var(--surface-solid-default);\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n\n ", ": var(--text-secondary);\n\n ", ": 0.4;\n "])), tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, tokens.completedIndicatorColor, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackground, tokens.completedIndicatorBackgroundHover, tokens.inactiveTitleColor, tokens.inactiveTitleColorHover, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackgroundHover, tokens.contentColor, tokens.disabledOpacity)
|
|
12
12
|
},
|
|
13
13
|
size: {
|
|
14
14
|
l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 2.25rem;\n ", ": 0.5rem;\n ", ": 1rem;\n\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 2rem;\n ", ": 1.0625rem;\n ", ": 0.75rem;\n\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 1.5rem;\n ", ": 1.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.125rem;\n "])), tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-dfa",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.168.0-canary.1550.11767527974.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS DFA web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"directory": "packages/sdds-dfa"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@salutejs/plasma-new-hope": "0.
|
|
22
|
+
"@salutejs/plasma-new-hope": "0.188.0-canary.1550.11767527974.0",
|
|
23
23
|
"@salutejs/sdds-themes": "0.27.0-dev.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
@@ -95,5 +95,5 @@
|
|
|
95
95
|
"Anton Vinogradov"
|
|
96
96
|
],
|
|
97
97
|
"sideEffects": false,
|
|
98
|
-
"gitHead": "
|
|
98
|
+
"gitHead": "90d09fbc7fd4ff36ec818f822228a57a2d159560"
|
|
99
99
|
}
|
package/temp/sdds-dfa.api.md
CHANGED
|
@@ -118,6 +118,7 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
|
118
118
|
import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
|
|
119
119
|
import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
|
|
120
120
|
import type { ItemOption } from '@salutejs/plasma-new-hope';
|
|
121
|
+
import { ItemOption as ItemOption_2 } from '@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types';
|
|
121
122
|
import { JSXElementConstructor } from 'react';
|
|
122
123
|
import { KeyboardEvent as KeyboardEvent_2 } from 'react';
|
|
123
124
|
import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
|
|
@@ -127,7 +128,6 @@ import { MergedDropdownNode } from '@salutejs/plasma-new-hope/types/components/S
|
|
|
127
128
|
import { modalClasses } from '@salutejs/plasma-new-hope/styled-components';
|
|
128
129
|
import { ModalProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
129
130
|
import { MouseEvent as MouseEvent_2 } from 'react';
|
|
130
|
-
import { MutableRefObject } from 'react';
|
|
131
131
|
import { numberInputClasses } from '@salutejs/plasma-new-hope/styled-components';
|
|
132
132
|
import { numberInputTokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
133
133
|
import { Orientation } from '@salutejs/plasma-new-hope/types/components/TextFieldGroup/TextFieldGroup.types';
|
|
@@ -1015,7 +1015,7 @@ true: PolymorphicClassName;
|
|
|
1015
1015
|
listOverflow?: Property.Overflow | undefined;
|
|
1016
1016
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1017
1017
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1018
|
-
portal?:
|
|
1018
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1019
1019
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1020
1020
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1021
1021
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1051,7 +1051,7 @@ true: PolymorphicClassName;
|
|
|
1051
1051
|
listOverflow?: Property.Overflow | undefined;
|
|
1052
1052
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1053
1053
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1054
|
-
portal?:
|
|
1054
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1055
1055
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1056
1056
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1057
1057
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1087,7 +1087,7 @@ true: PolymorphicClassName;
|
|
|
1087
1087
|
listOverflow?: Property.Overflow | undefined;
|
|
1088
1088
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1089
1089
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1090
|
-
portal?:
|
|
1090
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1091
1091
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1092
1092
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1093
1093
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1123,7 +1123,7 @@ true: PolymorphicClassName;
|
|
|
1123
1123
|
listOverflow?: Property.Overflow | undefined;
|
|
1124
1124
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1125
1125
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1126
|
-
portal?:
|
|
1126
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1127
1127
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1128
1128
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1129
1129
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1159,7 +1159,7 @@ true: PolymorphicClassName;
|
|
|
1159
1159
|
listOverflow?: Property.Overflow | undefined;
|
|
1160
1160
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1161
1161
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1162
|
-
portal?:
|
|
1162
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1163
1163
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1164
1164
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1165
1165
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1195,7 +1195,7 @@ true: PolymorphicClassName;
|
|
|
1195
1195
|
listOverflow?: Property.Overflow | undefined;
|
|
1196
1196
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1197
1197
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1198
|
-
portal?:
|
|
1198
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1199
1199
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1200
1200
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1201
1201
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1231,7 +1231,7 @@ true: PolymorphicClassName;
|
|
|
1231
1231
|
listOverflow?: Property.Overflow | undefined;
|
|
1232
1232
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1233
1233
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1234
|
-
portal?:
|
|
1234
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1235
1235
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1236
1236
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1237
1237
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1267,7 +1267,7 @@ true: PolymorphicClassName;
|
|
|
1267
1267
|
listOverflow?: Property.Overflow | undefined;
|
|
1268
1268
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1269
1269
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1270
|
-
portal?:
|
|
1270
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1271
1271
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1272
1272
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1273
1273
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1303,7 +1303,7 @@ true: PolymorphicClassName;
|
|
|
1303
1303
|
listOverflow?: Property.Overflow | undefined;
|
|
1304
1304
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1305
1305
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1306
|
-
portal?:
|
|
1306
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1307
1307
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1308
1308
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1309
1309
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1339,7 +1339,7 @@ true: PolymorphicClassName;
|
|
|
1339
1339
|
listOverflow?: Property.Overflow | undefined;
|
|
1340
1340
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1341
1341
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1342
|
-
portal?:
|
|
1342
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1343
1343
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1344
1344
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1345
1345
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1375,7 +1375,7 @@ true: PolymorphicClassName;
|
|
|
1375
1375
|
listOverflow?: Property.Overflow | undefined;
|
|
1376
1376
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1377
1377
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1378
|
-
portal?:
|
|
1378
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1379
1379
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1380
1380
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1381
1381
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1411,7 +1411,7 @@ true: PolymorphicClassName;
|
|
|
1411
1411
|
listOverflow?: Property.Overflow | undefined;
|
|
1412
1412
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1413
1413
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1414
|
-
portal?:
|
|
1414
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1415
1415
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1416
1416
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1417
1417
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -3497,13 +3497,7 @@ export { SegmentProvider }
|
|
|
3497
3497
|
export { SegmentProviderProps }
|
|
3498
3498
|
|
|
3499
3499
|
// @public (undocumented)
|
|
3500
|
-
export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps
|
|
3501
|
-
size: {
|
|
3502
|
-
xs: PolymorphicClassName;
|
|
3503
|
-
s: PolymorphicClassName;
|
|
3504
|
-
m: PolymorphicClassName;
|
|
3505
|
-
l: PolymorphicClassName;
|
|
3506
|
-
};
|
|
3500
|
+
export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps<ItemOption_2>, "view" | "size" | "chipView"> & Pick<PropsType< {
|
|
3507
3501
|
view: {
|
|
3508
3502
|
default: PolymorphicClassName;
|
|
3509
3503
|
positive: PolymorphicClassName;
|
|
@@ -3516,11 +3510,24 @@ dark: PolymorphicClassName;
|
|
|
3516
3510
|
black: PolymorphicClassName;
|
|
3517
3511
|
white: PolymorphicClassName;
|
|
3518
3512
|
};
|
|
3513
|
+
size: {
|
|
3514
|
+
l: PolymorphicClassName;
|
|
3515
|
+
m: PolymorphicClassName;
|
|
3516
|
+
s: PolymorphicClassName;
|
|
3517
|
+
xs: PolymorphicClassName;
|
|
3518
|
+
};
|
|
3519
|
+
labelPlacement: {
|
|
3520
|
+
inner: PolymorphicClassName;
|
|
3521
|
+
outer: PolymorphicClassName;
|
|
3522
|
+
};
|
|
3519
3523
|
chipView: {
|
|
3520
3524
|
default: PolymorphicClassName;
|
|
3521
3525
|
secondary: PolymorphicClassName;
|
|
3522
3526
|
accent: PolymorphicClassName;
|
|
3523
3527
|
};
|
|
3528
|
+
disabled: {
|
|
3529
|
+
true: PolymorphicClassName;
|
|
3530
|
+
};
|
|
3524
3531
|
}> & (({
|
|
3525
3532
|
target?: "textfield-like" | undefined;
|
|
3526
3533
|
view?: "default" | "positive" | "warning" | "negative" | undefined;
|
|
@@ -3532,7 +3539,7 @@ accent: PolymorphicClassName;
|
|
|
3532
3539
|
multiselect?: false | undefined;
|
|
3533
3540
|
separator?: undefined;
|
|
3534
3541
|
} & {
|
|
3535
|
-
value
|
|
3542
|
+
value?: any;
|
|
3536
3543
|
onChange?: ((value: any) => void) | undefined;
|
|
3537
3544
|
listOverflow?: Property.Overflow | undefined;
|
|
3538
3545
|
listHeight?: Property.Height<string | number> | undefined;
|
|
@@ -3547,7 +3554,7 @@ accent: PolymorphicClassName;
|
|
|
3547
3554
|
isOpen?: boolean | undefined;
|
|
3548
3555
|
isTargetAmount?: boolean | undefined;
|
|
3549
3556
|
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
|
3550
|
-
placement?: ("
|
|
3557
|
+
placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
|
|
3551
3558
|
label?: string | undefined;
|
|
3552
3559
|
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
|
3553
3560
|
variant?: "normal" | "tight" | undefined;
|
|
@@ -3570,7 +3577,7 @@ accent: PolymorphicClassName;
|
|
|
3570
3577
|
multiselect?: true | undefined;
|
|
3571
3578
|
separator?: string | undefined;
|
|
3572
3579
|
} & {
|
|
3573
|
-
value
|
|
3580
|
+
value?: any;
|
|
3574
3581
|
onChange?: ((value: any) => void) | undefined;
|
|
3575
3582
|
listOverflow?: Property.Overflow | undefined;
|
|
3576
3583
|
listHeight?: Property.Height<string | number> | undefined;
|
|
@@ -3585,7 +3592,7 @@ accent: PolymorphicClassName;
|
|
|
3585
3592
|
isOpen?: boolean | undefined;
|
|
3586
3593
|
isTargetAmount?: boolean | undefined;
|
|
3587
3594
|
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
|
3588
|
-
placement?: ("
|
|
3595
|
+
placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
|
|
3589
3596
|
label?: string | undefined;
|
|
3590
3597
|
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
|
3591
3598
|
variant?: "normal" | "tight" | undefined;
|
|
@@ -3608,7 +3615,7 @@ accent: PolymorphicClassName;
|
|
|
3608
3615
|
multiselect?: false | undefined;
|
|
3609
3616
|
separator?: undefined;
|
|
3610
3617
|
} & {
|
|
3611
|
-
value
|
|
3618
|
+
value?: any;
|
|
3612
3619
|
onChange?: ((value: any) => void) | undefined;
|
|
3613
3620
|
listOverflow?: Property.Overflow | undefined;
|
|
3614
3621
|
listHeight?: Property.Height<string | number> | undefined;
|
|
@@ -3623,7 +3630,7 @@ accent: PolymorphicClassName;
|
|
|
3623
3630
|
isOpen?: boolean | undefined;
|
|
3624
3631
|
isTargetAmount?: boolean | undefined;
|
|
3625
3632
|
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
|
3626
|
-
placement?: ("
|
|
3633
|
+
placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
|
|
3627
3634
|
label?: string | undefined;
|
|
3628
3635
|
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
|
3629
3636
|
variant?: "normal" | "tight" | undefined;
|
|
@@ -3646,7 +3653,7 @@ accent: PolymorphicClassName;
|
|
|
3646
3653
|
multiselect?: true | undefined;
|
|
3647
3654
|
separator?: string | undefined;
|
|
3648
3655
|
} & {
|
|
3649
|
-
value
|
|
3656
|
+
value?: any;
|
|
3650
3657
|
onChange?: ((value: any) => void) | undefined;
|
|
3651
3658
|
listOverflow?: Property.Overflow | undefined;
|
|
3652
3659
|
listHeight?: Property.Height<string | number> | undefined;
|
|
@@ -3661,7 +3668,7 @@ accent: PolymorphicClassName;
|
|
|
3661
3668
|
isOpen?: boolean | undefined;
|
|
3662
3669
|
isTargetAmount?: boolean | undefined;
|
|
3663
3670
|
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
|
3664
|
-
placement?: ("
|
|
3671
|
+
placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
|
|
3665
3672
|
label?: string | undefined;
|
|
3666
3673
|
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
|
3667
3674
|
variant?: "normal" | "tight" | undefined;
|