@salutejs/sdds-finportal 0.161.1-canary.1517.11744378817.0 → 0.162.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-finportal.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-finportal.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-finportal",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.162.0-canary.1550.11767527974.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS FinPortal 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-finportal"
|
|
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": {
|
|
@@ -94,5 +94,5 @@
|
|
|
94
94
|
"Vasiliy Loginevskiy"
|
|
95
95
|
],
|
|
96
96
|
"sideEffects": false,
|
|
97
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "90d09fbc7fd4ff36ec818f822228a57a2d159560"
|
|
98
98
|
}
|
|
@@ -122,6 +122,7 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
|
122
122
|
import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
|
|
123
123
|
import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
|
|
124
124
|
import type { ItemOption } from '@salutejs/plasma-new-hope';
|
|
125
|
+
import { ItemOption as ItemOption_2 } from '@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types';
|
|
125
126
|
import { JSXElementConstructor } from 'react';
|
|
126
127
|
import { KeyboardEvent as KeyboardEvent_2 } from 'react';
|
|
127
128
|
import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
|
|
@@ -131,7 +132,6 @@ import { MergedDropdownNode } from '@salutejs/plasma-new-hope/types/components/S
|
|
|
131
132
|
import { modalClasses } from '@salutejs/plasma-new-hope/styled-components';
|
|
132
133
|
import { ModalProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
133
134
|
import { MouseEvent as MouseEvent_2 } from 'react';
|
|
134
|
-
import { MutableRefObject } from 'react';
|
|
135
135
|
import { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-components';
|
|
136
136
|
import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components';
|
|
137
137
|
import { NotificationPlacement } from '@salutejs/plasma-new-hope/styled-components';
|
|
@@ -1066,7 +1066,7 @@ true: PolymorphicClassName;
|
|
|
1066
1066
|
listOverflow?: Property.Overflow | undefined;
|
|
1067
1067
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1068
1068
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1069
|
-
portal?:
|
|
1069
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1070
1070
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1071
1071
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1072
1072
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1102,7 +1102,7 @@ true: PolymorphicClassName;
|
|
|
1102
1102
|
listOverflow?: Property.Overflow | undefined;
|
|
1103
1103
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1104
1104
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1105
|
-
portal?:
|
|
1105
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1106
1106
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1107
1107
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1108
1108
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1138,7 +1138,7 @@ true: PolymorphicClassName;
|
|
|
1138
1138
|
listOverflow?: Property.Overflow | undefined;
|
|
1139
1139
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1140
1140
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1141
|
-
portal?:
|
|
1141
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1142
1142
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1143
1143
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1144
1144
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1174,7 +1174,7 @@ true: PolymorphicClassName;
|
|
|
1174
1174
|
listOverflow?: Property.Overflow | undefined;
|
|
1175
1175
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1176
1176
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1177
|
-
portal?:
|
|
1177
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1178
1178
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1179
1179
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1180
1180
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1210,7 +1210,7 @@ true: PolymorphicClassName;
|
|
|
1210
1210
|
listOverflow?: Property.Overflow | undefined;
|
|
1211
1211
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1212
1212
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1213
|
-
portal?:
|
|
1213
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1214
1214
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1215
1215
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1216
1216
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1246,7 +1246,7 @@ true: PolymorphicClassName;
|
|
|
1246
1246
|
listOverflow?: Property.Overflow | undefined;
|
|
1247
1247
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1248
1248
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1249
|
-
portal?:
|
|
1249
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1250
1250
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1251
1251
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1252
1252
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1282,7 +1282,7 @@ true: PolymorphicClassName;
|
|
|
1282
1282
|
listOverflow?: Property.Overflow | undefined;
|
|
1283
1283
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1284
1284
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1285
|
-
portal?:
|
|
1285
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1286
1286
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1287
1287
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1288
1288
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1318,7 +1318,7 @@ true: PolymorphicClassName;
|
|
|
1318
1318
|
listOverflow?: Property.Overflow | undefined;
|
|
1319
1319
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1320
1320
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1321
|
-
portal?:
|
|
1321
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1322
1322
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1323
1323
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1324
1324
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1354,7 +1354,7 @@ true: PolymorphicClassName;
|
|
|
1354
1354
|
listOverflow?: Property.Overflow | undefined;
|
|
1355
1355
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1356
1356
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1357
|
-
portal?:
|
|
1357
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1358
1358
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1359
1359
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1360
1360
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1390,7 +1390,7 @@ true: PolymorphicClassName;
|
|
|
1390
1390
|
listOverflow?: Property.Overflow | undefined;
|
|
1391
1391
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1392
1392
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1393
|
-
portal?:
|
|
1393
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1394
1394
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1395
1395
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1396
1396
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1426,7 +1426,7 @@ true: PolymorphicClassName;
|
|
|
1426
1426
|
listOverflow?: Property.Overflow | undefined;
|
|
1427
1427
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1428
1428
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1429
|
-
portal?:
|
|
1429
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1430
1430
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1431
1431
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1432
1432
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -1462,7 +1462,7 @@ true: PolymorphicClassName;
|
|
|
1462
1462
|
listOverflow?: Property.Overflow | undefined;
|
|
1463
1463
|
listHeight?: Property.Height<string | number> | undefined;
|
|
1464
1464
|
listWidth?: Property.Width<string | number> | undefined;
|
|
1465
|
-
portal?:
|
|
1465
|
+
portal?: string | RefObject<HTMLElement> | undefined;
|
|
1466
1466
|
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
|
1467
1467
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
|
1468
1468
|
closeAfterSelect?: boolean | undefined;
|
|
@@ -3593,13 +3593,7 @@ export { SegmentProvider }
|
|
|
3593
3593
|
export { SegmentProviderProps }
|
|
3594
3594
|
|
|
3595
3595
|
// @public (undocumented)
|
|
3596
|
-
export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps
|
|
3597
|
-
size: {
|
|
3598
|
-
xs: PolymorphicClassName;
|
|
3599
|
-
s: PolymorphicClassName;
|
|
3600
|
-
m: PolymorphicClassName;
|
|
3601
|
-
l: PolymorphicClassName;
|
|
3602
|
-
};
|
|
3596
|
+
export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps<ItemOption_2>, "view" | "size" | "chipView"> & Pick<PropsType< {
|
|
3603
3597
|
view: {
|
|
3604
3598
|
default: PolymorphicClassName;
|
|
3605
3599
|
positive: PolymorphicClassName;
|
|
@@ -3612,11 +3606,24 @@ dark: PolymorphicClassName;
|
|
|
3612
3606
|
black: PolymorphicClassName;
|
|
3613
3607
|
white: PolymorphicClassName;
|
|
3614
3608
|
};
|
|
3609
|
+
size: {
|
|
3610
|
+
l: PolymorphicClassName;
|
|
3611
|
+
m: PolymorphicClassName;
|
|
3612
|
+
s: PolymorphicClassName;
|
|
3613
|
+
xs: PolymorphicClassName;
|
|
3614
|
+
};
|
|
3615
|
+
labelPlacement: {
|
|
3616
|
+
inner: PolymorphicClassName;
|
|
3617
|
+
outer: PolymorphicClassName;
|
|
3618
|
+
};
|
|
3615
3619
|
chipView: {
|
|
3616
3620
|
default: PolymorphicClassName;
|
|
3617
3621
|
secondary: PolymorphicClassName;
|
|
3618
3622
|
accent: PolymorphicClassName;
|
|
3619
3623
|
};
|
|
3624
|
+
disabled: {
|
|
3625
|
+
true: PolymorphicClassName;
|
|
3626
|
+
};
|
|
3620
3627
|
}> & (({
|
|
3621
3628
|
target?: "textfield-like" | undefined;
|
|
3622
3629
|
view?: "default" | "positive" | "warning" | "negative" | undefined;
|
|
@@ -3628,7 +3635,7 @@ accent: PolymorphicClassName;
|
|
|
3628
3635
|
multiselect?: false | undefined;
|
|
3629
3636
|
separator?: undefined;
|
|
3630
3637
|
} & {
|
|
3631
|
-
value
|
|
3638
|
+
value?: any;
|
|
3632
3639
|
onChange?: ((value: any) => void) | undefined;
|
|
3633
3640
|
listOverflow?: Property.Overflow | undefined;
|
|
3634
3641
|
listHeight?: Property.Height<string | number> | undefined;
|
|
@@ -3643,7 +3650,7 @@ accent: PolymorphicClassName;
|
|
|
3643
3650
|
isOpen?: boolean | undefined;
|
|
3644
3651
|
isTargetAmount?: boolean | undefined;
|
|
3645
3652
|
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
|
3646
|
-
placement?: ("
|
|
3653
|
+
placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
|
|
3647
3654
|
label?: string | undefined;
|
|
3648
3655
|
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
|
3649
3656
|
variant?: "normal" | "tight" | undefined;
|
|
@@ -3666,7 +3673,7 @@ accent: PolymorphicClassName;
|
|
|
3666
3673
|
multiselect?: true | undefined;
|
|
3667
3674
|
separator?: string | undefined;
|
|
3668
3675
|
} & {
|
|
3669
|
-
value
|
|
3676
|
+
value?: any;
|
|
3670
3677
|
onChange?: ((value: any) => void) | undefined;
|
|
3671
3678
|
listOverflow?: Property.Overflow | undefined;
|
|
3672
3679
|
listHeight?: Property.Height<string | number> | undefined;
|
|
@@ -3681,7 +3688,7 @@ accent: PolymorphicClassName;
|
|
|
3681
3688
|
isOpen?: boolean | undefined;
|
|
3682
3689
|
isTargetAmount?: boolean | undefined;
|
|
3683
3690
|
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
|
3684
|
-
placement?: ("
|
|
3691
|
+
placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
|
|
3685
3692
|
label?: string | undefined;
|
|
3686
3693
|
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
|
3687
3694
|
variant?: "normal" | "tight" | undefined;
|
|
@@ -3704,7 +3711,7 @@ accent: PolymorphicClassName;
|
|
|
3704
3711
|
multiselect?: false | undefined;
|
|
3705
3712
|
separator?: undefined;
|
|
3706
3713
|
} & {
|
|
3707
|
-
value
|
|
3714
|
+
value?: any;
|
|
3708
3715
|
onChange?: ((value: any) => void) | undefined;
|
|
3709
3716
|
listOverflow?: Property.Overflow | undefined;
|
|
3710
3717
|
listHeight?: Property.Height<string | number> | undefined;
|
|
@@ -3719,7 +3726,7 @@ accent: PolymorphicClassName;
|
|
|
3719
3726
|
isOpen?: boolean | undefined;
|
|
3720
3727
|
isTargetAmount?: boolean | undefined;
|
|
3721
3728
|
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
|
3722
|
-
placement?: ("
|
|
3729
|
+
placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
|
|
3723
3730
|
label?: string | undefined;
|
|
3724
3731
|
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
|
3725
3732
|
variant?: "normal" | "tight" | undefined;
|
|
@@ -3742,7 +3749,7 @@ accent: PolymorphicClassName;
|
|
|
3742
3749
|
multiselect?: true | undefined;
|
|
3743
3750
|
separator?: string | undefined;
|
|
3744
3751
|
} & {
|
|
3745
|
-
value
|
|
3752
|
+
value?: any;
|
|
3746
3753
|
onChange?: ((value: any) => void) | undefined;
|
|
3747
3754
|
listOverflow?: Property.Overflow | undefined;
|
|
3748
3755
|
listHeight?: Property.Height<string | number> | undefined;
|
|
@@ -3757,7 +3764,7 @@ accent: PolymorphicClassName;
|
|
|
3757
3764
|
isOpen?: boolean | undefined;
|
|
3758
3765
|
isTargetAmount?: boolean | undefined;
|
|
3759
3766
|
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
|
3760
|
-
placement?: ("
|
|
3767
|
+
placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
|
|
3761
3768
|
label?: string | undefined;
|
|
3762
3769
|
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
|
3763
3770
|
variant?: "normal" | "tight" | undefined;
|