@salutejs/sdds-serv 0.229.0-canary.1706.12883718367.0 → 0.229.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/sdds-serv.api.md +16 -47
- package/components/Autocomplete/Autocomplete.config.d.ts +0 -7
- package/components/Autocomplete/Autocomplete.config.js +3 -10
- package/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/components/Autocomplete/Autocomplete.config_fgg30w.css +12 -0
- package/components/Autocomplete/Autocomplete.css +11 -14
- package/components/Autocomplete/Autocomplete.d.ts +4 -19
- package/components/Combobox/Combobox.config.d.ts +0 -7
- package/components/Combobox/Combobox.config.js +3 -10
- package/components/Combobox/Combobox.config.js.map +1 -1
- package/components/Combobox/Combobox.config_hw71fq.css +12 -0
- package/components/Combobox/Combobox.css +11 -14
- package/components/Combobox/Combobox.d.ts +24 -739
- package/components/Mask/Mask.css +20 -20
- package/components/Mask/Mask.d.ts +4 -12
- package/components/Select/Select.config.d.ts +0 -7
- package/components/Select/Select.config.js +2 -9
- package/components/Select/Select.config.js.map +1 -1
- package/components/Select/Select.config_17rnicw.css +20 -0
- package/components/Select/Select.css +19 -22
- package/components/Select/Select.d.ts +0 -135
- package/components/TextArea/TextArea.config.js +1 -1
- package/components/TextArea/TextArea.config.js.map +1 -1
- package/{es/components/TextArea/TextArea.config_zwfs6q.css → components/TextArea/TextArea.config_1mpq6sw.css} +4 -4
- package/components/TextArea/TextArea.css +13 -13
- package/components/TextArea/TextArea.d.ts +4 -4
- package/components/TextField/TextField.config.js +1 -1
- package/components/TextField/TextField.config.js.map +1 -1
- package/components/TextField/TextField.config_sjc8tu.css +22 -0
- package/components/TextField/TextField.d.ts +4 -12
- package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +12 -19
- package/emotion/cjs/components/Autocomplete/Autocomplete.stories.tsx +7 -98
- package/emotion/cjs/components/Combobox/Combobox.config.js +12 -19
- package/emotion/cjs/components/Combobox/Combobox.stories.tsx +0 -91
- package/emotion/cjs/components/Select/Select.config.js +11 -18
- package/emotion/cjs/components/Select/Select.stories.tsx +0 -91
- package/emotion/cjs/components/TextArea/TextArea.config.js +4 -4
- package/emotion/cjs/components/TextField/TextField.config.js +9 -9
- package/emotion/cjs/components/TextField/TextField.stories.tsx +0 -9
- package/emotion/es/components/Autocomplete/Autocomplete.config.js +12 -19
- package/emotion/es/components/Autocomplete/Autocomplete.stories.tsx +7 -98
- package/emotion/es/components/Combobox/Combobox.config.js +12 -19
- package/emotion/es/components/Combobox/Combobox.stories.tsx +0 -91
- package/emotion/es/components/Select/Select.config.js +11 -18
- package/emotion/es/components/Select/Select.stories.tsx +0 -91
- package/emotion/es/components/TextArea/TextArea.config.js +4 -4
- package/emotion/es/components/TextField/TextField.config.js +9 -9
- package/emotion/es/components/TextField/TextField.stories.tsx +0 -9
- package/es/components/Autocomplete/Autocomplete.config.js +3 -10
- package/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.config_fgg30w.css +12 -0
- package/es/components/Autocomplete/Autocomplete.css +11 -14
- package/es/components/Combobox/Combobox.config.js +3 -10
- package/es/components/Combobox/Combobox.config.js.map +1 -1
- package/es/components/Combobox/Combobox.config_hw71fq.css +12 -0
- package/es/components/Combobox/Combobox.css +11 -14
- package/es/components/Mask/Mask.css +20 -20
- package/es/components/Select/Select.config.js +2 -9
- package/es/components/Select/Select.config.js.map +1 -1
- package/es/components/Select/Select.config_17rnicw.css +20 -0
- package/es/components/Select/Select.css +19 -22
- package/es/components/TextArea/TextArea.config.js +1 -1
- package/es/components/TextArea/TextArea.config.js.map +1 -1
- package/{components/TextArea/TextArea.config_zwfs6q.css → es/components/TextArea/TextArea.config_1mpq6sw.css} +4 -4
- package/es/components/TextArea/TextArea.css +13 -13
- package/es/components/TextField/TextField.config.js +1 -1
- package/es/components/TextField/TextField.config.js.map +1 -1
- package/es/components/TextField/TextField.config_sjc8tu.css +22 -0
- package/es/index.css +81 -90
- package/package.json +7 -7
- package/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +12 -19
- package/styled-components/cjs/components/Combobox/Combobox.config.js +12 -19
- package/styled-components/cjs/components/Select/Select.config.js +11 -18
- package/styled-components/cjs/components/TextArea/TextArea.config.js +4 -4
- package/styled-components/cjs/components/TextField/TextField.config.js +9 -9
- package/styled-components/es/components/Autocomplete/Autocomplete.config.js +12 -19
- package/styled-components/es/components/Combobox/Combobox.config.js +12 -19
- package/styled-components/es/components/Select/Select.config.js +11 -18
- package/styled-components/es/components/TextArea/TextArea.config.js +4 -4
- package/styled-components/es/components/TextField/TextField.config.js +9 -9
- package/components/Autocomplete/Autocomplete.config_1wnpkd4.css +0 -15
- package/components/Combobox/Combobox.config_1jl874y.css +0 -15
- package/components/Select/Select.config_p5sg36.css +0 -23
- package/components/TextField/TextField.config_gwfp3h.css +0 -22
- package/es/components/Autocomplete/Autocomplete.config_1wnpkd4.css +0 -15
- package/es/components/Combobox/Combobox.config_1jl874y.css +0 -15
- package/es/components/Select/Select.config_p5sg36.css +0 -23
- package/es/components/TextField/TextField.config_gwfp3h.css +0 -22
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.config = void 0;
|
|
7
7
|
var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
|
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20
|
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
|
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
10
10
|
var config = exports.config = {
|
|
11
11
|
defaults: {
|
|
@@ -16,10 +16,10 @@ var config = exports.config = {
|
|
|
16
16
|
},
|
|
17
17
|
variations: {
|
|
18
18
|
view: {
|
|
19
|
-
"default": /*#__PURE__*/(0, _emotion.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(--surface-negative);\n ", ": var(--text-tertiary);\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
|
|
20
|
-
positive: /*#__PURE__*/(0, _emotion.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(--surface-negative);\n ", ": var(--text-tertiary);\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
|
|
21
|
-
warning: /*#__PURE__*/(0, _emotion.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(--surface-negative);\n ", ": var(--text-tertiary);\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
|
|
22
|
-
negative: /*#__PURE__*/(0, _emotion.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(--surface-negative);\n ", ": var(--text-tertiary);\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
|
|
19
|
+
"default": /*#__PURE__*/(0, _emotion.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(--surface-negative);\n ", ": var(--text-tertiary);\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 "])), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldPlaceholderColorFocus, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldTextBeforeColor, _emotion.selectTokens.textFieldTextAfterColor, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldFocusColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldContentSlotColorHover, _emotion.selectTokens.textFieldContentSlotColorActive, _emotion.selectTokens.textFieldIndicatorColor, _emotion.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover),
|
|
20
|
+
positive: /*#__PURE__*/(0, _emotion.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(--surface-negative);\n ", ": var(--text-tertiary);\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 "])), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldPlaceholderColorFocus, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldTextBeforeColor, _emotion.selectTokens.textFieldTextAfterColor, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldFocusColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldContentSlotColorHover, _emotion.selectTokens.textFieldContentSlotColorActive, _emotion.selectTokens.textFieldIndicatorColor, _emotion.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover),
|
|
21
|
+
warning: /*#__PURE__*/(0, _emotion.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(--surface-negative);\n ", ": var(--text-tertiary);\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 "])), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldPlaceholderColorFocus, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldTextBeforeColor, _emotion.selectTokens.textFieldTextAfterColor, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldFocusColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldContentSlotColorHover, _emotion.selectTokens.textFieldContentSlotColorActive, _emotion.selectTokens.textFieldIndicatorColor, _emotion.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover),
|
|
22
|
+
negative: /*#__PURE__*/(0, _emotion.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(--surface-negative);\n ", ": var(--text-tertiary);\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 "])), _emotion.selectTokens.textFieldColor, _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldPlaceholderColorFocus, _emotion.selectTokens.textFieldBackgroundColor, _emotion.selectTokens.textFieldBackgroundColorFocus, _emotion.selectTokens.textFieldTextBeforeColor, _emotion.selectTokens.textFieldTextAfterColor, _emotion.selectTokens.textFieldLabelColor, _emotion.selectTokens.textFieldLeftHelperColor, _emotion.selectTokens.textFieldFocusColor, _emotion.selectTokens.textFieldContentSlotColor, _emotion.selectTokens.textFieldContentSlotColorHover, _emotion.selectTokens.textFieldContentSlotColorActive, _emotion.selectTokens.textFieldIndicatorColor, _emotion.selectTokens.textFieldOptionalColor, _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover),
|
|
23
23
|
accent: /*#__PURE__*/(0, _emotion.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 "])), _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover),
|
|
24
24
|
secondary: /*#__PURE__*/(0, _emotion.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 "])), _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover),
|
|
25
25
|
clear: /*#__PURE__*/(0, _emotion.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 "])), _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover, _emotion.selectTokens.itemBackgroundHover),
|
|
@@ -28,13 +28,13 @@ var config = exports.config = {
|
|
|
28
28
|
white: /*#__PURE__*/(0, _emotion.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 "])), _emotion.selectTokens.buttonColor, _emotion.selectTokens.buttonColorHover, _emotion.selectTokens.buttonColorActive, _emotion.selectTokens.buttonArrowColor, _emotion.selectTokens.buttonArrowColorHover, _emotion.selectTokens.buttonArrowColorActive, _emotion.selectTokens.buttonBackgroundColor, _emotion.selectTokens.buttonBackgroundColorHover, _emotion.selectTokens.buttonBackgroundColorActive, _emotion.selectTokens.itemBackgroundHover, _emotion.selectTokens.disclosureIconColor, _emotion.selectTokens.disclosureIconColorHover)
|
|
29
29
|
},
|
|
30
30
|
size: {
|
|
31
|
-
l: /*#__PURE__*/(0, _emotion.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
|
|
32
|
-
m: /*#__PURE__*/(0, _emotion.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
|
|
33
|
-
s: /*#__PURE__*/(0, _emotion.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
|
|
34
|
-
xs: /*#__PURE__*/(0, _emotion.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
|
|
31
|
+
l: /*#__PURE__*/(0, _emotion.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.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.5rem auto auto -0.875rem;\n ", ": 1.5rem -0.875rem auto auto;\n ", ": 1.5rem -2.25rem auto auto;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0 0.75rem 0 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 "])), _emotion.selectTokens.textFieldHeight, _emotion.selectTokens.textFieldPadding, _emotion.selectTokens.textFieldPaddingWithChips, _emotion.selectTokens.textFieldBorderRadius, _emotion.selectTokens.textFieldLeftContentMargin, _emotion.selectTokens.textFieldRightContentMargin, _emotion.selectTokens.textFieldTextBeforeMargin, _emotion.selectTokens.textFieldTextAfterMargin, _emotion.selectTokens.textFieldFontFamily, _emotion.selectTokens.textFieldFontSize, _emotion.selectTokens.textFieldFontStyle, _emotion.selectTokens.textFieldFontWeight, _emotion.selectTokens.textFieldLetterSpacing, _emotion.selectTokens.textFieldLineHeight, _emotion.selectTokens.textFieldLabelOffset, _emotion.selectTokens.textFieldLabelFontFamily, _emotion.selectTokens.textFieldLabelFontSize, _emotion.selectTokens.textFieldLabelFontStyle, _emotion.selectTokens.textFieldLabelFontWeight, _emotion.selectTokens.textFieldLabelLetterSpacing, _emotion.selectTokens.textFieldLabelLineHeight, _emotion.selectTokens.textFieldLeftHelperOffset, _emotion.selectTokens.textFieldLeftHelperFontFamily, _emotion.selectTokens.textFieldLeftHelperFontSize, _emotion.selectTokens.textFieldLeftHelperFontStyle, _emotion.selectTokens.textFieldLeftHelperFontWeight, _emotion.selectTokens.textFieldLeftHelperLetterSpacing, _emotion.selectTokens.textFieldLeftHelperLineHeight, _emotion.selectTokens.textFieldLabelInnerPadding, _emotion.selectTokens.textFieldContentLabelInnerPadding, _emotion.selectTokens.textFieldIndicatorSizeInner, _emotion.selectTokens.textFieldIndicatorSizeOuter, _emotion.selectTokens.textFieldIndicatorLabelPlacementInner, _emotion.selectTokens.textFieldIndicatorLabelPlacementOuter, _emotion.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _emotion.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _emotion.selectTokens.textFieldClearIndicatorLabelPlacementInner, _emotion.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _emotion.selectTokens.textFieldClearIndicatorHintInnerRight, _emotion.selectTokens.textFieldChipGap, _emotion.selectTokens.textFieldChipBorderRadius, _emotion.selectTokens.textFieldChipWidth, _emotion.selectTokens.textFieldChipHeight, _emotion.selectTokens.textFieldChipPadding, _emotion.selectTokens.textFieldChipClearContentMarginLeft, _emotion.selectTokens.textFieldChipClearContentMarginRight, _emotion.selectTokens.textFieldChipCloseIconSize, _emotion.selectTokens.textFieldChipFontFamily, _emotion.selectTokens.textFieldChipFontSize, _emotion.selectTokens.textFieldChipFontStyle, _emotion.selectTokens.textFieldChipFontWeight, _emotion.selectTokens.textFieldChipLetterSpacing, _emotion.selectTokens.textFieldChipLineHeight, _emotion.selectTokens.buttonArrowMargin, _emotion.selectTokens.targetHeight, _emotion.selectTokens.buttonPadding, _emotion.selectTokens.padding, _emotion.selectTokens.borderRadius, _emotion.selectTokens.itemHeight, _emotion.selectTokens.itemPadding, _emotion.selectTokens.itemPaddingTight, _emotion.selectTokens.itemBorderRadius, _emotion.selectTokens.itemIconMargin, _emotion.selectTokens.itemIconSize, _emotion.selectTokens.itemIconSizeTight, _emotion.selectTokens.cellPadding, _emotion.selectTokens.cellPaddingLeftContent, _emotion.selectTokens.cellPaddingContent, _emotion.selectTokens.cellPaddingRightContent, _emotion.selectTokens.cellTextboxGap, _emotion.selectTokens.cellGap, _emotion.selectTokens.cellTitleFontFamily, _emotion.selectTokens.cellTitleFontSize, _emotion.selectTokens.cellTitleFontStyle, _emotion.selectTokens.cellTitleFontWeight, _emotion.selectTokens.cellTitleLetterSpacing, _emotion.selectTokens.cellTitleLineHeight, _emotion.selectTokens.fontFamily, _emotion.selectTokens.fontSize, _emotion.selectTokens.fontStyle, _emotion.selectTokens.fontWeight, _emotion.selectTokens.fontLetterSpacing, _emotion.selectTokens.fontLineHeight, _emotion.selectTokens.checkboxTriggerSize, _emotion.selectTokens.checkboxTriggerSizeTight, _emotion.selectTokens.checkboxTriggerBorderRadius, _emotion.selectTokens.checkboxTriggerBorderRadiusTight, _emotion.selectTokens.checkboxFillColor, _emotion.selectTokens.checkboxIconColor, _emotion.selectTokens.checkboxTriggerBorderColor, _emotion.selectTokens.indicatorSize),
|
|
32
|
+
m: /*#__PURE__*/(0, _emotion.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.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.6875rem auto auto;\n ", ": 1.25rem auto auto -0.875rem;\n ", ": 1.25rem -0.875rem auto auto;\n ", ": 1.25rem -2.25rem auto auto;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0 0.625rem 0 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 "])), _emotion.selectTokens.textFieldHeight, _emotion.selectTokens.textFieldPadding, _emotion.selectTokens.textFieldPaddingWithChips, _emotion.selectTokens.textFieldBorderRadius, _emotion.selectTokens.textFieldLeftContentMargin, _emotion.selectTokens.textFieldRightContentMargin, _emotion.selectTokens.textFieldTextBeforeMargin, _emotion.selectTokens.textFieldTextAfterMargin, _emotion.selectTokens.textFieldFontFamily, _emotion.selectTokens.textFieldFontSize, _emotion.selectTokens.textFieldFontStyle, _emotion.selectTokens.textFieldFontWeight, _emotion.selectTokens.textFieldLetterSpacing, _emotion.selectTokens.textFieldLineHeight, _emotion.selectTokens.textFieldLabelOffset, _emotion.selectTokens.textFieldLabelFontFamily, _emotion.selectTokens.textFieldLabelFontSize, _emotion.selectTokens.textFieldLabelFontStyle, _emotion.selectTokens.textFieldLabelFontWeight, _emotion.selectTokens.textFieldLabelLetterSpacing, _emotion.selectTokens.textFieldLabelLineHeight, _emotion.selectTokens.textFieldLeftHelperOffset, _emotion.selectTokens.textFieldLeftHelperFontFamily, _emotion.selectTokens.textFieldLeftHelperFontSize, _emotion.selectTokens.textFieldLeftHelperFontStyle, _emotion.selectTokens.textFieldLeftHelperFontWeight, _emotion.selectTokens.textFieldLeftHelperLetterSpacing, _emotion.selectTokens.textFieldLeftHelperLineHeight, _emotion.selectTokens.textFieldLabelInnerPadding, _emotion.selectTokens.textFieldContentLabelInnerPadding, _emotion.selectTokens.textFieldIndicatorSizeInner, _emotion.selectTokens.textFieldIndicatorSizeOuter, _emotion.selectTokens.textFieldIndicatorLabelPlacementInner, _emotion.selectTokens.textFieldIndicatorLabelPlacementOuter, _emotion.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _emotion.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _emotion.selectTokens.textFieldClearIndicatorLabelPlacementInner, _emotion.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _emotion.selectTokens.textFieldClearIndicatorHintInnerRight, _emotion.selectTokens.textFieldChipGap, _emotion.selectTokens.textFieldChipBorderRadius, _emotion.selectTokens.textFieldChipWidth, _emotion.selectTokens.textFieldChipHeight, _emotion.selectTokens.textFieldChipPadding, _emotion.selectTokens.textFieldChipClearContentMarginLeft, _emotion.selectTokens.textFieldChipClearContentMarginRight, _emotion.selectTokens.textFieldChipCloseIconSize, _emotion.selectTokens.textFieldChipFontFamily, _emotion.selectTokens.textFieldChipFontSize, _emotion.selectTokens.textFieldChipFontStyle, _emotion.selectTokens.textFieldChipFontWeight, _emotion.selectTokens.textFieldChipLetterSpacing, _emotion.selectTokens.textFieldChipLineHeight, _emotion.selectTokens.buttonArrowMargin, _emotion.selectTokens.targetHeight, _emotion.selectTokens.buttonPadding, _emotion.selectTokens.padding, _emotion.selectTokens.borderRadius, _emotion.selectTokens.itemHeight, _emotion.selectTokens.itemPadding, _emotion.selectTokens.itemPaddingTight, _emotion.selectTokens.itemBorderRadius, _emotion.selectTokens.itemIconMargin, _emotion.selectTokens.itemIconSize, _emotion.selectTokens.itemIconSizeTight, _emotion.selectTokens.cellPadding, _emotion.selectTokens.cellPaddingLeftContent, _emotion.selectTokens.cellPaddingContent, _emotion.selectTokens.cellPaddingRightContent, _emotion.selectTokens.cellTextboxGap, _emotion.selectTokens.cellGap, _emotion.selectTokens.cellTitleFontFamily, _emotion.selectTokens.cellTitleFontSize, _emotion.selectTokens.cellTitleFontStyle, _emotion.selectTokens.cellTitleFontWeight, _emotion.selectTokens.cellTitleLetterSpacing, _emotion.selectTokens.cellTitleLineHeight, _emotion.selectTokens.fontFamily, _emotion.selectTokens.fontSize, _emotion.selectTokens.fontStyle, _emotion.selectTokens.fontWeight, _emotion.selectTokens.fontLetterSpacing, _emotion.selectTokens.fontLineHeight, _emotion.selectTokens.checkboxTriggerSize, _emotion.selectTokens.checkboxTriggerSizeTight, _emotion.selectTokens.checkboxTriggerBorderRadius, _emotion.selectTokens.checkboxTriggerBorderRadiusTight, _emotion.selectTokens.checkboxFillColor, _emotion.selectTokens.checkboxIconColor, _emotion.selectTokens.checkboxTriggerBorderColor, _emotion.selectTokens.indicatorSize),
|
|
33
|
+
s: /*#__PURE__*/(0, _emotion.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.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.3125rem auto auto -0.6875rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n ", ": 1.063rem -2.125rem auto auto;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0 0.5rem 0 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 "])), _emotion.selectTokens.textFieldHeight, _emotion.selectTokens.textFieldPadding, _emotion.selectTokens.textFieldPaddingWithChips, _emotion.selectTokens.textFieldBorderRadius, _emotion.selectTokens.textFieldLeftContentMargin, _emotion.selectTokens.textFieldRightContentMargin, _emotion.selectTokens.textFieldTextBeforeMargin, _emotion.selectTokens.textFieldTextAfterMargin, _emotion.selectTokens.textFieldFontFamily, _emotion.selectTokens.textFieldFontSize, _emotion.selectTokens.textFieldFontStyle, _emotion.selectTokens.textFieldFontWeight, _emotion.selectTokens.textFieldLetterSpacing, _emotion.selectTokens.textFieldLineHeight, _emotion.selectTokens.textFieldLabelOffset, _emotion.selectTokens.textFieldLabelFontFamily, _emotion.selectTokens.textFieldLabelFontSize, _emotion.selectTokens.textFieldLabelFontStyle, _emotion.selectTokens.textFieldLabelFontWeight, _emotion.selectTokens.textFieldLabelLetterSpacing, _emotion.selectTokens.textFieldLabelLineHeight, _emotion.selectTokens.textFieldLeftHelperOffset, _emotion.selectTokens.textFieldLeftHelperFontFamily, _emotion.selectTokens.textFieldLeftHelperFontSize, _emotion.selectTokens.textFieldLeftHelperFontStyle, _emotion.selectTokens.textFieldLeftHelperFontWeight, _emotion.selectTokens.textFieldLeftHelperLetterSpacing, _emotion.selectTokens.textFieldLeftHelperLineHeight, _emotion.selectTokens.textFieldLabelInnerPadding, _emotion.selectTokens.textFieldContentLabelInnerPadding, _emotion.selectTokens.textFieldIndicatorSizeInner, _emotion.selectTokens.textFieldIndicatorSizeOuter, _emotion.selectTokens.textFieldIndicatorLabelPlacementInner, _emotion.selectTokens.textFieldIndicatorLabelPlacementOuter, _emotion.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _emotion.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _emotion.selectTokens.textFieldClearIndicatorLabelPlacementInner, _emotion.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _emotion.selectTokens.textFieldClearIndicatorHintInnerRight, _emotion.selectTokens.textFieldChipGap, _emotion.selectTokens.textFieldChipBorderRadius, _emotion.selectTokens.textFieldChipWidth, _emotion.selectTokens.textFieldChipHeight, _emotion.selectTokens.textFieldChipPadding, _emotion.selectTokens.textFieldChipClearContentMarginLeft, _emotion.selectTokens.textFieldChipClearContentMarginRight, _emotion.selectTokens.textFieldChipCloseIconSize, _emotion.selectTokens.textFieldChipFontFamily, _emotion.selectTokens.textFieldChipFontSize, _emotion.selectTokens.textFieldChipFontStyle, _emotion.selectTokens.textFieldChipFontWeight, _emotion.selectTokens.textFieldChipLetterSpacing, _emotion.selectTokens.textFieldChipLineHeight, _emotion.selectTokens.buttonArrowMargin, _emotion.selectTokens.targetHeight, _emotion.selectTokens.buttonPadding, _emotion.selectTokens.padding, _emotion.selectTokens.borderRadius, _emotion.selectTokens.itemHeight, _emotion.selectTokens.itemPadding, _emotion.selectTokens.itemPaddingTight, _emotion.selectTokens.itemBorderRadius, _emotion.selectTokens.itemIconSize, _emotion.selectTokens.itemIconSizeTight, _emotion.selectTokens.itemIconMargin, _emotion.selectTokens.cellPadding, _emotion.selectTokens.cellPaddingLeftContent, _emotion.selectTokens.cellPaddingContent, _emotion.selectTokens.cellPaddingRightContent, _emotion.selectTokens.cellTextboxGap, _emotion.selectTokens.cellGap, _emotion.selectTokens.cellTitleFontFamily, _emotion.selectTokens.cellTitleFontSize, _emotion.selectTokens.cellTitleFontStyle, _emotion.selectTokens.cellTitleFontWeight, _emotion.selectTokens.cellTitleLetterSpacing, _emotion.selectTokens.cellTitleLineHeight, _emotion.selectTokens.fontFamily, _emotion.selectTokens.fontSize, _emotion.selectTokens.fontStyle, _emotion.selectTokens.fontWeight, _emotion.selectTokens.fontLetterSpacing, _emotion.selectTokens.fontLineHeight, _emotion.selectTokens.checkboxTriggerSize, _emotion.selectTokens.checkboxTriggerSizeTight, _emotion.selectTokens.checkboxTriggerBorderRadius, _emotion.selectTokens.checkboxTriggerBorderRadiusTight, _emotion.selectTokens.checkboxFillColor, _emotion.selectTokens.checkboxIconColor, _emotion.selectTokens.checkboxTriggerBorderColor, _emotion.selectTokens.indicatorSize),
|
|
34
|
+
xs: /*#__PURE__*/(0, _emotion.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.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.6875rem auto auto;\n ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n ", ": 0.813rem -1.875rem auto auto;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0 0.375rem 0 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 "])), _emotion.selectTokens.textFieldHeight, _emotion.selectTokens.textFieldPadding, _emotion.selectTokens.textFieldPaddingWithChips, _emotion.selectTokens.textFieldBorderRadius, _emotion.selectTokens.textFieldLeftContentMargin, _emotion.selectTokens.textFieldRightContentMargin, _emotion.selectTokens.textFieldTextBeforeMargin, _emotion.selectTokens.textFieldTextAfterMargin, _emotion.selectTokens.textFieldFontFamily, _emotion.selectTokens.textFieldFontSize, _emotion.selectTokens.textFieldFontStyle, _emotion.selectTokens.textFieldFontWeight, _emotion.selectTokens.textFieldLetterSpacing, _emotion.selectTokens.textFieldLineHeight, _emotion.selectTokens.textFieldLabelOffset, _emotion.selectTokens.textFieldLabelFontFamily, _emotion.selectTokens.textFieldLabelFontSize, _emotion.selectTokens.textFieldLabelFontStyle, _emotion.selectTokens.textFieldLabelFontWeight, _emotion.selectTokens.textFieldLabelLetterSpacing, _emotion.selectTokens.textFieldLabelLineHeight, _emotion.selectTokens.textFieldLeftHelperOffset, _emotion.selectTokens.textFieldLeftHelperFontFamily, _emotion.selectTokens.textFieldLeftHelperFontSize, _emotion.selectTokens.textFieldLeftHelperFontStyle, _emotion.selectTokens.textFieldLeftHelperFontWeight, _emotion.selectTokens.textFieldLeftHelperLetterSpacing, _emotion.selectTokens.textFieldLeftHelperLineHeight, _emotion.selectTokens.textFieldLabelInnerPadding, _emotion.selectTokens.textFieldContentLabelInnerPadding, _emotion.selectTokens.textFieldIndicatorSizeInner, _emotion.selectTokens.textFieldIndicatorSizeOuter, _emotion.selectTokens.textFieldIndicatorLabelPlacementInner, _emotion.selectTokens.textFieldIndicatorLabelPlacementOuter, _emotion.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _emotion.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _emotion.selectTokens.textFieldClearIndicatorLabelPlacementInner, _emotion.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _emotion.selectTokens.textFieldClearIndicatorHintInnerRight, _emotion.selectTokens.textFieldChipGap, _emotion.selectTokens.textFieldChipBorderRadius, _emotion.selectTokens.textFieldChipWidth, _emotion.selectTokens.textFieldChipHeight, _emotion.selectTokens.textFieldChipPadding, _emotion.selectTokens.textFieldChipClearContentMarginLeft, _emotion.selectTokens.textFieldChipClearContentMarginRight, _emotion.selectTokens.textFieldChipCloseIconSize, _emotion.selectTokens.textFieldChipFontFamily, _emotion.selectTokens.textFieldChipFontSize, _emotion.selectTokens.textFieldChipFontStyle, _emotion.selectTokens.textFieldChipFontWeight, _emotion.selectTokens.textFieldChipLetterSpacing, _emotion.selectTokens.textFieldChipLineHeight, _emotion.selectTokens.buttonArrowMargin, _emotion.selectTokens.targetHeight, _emotion.selectTokens.buttonPadding, _emotion.selectTokens.padding, _emotion.selectTokens.borderRadius, _emotion.selectTokens.itemHeight, _emotion.selectTokens.itemPadding, _emotion.selectTokens.itemPaddingTight, _emotion.selectTokens.itemBorderRadius, _emotion.selectTokens.itemIconSize, _emotion.selectTokens.itemIconSizeTight, _emotion.selectTokens.itemIconMargin, _emotion.selectTokens.cellPadding, _emotion.selectTokens.cellPaddingLeftContent, _emotion.selectTokens.cellPaddingContent, _emotion.selectTokens.cellPaddingRightContent, _emotion.selectTokens.cellTextboxGap, _emotion.selectTokens.cellGap, _emotion.selectTokens.cellTitleFontFamily, _emotion.selectTokens.cellTitleFontSize, _emotion.selectTokens.cellTitleFontStyle, _emotion.selectTokens.cellTitleFontWeight, _emotion.selectTokens.cellTitleLetterSpacing, _emotion.selectTokens.cellTitleLineHeight, _emotion.selectTokens.fontFamily, _emotion.selectTokens.fontSize, _emotion.selectTokens.fontStyle, _emotion.selectTokens.fontWeight, _emotion.selectTokens.fontLetterSpacing, _emotion.selectTokens.fontLineHeight, _emotion.selectTokens.checkboxTriggerSize, _emotion.selectTokens.checkboxTriggerSizeTight, _emotion.selectTokens.checkboxTriggerBorderRadius, _emotion.selectTokens.checkboxTriggerBorderRadiusTight, _emotion.selectTokens.checkboxFillColor, _emotion.selectTokens.checkboxIconColor, _emotion.selectTokens.checkboxTriggerBorderColor, _emotion.selectTokens.indicatorSize)
|
|
35
35
|
},
|
|
36
36
|
labelPlacement: {
|
|
37
|
-
inner: /*#__PURE__*/(0, _emotion.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
|
37
|
+
inner: /*#__PURE__*/(0, _emotion.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 "])), _emotion.selectTokens.textFieldPlaceholderColor, _emotion.selectTokens.textFieldLabelInnerFontFamily, _emotion.selectTokens.textFieldLabelInnerFontSize, _emotion.selectTokens.textFieldLabelInnerFontStyle, _emotion.selectTokens.textFieldLabelInnerFontWeight, _emotion.selectTokens.textFieldLabelInnerLetterSpacing, _emotion.selectTokens.textFieldLabelInnerLineHeight),
|
|
38
38
|
outer: /*#__PURE__*/(0, _emotion.css)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
|
39
39
|
},
|
|
40
40
|
chipView: {
|
|
@@ -42,15 +42,8 @@ var config = exports.config = {
|
|
|
42
42
|
secondary: /*#__PURE__*/(0, _emotion.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 "])), _emotion.selectTokens.textFieldChipColor, _emotion.selectTokens.textFieldChipBackground, _emotion.selectTokens.textFieldChipBackgroundHover, _emotion.selectTokens.textFieldChipCloseIconColor),
|
|
43
43
|
accent: /*#__PURE__*/(0, _emotion.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 "])), _emotion.selectTokens.textFieldChipColor, _emotion.selectTokens.textFieldChipBackground, _emotion.selectTokens.textFieldChipBackgroundHover, _emotion.selectTokens.textFieldChipCloseIconColor)
|
|
44
44
|
},
|
|
45
|
-
hintView: {
|
|
46
|
-
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card-brightness);\n ", ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n "])), _emotion.selectTokens.textFieldTooltipBackgroundColor, _emotion.selectTokens.textFieldTooltipBoxShadow, _emotion.selectTokens.textFieldTooltipColor, _emotion.selectTokens.textFieldTooltipArrowBackground)
|
|
47
|
-
},
|
|
48
|
-
hintSize: {
|
|
49
|
-
m: /*#__PURE__*/(0, _emotion.css)(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.6875rem;\n ", ": 0.875rem;\n ", ": 0.6875rem;\n ", ": 0.875rem;\n\n ", ": 2.5rem;\n ", ": 0.625rem;\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.375rem;\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ", ": 0.5rem;\n ", ": 0.625rem;\n "])), _emotion.selectTokens.textFieldTooltipPaddingTop, _emotion.selectTokens.textFieldTooltipPaddingRight, _emotion.selectTokens.textFieldTooltipPaddingBottom, _emotion.selectTokens.textFieldTooltipPaddingLeft, _emotion.selectTokens.textFieldTooltipMinHeight, _emotion.selectTokens.textFieldTooltipBorderRadius, _emotion.selectTokens.textFieldTooltipTextFontFamily, _emotion.selectTokens.textFieldTooltipTextFontSize, _emotion.selectTokens.textFieldTooltipTextFontStyle, _emotion.selectTokens.textFieldTooltipTextFontWeight, _emotion.selectTokens.textFieldTooltipTextFontLetterSpacing, _emotion.selectTokens.textFieldTooltipTextFontLineHeight, _emotion.selectTokens.textFieldTooltipContentLeftMargin, _emotion.selectTokens.textFieldTooltipArrowMaskWidth, _emotion.selectTokens.textFieldTooltipArrowMaskHeight, _emotion.selectTokens.textFieldTooltipArrowMaskImage, _emotion.selectTokens.textFieldTooltipArrowHeight, _emotion.selectTokens.textFieldTooltipArrowEdgeMargin),
|
|
50
|
-
s: /*#__PURE__*/(0, _emotion.css)(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n\n ", ": 2rem;\n ", ": 0.5rem;\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.25rem;\n\n ", ": 1rem;\n ", ": 1rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ", ": 0.375rem;\n ", ": 0.5625rem;\n "])), _emotion.selectTokens.textFieldTooltipPaddingTop, _emotion.selectTokens.textFieldTooltipPaddingRight, _emotion.selectTokens.textFieldTooltipPaddingBottom, _emotion.selectTokens.textFieldTooltipPaddingLeft, _emotion.selectTokens.textFieldTooltipMinHeight, _emotion.selectTokens.textFieldTooltipBorderRadius, _emotion.selectTokens.textFieldTooltipTextFontFamily, _emotion.selectTokens.textFieldTooltipTextFontSize, _emotion.selectTokens.textFieldTooltipTextFontStyle, _emotion.selectTokens.textFieldTooltipTextFontWeight, _emotion.selectTokens.textFieldTooltipTextFontLetterSpacing, _emotion.selectTokens.textFieldTooltipTextFontLineHeight, _emotion.selectTokens.textFieldTooltipContentLeftMargin, _emotion.selectTokens.textFieldTooltipArrowMaskWidth, _emotion.selectTokens.textFieldTooltipArrowMaskHeight, _emotion.selectTokens.textFieldTooltipArrowMaskImage, _emotion.selectTokens.textFieldTooltipArrowHeight, _emotion.selectTokens.textFieldTooltipArrowEdgeMargin)
|
|
51
|
-
},
|
|
52
45
|
disabled: {
|
|
53
|
-
"true": /*#__PURE__*/(0, _emotion.css)(
|
|
46
|
+
"true": /*#__PURE__*/(0, _emotion.css)(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _emotion.selectTokens.textFieldDisabledOpacity)
|
|
54
47
|
}
|
|
55
48
|
}
|
|
56
49
|
};
|
|
@@ -3,7 +3,6 @@ import type { ComponentProps } from 'react';
|
|
|
3
3
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
4
4
|
import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
5
5
|
import { IconPlasma } from '@salutejs/plasma-icons';
|
|
6
|
-
import type { PopoverPlacement } from '@salutejs/plasma-new-hope';
|
|
7
6
|
|
|
8
7
|
import './style.css';
|
|
9
8
|
|
|
@@ -11,7 +10,6 @@ import { Select } from './Select';
|
|
|
11
10
|
|
|
12
11
|
type StorySelectProps = ComponentProps<typeof Select> & {
|
|
13
12
|
enableContentLeft?: boolean;
|
|
14
|
-
hasHint?: boolean;
|
|
15
13
|
};
|
|
16
14
|
|
|
17
15
|
const view = ['default', 'accent', 'secondary', 'clear', 'positive', 'warning', 'negative', 'dark', 'black', 'white'];
|
|
@@ -19,29 +17,6 @@ const size = ['xs', 's', 'm', 'l'];
|
|
|
19
17
|
const labelPlacement = ['inner', 'outer'];
|
|
20
18
|
const chip = ['default', 'secondary', 'accent'];
|
|
21
19
|
const variant = ['normal', 'tight'];
|
|
22
|
-
const hintViews = ['default'];
|
|
23
|
-
const hintSizes = ['m', 's'];
|
|
24
|
-
const hintTriggers = ['hover', 'click'];
|
|
25
|
-
const hintTargetPlacements = ['outer', 'inner'];
|
|
26
|
-
const placements: Array<PopoverPlacement> = [
|
|
27
|
-
'top',
|
|
28
|
-
'top-start',
|
|
29
|
-
'top-end',
|
|
30
|
-
|
|
31
|
-
'bottom',
|
|
32
|
-
'bottom-start',
|
|
33
|
-
'bottom-end',
|
|
34
|
-
|
|
35
|
-
'left',
|
|
36
|
-
'left-start',
|
|
37
|
-
'left-end',
|
|
38
|
-
|
|
39
|
-
'right',
|
|
40
|
-
'right-start',
|
|
41
|
-
'right-end',
|
|
42
|
-
|
|
43
|
-
'auto',
|
|
44
|
-
];
|
|
45
20
|
|
|
46
21
|
const meta: Meta<StorySelectProps> = {
|
|
47
22
|
title: 'Data Entry/Select',
|
|
@@ -127,54 +102,6 @@ const meta: Meta<StorySelectProps> = {
|
|
|
127
102
|
},
|
|
128
103
|
if: { arg: 'required', truthy: false },
|
|
129
104
|
},
|
|
130
|
-
hintText: {
|
|
131
|
-
control: { type: 'text' },
|
|
132
|
-
if: { arg: 'hasHint', truthy: true },
|
|
133
|
-
},
|
|
134
|
-
hintView: {
|
|
135
|
-
options: hintViews,
|
|
136
|
-
control: {
|
|
137
|
-
type: 'select',
|
|
138
|
-
},
|
|
139
|
-
if: { arg: 'hasHint', truthy: true },
|
|
140
|
-
},
|
|
141
|
-
hintSize: {
|
|
142
|
-
options: hintSizes,
|
|
143
|
-
control: {
|
|
144
|
-
type: 'select',
|
|
145
|
-
},
|
|
146
|
-
if: { arg: 'hasHint', truthy: true },
|
|
147
|
-
},
|
|
148
|
-
hintTargetPlacement: {
|
|
149
|
-
options: hintTargetPlacements,
|
|
150
|
-
control: {
|
|
151
|
-
type: 'inline-radio',
|
|
152
|
-
},
|
|
153
|
-
if: { arg: 'hasHint', truthy: true },
|
|
154
|
-
},
|
|
155
|
-
hintTrigger: {
|
|
156
|
-
options: hintTriggers,
|
|
157
|
-
control: {
|
|
158
|
-
type: 'inline-radio',
|
|
159
|
-
},
|
|
160
|
-
if: { arg: 'hasHint', truthy: true },
|
|
161
|
-
},
|
|
162
|
-
hintPlacement: {
|
|
163
|
-
options: placements,
|
|
164
|
-
control: {
|
|
165
|
-
type: 'select',
|
|
166
|
-
},
|
|
167
|
-
if: { arg: 'hasHint', truthy: true },
|
|
168
|
-
mappers: placements,
|
|
169
|
-
},
|
|
170
|
-
hintHasArrow: {
|
|
171
|
-
control: { type: 'boolean' },
|
|
172
|
-
if: { arg: 'hasHint', truthy: true },
|
|
173
|
-
},
|
|
174
|
-
hintWidth: {
|
|
175
|
-
control: { type: 'text' },
|
|
176
|
-
if: { arg: 'hasHint', truthy: true },
|
|
177
|
-
},
|
|
178
105
|
chipType: {
|
|
179
106
|
control: 'select',
|
|
180
107
|
options: ['default', 'text'],
|
|
@@ -198,15 +125,6 @@ const meta: Meta<StorySelectProps> = {
|
|
|
198
125
|
required: false,
|
|
199
126
|
requiredPlacement: 'right',
|
|
200
127
|
chipType: 'default',
|
|
201
|
-
hasHint: false,
|
|
202
|
-
hintText: 'Текст подсказки',
|
|
203
|
-
hintTrigger: 'hover',
|
|
204
|
-
hintView: 'default',
|
|
205
|
-
hintSize: 'm',
|
|
206
|
-
hintTargetPlacement: 'outer',
|
|
207
|
-
hintPlacement: 'auto',
|
|
208
|
-
hintWidth: '10rem',
|
|
209
|
-
hintHasArrow: true,
|
|
210
128
|
},
|
|
211
129
|
parameters: {
|
|
212
130
|
controls: {
|
|
@@ -231,15 +149,6 @@ const meta: Meta<StorySelectProps> = {
|
|
|
231
149
|
'required',
|
|
232
150
|
'requiredPlacement',
|
|
233
151
|
'chipType',
|
|
234
|
-
'hasHint',
|
|
235
|
-
'hintText',
|
|
236
|
-
'hintTrigger',
|
|
237
|
-
'hintView',
|
|
238
|
-
'hintSize',
|
|
239
|
-
'hintTargetPlacement',
|
|
240
|
-
'hintPlacement',
|
|
241
|
-
'hintWidth',
|
|
242
|
-
'hintHasArrow',
|
|
243
152
|
],
|
|
244
153
|
},
|
|
245
154
|
},
|
|
@@ -14,10 +14,10 @@ var config = exports.config = {
|
|
|
14
14
|
},
|
|
15
15
|
variations: {
|
|
16
16
|
size: {
|
|
17
|
-
xs: /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem 0.5rem 0 0;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 1.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": 0rem;\n ", ": 0rem;\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 ", ": 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 ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.675rem auto auto;\n ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n ", ": 0.813rem -1.
|
|
18
|
-
s: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem 0.625rem 0 0;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n ", ": 1.063rem -2.
|
|
19
|
-
m: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem 0.75rem 0 0;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 2.125rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.4375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.1875rem -0.625rem auto auto;\n ", ": 1.25rem auto auto -0.875rem;\n ", ": 1.25rem -0.875rem auto auto;\n ", ": 1.25rem -2.
|
|
20
|
-
l: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem 0.875rem 0 0;\n ", ": 1.063rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\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 ", ": 0.563rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.5rem auto auto -0.875rem;\n ", ": 1.5rem -0.875rem auto auto;\n ", ": 1.5rem -2.
|
|
17
|
+
xs: /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem 0.5rem 0 0;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 1.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n ", ": 0rem;\n ", ": 0rem;\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 ", ": 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 ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.25rem auto auto -0.625rem;\n ", ": 0 0 auto auto;\n ", ": 0.125rem -0.675rem auto auto;\n ", ": 0.813rem auto auto -0.625rem;\n ", ": 0.813rem -0.625rem auto auto;\n ", ": 0.813rem -1.875rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n\n ", ": -0.75rem -0.625rem -0.75rem -0.5rem;\n ", ": 2.375rem;\n ", ": -0.751rem -1.875rem auto auto;\n ", ": -0.188rem -1.938rem auto auto;\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 "])), _emotion.textAreaTokens.inputWidth, _emotion.textAreaTokens.inputHeight, _emotion.textAreaTokens.inputMinHeight, _emotion.textAreaTokens.borderRadius, _emotion.textAreaTokens.borderRadiusWithHelpers, _emotion.textAreaTokens.inputPaddingTop, _emotion.textAreaTokens.inputPaddingRight, _emotion.textAreaTokens.inputPaddingRightWithRightContent, _emotion.textAreaTokens.clearInputPaddingRightWithRightContent, _emotion.textAreaTokens.inputPaddingBottom, _emotion.textAreaTokens.inputPaddingLeft, _emotion.textAreaTokens.helpersPaddingTop, _emotion.textAreaTokens.clearHelpersPaddingTop, _emotion.textAreaTokens.helpersPaddingRight, _emotion.textAreaTokens.helpersPaddingBottom, _emotion.textAreaTokens.helpersPaddingLeft, _emotion.textAreaTokens.helpersOffset, _emotion.textAreaTokens.rightContentTop, _emotion.textAreaTokens.rightContentRight, _emotion.textAreaTokens.rightContentHeight, _emotion.textAreaTokens.labelMarginBottom, _emotion.textAreaTokens.clearLabelMarginBottom, _emotion.textAreaTokens.labelInnerFontFamily, _emotion.textAreaTokens.labelInnerFontSize, _emotion.textAreaTokens.labelInnerFontStyle, _emotion.textAreaTokens.labelInnerFontWeight, _emotion.textAreaTokens.labelInnerLetterSpacing, _emotion.textAreaTokens.labelInnerLineHeight, _emotion.textAreaTokens.labelInnerTop, _emotion.textAreaTokens.labelInnerMarginBottom, _emotion.textAreaTokens.inputFontFamily, _emotion.textAreaTokens.inputFontSize, _emotion.textAreaTokens.inputFontStyle, _emotion.textAreaTokens.inputFontWeight, _emotion.textAreaTokens.inputLetterSpacing, _emotion.textAreaTokens.inputLineHeight, _emotion.textAreaTokens.helpersFontFamily, _emotion.textAreaTokens.helpersFontSize, _emotion.textAreaTokens.helpersFontStyle, _emotion.textAreaTokens.helpersFontWeight, _emotion.textAreaTokens.helpersLetterSpacing, _emotion.textAreaTokens.helpersLineHeight, _emotion.textAreaTokens.indicatorSizeInner, _emotion.textAreaTokens.indicatorSizeOuter, _emotion.textAreaTokens.indicatorLabelPlacementInner, _emotion.textAreaTokens.indicatorLabelPlacementOuter, _emotion.textAreaTokens.indicatorLabelPlacementInnerRight, _emotion.textAreaTokens.indicatorLabelPlacementOuterRight, _emotion.textAreaTokens.clearIndicatorLabelPlacementInner, _emotion.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _emotion.textAreaTokens.clearIndicatorHintInnerRight, _emotion.textAreaTokens.scrollbarWidth, _emotion.textAreaTokens.scrollbarBorderWidth, _emotion.textAreaTokens.hintMargin, _emotion.textAreaTokens.hintTargetSize, _emotion.textAreaTokens.hintInnerLabelPlacementOffset, _emotion.textAreaTokens.clearHintInnerLabelPlacementOffset, _emotion.textAreaTokens.titleCaptionInnerLabelOffset, _emotion.textAreaTokens.titleCaptionFontFamily, _emotion.textAreaTokens.titleCaptionFontSize, _emotion.textAreaTokens.titleCaptionFontStyle, _emotion.textAreaTokens.titleCaptionFontWeight, _emotion.textAreaTokens.titleCaptionLetterSpacing, _emotion.textAreaTokens.titleCaptionLineHeight),
|
|
18
|
+
s: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem 0.625rem 0 0;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.063rem auto auto -0.75rem;\n ", ": 1.063rem -0.75rem auto auto;\n ", ": 1.063rem -2.125rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n\n ", ": -0.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": -0.751rem -2rem auto auto;\n ", ": 0.062rem -2.063rem auto auto;\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 "])), _emotion.textAreaTokens.inputWidth, _emotion.textAreaTokens.inputHeight, _emotion.textAreaTokens.inputMinHeight, _emotion.textAreaTokens.borderRadius, _emotion.textAreaTokens.borderRadiusWithHelpers, _emotion.textAreaTokens.inputPaddingTop, _emotion.textAreaTokens.inputPaddingRight, _emotion.textAreaTokens.inputPaddingRightWithRightContent, _emotion.textAreaTokens.clearInputPaddingRightWithRightContent, _emotion.textAreaTokens.inputPaddingBottom, _emotion.textAreaTokens.inputPaddingLeft, _emotion.textAreaTokens.helpersPaddingTop, _emotion.textAreaTokens.clearHelpersPaddingTop, _emotion.textAreaTokens.helpersPaddingRight, _emotion.textAreaTokens.helpersPaddingBottom, _emotion.textAreaTokens.helpersPaddingLeft, _emotion.textAreaTokens.helpersOffset, _emotion.textAreaTokens.rightContentTop, _emotion.textAreaTokens.rightContentRight, _emotion.textAreaTokens.rightContentHeight, _emotion.textAreaTokens.labelMarginBottom, _emotion.textAreaTokens.clearLabelMarginBottom, _emotion.textAreaTokens.labelInnerFontFamily, _emotion.textAreaTokens.labelInnerFontSize, _emotion.textAreaTokens.labelInnerFontStyle, _emotion.textAreaTokens.labelInnerFontWeight, _emotion.textAreaTokens.labelInnerLetterSpacing, _emotion.textAreaTokens.labelInnerLineHeight, _emotion.textAreaTokens.labelInnerTop, _emotion.textAreaTokens.labelInnerMarginBottom, _emotion.textAreaTokens.inputFontFamily, _emotion.textAreaTokens.inputFontSize, _emotion.textAreaTokens.inputFontStyle, _emotion.textAreaTokens.inputFontWeight, _emotion.textAreaTokens.inputLetterSpacing, _emotion.textAreaTokens.inputLineHeight, _emotion.textAreaTokens.helpersFontFamily, _emotion.textAreaTokens.helpersFontSize, _emotion.textAreaTokens.helpersFontStyle, _emotion.textAreaTokens.helpersFontWeight, _emotion.textAreaTokens.helpersLetterSpacing, _emotion.textAreaTokens.helpersLineHeight, _emotion.textAreaTokens.indicatorSizeInner, _emotion.textAreaTokens.indicatorSizeOuter, _emotion.textAreaTokens.indicatorLabelPlacementInner, _emotion.textAreaTokens.indicatorLabelPlacementOuter, _emotion.textAreaTokens.indicatorLabelPlacementInnerRight, _emotion.textAreaTokens.indicatorLabelPlacementOuterRight, _emotion.textAreaTokens.clearIndicatorLabelPlacementInner, _emotion.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _emotion.textAreaTokens.clearIndicatorHintInnerRight, _emotion.textAreaTokens.scrollbarWidth, _emotion.textAreaTokens.scrollbarBorderWidth, _emotion.textAreaTokens.hintMargin, _emotion.textAreaTokens.hintTargetSize, _emotion.textAreaTokens.hintInnerLabelPlacementOffset, _emotion.textAreaTokens.clearHintInnerLabelPlacementOffset, _emotion.textAreaTokens.titleCaptionInnerLabelOffset, _emotion.textAreaTokens.titleCaptionFontFamily, _emotion.textAreaTokens.titleCaptionFontSize, _emotion.textAreaTokens.titleCaptionFontStyle, _emotion.textAreaTokens.titleCaptionFontWeight, _emotion.textAreaTokens.titleCaptionLetterSpacing, _emotion.textAreaTokens.titleCaptionLineHeight),
|
|
19
|
+
m: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem 0.75rem 0 0;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 2.125rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\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 ", ": 0.375rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.4375rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ", ": 0.1875rem -0.625rem auto auto;\n ", ": 1.25rem auto auto -0.875rem;\n ", ": 1.25rem -0.875rem auto auto;\n ", ": 1.25rem -2.25rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n\n ", ": -0.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": -0.751rem -2rem auto auto;\n ", ": 0.312rem -2.063rem auto auto;\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 "])), _emotion.textAreaTokens.inputWidth, _emotion.textAreaTokens.inputHeight, _emotion.textAreaTokens.inputMinHeight, _emotion.textAreaTokens.borderRadius, _emotion.textAreaTokens.borderRadiusWithHelpers, _emotion.textAreaTokens.inputPaddingTop, _emotion.textAreaTokens.inputPaddingRight, _emotion.textAreaTokens.inputPaddingRightWithRightContent, _emotion.textAreaTokens.clearInputPaddingRightWithRightContent, _emotion.textAreaTokens.inputPaddingBottom, _emotion.textAreaTokens.inputPaddingLeft, _emotion.textAreaTokens.helpersPaddingTop, _emotion.textAreaTokens.clearHelpersPaddingTop, _emotion.textAreaTokens.helpersPaddingRight, _emotion.textAreaTokens.helpersPaddingBottom, _emotion.textAreaTokens.helpersPaddingLeft, _emotion.textAreaTokens.helpersOffset, _emotion.textAreaTokens.rightContentTop, _emotion.textAreaTokens.rightContentRight, _emotion.textAreaTokens.rightContentHeight, _emotion.textAreaTokens.labelMarginBottom, _emotion.textAreaTokens.clearLabelMarginBottom, _emotion.textAreaTokens.labelInnerFontFamily, _emotion.textAreaTokens.labelInnerFontSize, _emotion.textAreaTokens.labelInnerFontStyle, _emotion.textAreaTokens.labelInnerFontWeight, _emotion.textAreaTokens.labelInnerLetterSpacing, _emotion.textAreaTokens.labelInnerLineHeight, _emotion.textAreaTokens.labelInnerTop, _emotion.textAreaTokens.labelInnerMarginBottom, _emotion.textAreaTokens.inputFontFamily, _emotion.textAreaTokens.inputFontSize, _emotion.textAreaTokens.inputFontStyle, _emotion.textAreaTokens.inputFontWeight, _emotion.textAreaTokens.inputLetterSpacing, _emotion.textAreaTokens.inputLineHeight, _emotion.textAreaTokens.helpersFontFamily, _emotion.textAreaTokens.helpersFontSize, _emotion.textAreaTokens.helpersFontStyle, _emotion.textAreaTokens.helpersFontWeight, _emotion.textAreaTokens.helpersLetterSpacing, _emotion.textAreaTokens.helpersLineHeight, _emotion.textAreaTokens.indicatorSizeInner, _emotion.textAreaTokens.indicatorSizeOuter, _emotion.textAreaTokens.indicatorLabelPlacementInner, _emotion.textAreaTokens.indicatorLabelPlacementOuter, _emotion.textAreaTokens.indicatorLabelPlacementInnerRight, _emotion.textAreaTokens.indicatorLabelPlacementOuterRight, _emotion.textAreaTokens.clearIndicatorLabelPlacementInner, _emotion.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _emotion.textAreaTokens.clearIndicatorHintInnerRight, _emotion.textAreaTokens.scrollbarWidth, _emotion.textAreaTokens.scrollbarBorderWidth, _emotion.textAreaTokens.hintMargin, _emotion.textAreaTokens.hintTargetSize, _emotion.textAreaTokens.hintInnerLabelPlacementOffset, _emotion.textAreaTokens.clearHintInnerLabelPlacementOffset, _emotion.textAreaTokens.titleCaptionInnerLabelOffset, _emotion.textAreaTokens.titleCaptionFontFamily, _emotion.textAreaTokens.titleCaptionFontSize, _emotion.textAreaTokens.titleCaptionFontStyle, _emotion.textAreaTokens.titleCaptionFontWeight, _emotion.textAreaTokens.titleCaptionLetterSpacing, _emotion.textAreaTokens.titleCaptionLineHeight),
|
|
20
|
+
l: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem 0.875rem 0 0;\n ", ": 1.063rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\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 ", ": 0.563rem;\n ", ": 0.125rem;\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 ", ": 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 ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.675rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n ", ": 1.5rem auto auto -0.875rem;\n ", ": 1.5rem -0.875rem auto auto;\n ", ": 1.5rem -2.25rem auto auto;\n\n ", ": 0.188rem;\n ", ": 0.063rem;\n\n ", ": -0.688rem -0.5rem;\n ", ": 2.375rem;\n ", ": -0.751rem -2rem auto auto;\n ", ": 0.562rem -2.063rem auto auto;\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 "])), _emotion.textAreaTokens.inputWidth, _emotion.textAreaTokens.inputHeight, _emotion.textAreaTokens.inputMinHeight, _emotion.textAreaTokens.borderRadius, _emotion.textAreaTokens.borderRadiusWithHelpers, _emotion.textAreaTokens.inputPaddingTop, _emotion.textAreaTokens.inputPaddingRight, _emotion.textAreaTokens.inputPaddingRightWithRightContent, _emotion.textAreaTokens.clearInputPaddingRightWithRightContent, _emotion.textAreaTokens.inputPaddingBottom, _emotion.textAreaTokens.inputPaddingLeft, _emotion.textAreaTokens.helpersPaddingTop, _emotion.textAreaTokens.clearHelpersPaddingTop, _emotion.textAreaTokens.helpersPaddingRight, _emotion.textAreaTokens.helpersPaddingBottom, _emotion.textAreaTokens.helpersPaddingLeft, _emotion.textAreaTokens.helpersOffset, _emotion.textAreaTokens.rightContentTop, _emotion.textAreaTokens.rightContentRight, _emotion.textAreaTokens.rightContentHeight, _emotion.textAreaTokens.labelMarginBottom, _emotion.textAreaTokens.clearLabelMarginBottom, _emotion.textAreaTokens.labelInnerFontFamily, _emotion.textAreaTokens.labelInnerFontSize, _emotion.textAreaTokens.labelInnerFontStyle, _emotion.textAreaTokens.labelInnerFontWeight, _emotion.textAreaTokens.labelInnerLetterSpacing, _emotion.textAreaTokens.labelInnerLineHeight, _emotion.textAreaTokens.labelInnerTop, _emotion.textAreaTokens.labelInnerMarginBottom, _emotion.textAreaTokens.inputFontFamily, _emotion.textAreaTokens.inputFontSize, _emotion.textAreaTokens.inputFontStyle, _emotion.textAreaTokens.inputFontWeight, _emotion.textAreaTokens.inputLetterSpacing, _emotion.textAreaTokens.inputLineHeight, _emotion.textAreaTokens.helpersFontFamily, _emotion.textAreaTokens.helpersFontSize, _emotion.textAreaTokens.helpersFontStyle, _emotion.textAreaTokens.helpersFontWeight, _emotion.textAreaTokens.helpersLetterSpacing, _emotion.textAreaTokens.helpersLineHeight, _emotion.textAreaTokens.indicatorSizeInner, _emotion.textAreaTokens.indicatorSizeOuter, _emotion.textAreaTokens.indicatorLabelPlacementInner, _emotion.textAreaTokens.indicatorLabelPlacementOuter, _emotion.textAreaTokens.indicatorLabelPlacementInnerRight, _emotion.textAreaTokens.indicatorLabelPlacementOuterRight, _emotion.textAreaTokens.clearIndicatorLabelPlacementInner, _emotion.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _emotion.textAreaTokens.clearIndicatorHintInnerRight, _emotion.textAreaTokens.scrollbarWidth, _emotion.textAreaTokens.scrollbarBorderWidth, _emotion.textAreaTokens.hintMargin, _emotion.textAreaTokens.hintTargetSize, _emotion.textAreaTokens.hintInnerLabelPlacementOffset, _emotion.textAreaTokens.clearHintInnerLabelPlacementOffset, _emotion.textAreaTokens.titleCaptionInnerLabelOffset, _emotion.textAreaTokens.titleCaptionFontFamily, _emotion.textAreaTokens.titleCaptionFontSize, _emotion.textAreaTokens.titleCaptionFontStyle, _emotion.textAreaTokens.titleCaptionFontWeight, _emotion.textAreaTokens.titleCaptionLetterSpacing, _emotion.textAreaTokens.titleCaptionLineHeight)
|
|
21
21
|
},
|
|
22
22
|
view: {
|
|
23
23
|
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-hover);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--text-tertiary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--surface-transparent-tertiary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary-active);\n ", ": var(--surface-transparent-primary-hover);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _emotion.textAreaTokens.inputBackgroundColor, _emotion.textAreaTokens.inputBackgroundColorHover, _emotion.textAreaTokens.inputBackgroundColorActive, _emotion.textAreaTokens.inputBackgroundColorFocus, _emotion.textAreaTokens.helpersBackgroundColor, _emotion.textAreaTokens.helpersBackgroundColorHover, _emotion.textAreaTokens.helpersBackgroundColorActive, _emotion.textAreaTokens.helpersBackgroundColorFocus, _emotion.textAreaTokens.inputColor, _emotion.textAreaTokens.clearInputColor, _emotion.textAreaTokens.inputColorFocus, _emotion.textAreaTokens.inputCaretColor, _emotion.textAreaTokens.placeholderColor, _emotion.textAreaTokens.placeholderColorFocus, _emotion.textAreaTokens.clearPlaceholderColor, _emotion.textAreaTokens.clearPlaceholderColorFocus, _emotion.textAreaTokens.leftHelperColor, _emotion.textAreaTokens.rightHelperColor, _emotion.textAreaTokens.indicatorColor, _emotion.textAreaTokens.optionalColor, _emotion.textAreaTokens.scrollbarThumbBackgroundColor, _emotion.textAreaTokens.scrollbarThumbBackgroundColorHover, _emotion.textAreaTokens.scrollbarThumbBackgroundColorActive, _emotion.textAreaTokens.scrollbarTrackBackgroundColor, _emotion.textAreaTokens.scrollbarTrackBackgroundColorActive, _emotion.textAreaTokens.scrollbarTrackBackgroundColorHover, _emotion.textAreaTokens.dividerColor, _emotion.textAreaTokens.dividerColorHover, _emotion.textAreaTokens.dividerColorFocus, _emotion.textAreaTokens.titleCaptionColor, _emotion.textAreaTokens.hintIconColor),
|