@salutejs/plasma-web 1.384.0-canary.1352.10591857563.0 → 1.384.0-canary.1361.10595625702.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +136 -0
- package/api/plasma-web.api.md +4 -15
- package/components/Combobox/Combobox.config.js +1 -1
- package/components/Dropdown/Dropdown.config.js +1 -1
- package/components/Dropdown/components/DropdownOld.config.js +1 -1
- package/components/Notification/Notification.config.js +1 -1
- package/components/TextArea/TextArea.config.d.ts +0 -3
- package/components/TextArea/TextArea.config.js +5 -8
- package/components/TextField/TextField.config.d.ts +0 -3
- package/components/TextField/TextField.config.js +6 -9
- package/components/TextField/TextField.d.ts +6 -41
- package/components/Toast/Toast.config.js +4 -4
- package/components/Toolbar/Toolbar.config.js +1 -1
- package/components/Tooltip/Tooltip.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
- package/css/cjs/components/Combobox/{Combobox.config_18fbty9.css → Combobox.config_1xa4b1s.css} +1 -1
- package/css/cjs/components/Combobox/Combobox.css +5 -5
- package/css/cjs/components/Dropdown/Dropdown.config.js +1 -1
- package/css/cjs/components/Dropdown/Dropdown.config.js.map +1 -1
- package/css/{es/components/Dropdown/Dropdown.config_kvz7m2.css → cjs/components/Dropdown/Dropdown.config_sl4ky3.css} +1 -1
- package/css/cjs/components/Dropdown/Dropdown.css +5 -5
- package/css/cjs/components/Dropdown/components/DropdownOld.config.js +1 -1
- package/css/cjs/components/Dropdown/components/DropdownOld.config.js.map +1 -1
- package/css/{es/components/Dropdown/components/DropdownOld.config_1hodqch.css → cjs/components/Dropdown/components/DropdownOld.config_11xcwfh.css} +1 -1
- package/css/cjs/components/Dropdown/components/DropdownPopup.css +5 -5
- package/css/cjs/components/Notification/Notification.config.js +1 -1
- package/css/cjs/components/Notification/Notification.config.js.map +1 -1
- package/css/cjs/components/Notification/Notification.config_17hqtvy.css +5 -0
- package/css/cjs/components/Notification/Notification.css +5 -5
- package/css/cjs/components/TextArea/TextArea.config.js +1 -4
- package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/css/cjs/components/TextArea/{TextArea.config_1vqe8w9.css → TextArea.config_17xusyx.css} +4 -5
- package/css/cjs/components/TextArea/TextArea.css +10 -11
- package/css/cjs/components/TextField/TextField.config.js +2 -5
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/cjs/components/TextField/{TextField.config_49t0m3.css → TextField.config_1e6yupa.css} +5 -6
- package/css/cjs/components/TextField/TextField.css +11 -12
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/components/Toast/Toast.config.js +1 -1
- package/css/cjs/components/Toast/Toast.config.js.map +1 -1
- package/css/cjs/components/Toast/{Toast.config_1rkhg06.css → Toast.config_1cwp1pi.css} +4 -4
- package/css/cjs/components/Toast/Toast.css +6 -6
- package/css/cjs/components/Toolbar/Toolbar.config.js +1 -1
- package/css/cjs/components/Toolbar/Toolbar.config.js.map +1 -1
- package/css/cjs/components/Toolbar/{Toolbar.config_hdv953.css → Toolbar.config_1yum23z.css} +1 -1
- package/css/cjs/components/Toolbar/Toolbar.css +5 -5
- package/css/cjs/components/Tooltip/Tooltip.config.js +1 -1
- package/css/cjs/components/Tooltip/Tooltip.config.js.map +1 -1
- package/css/cjs/components/Tooltip/{Tooltip.config_186fmt6.css → Tooltip.config_1enkpml.css} +1 -1
- package/css/cjs/components/Tooltip/Tooltip.css +3 -3
- package/css/cjs/index.css +60 -62
- package/css/es/components/Combobox/Combobox.config.js +1 -1
- package/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/css/es/components/Combobox/{Combobox.config_18fbty9.css → Combobox.config_1xa4b1s.css} +1 -1
- package/css/es/components/Combobox/Combobox.css +5 -5
- package/css/es/components/Dropdown/Dropdown.config.js +1 -1
- package/css/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/css/{cjs/components/Dropdown/Dropdown.config_kvz7m2.css → es/components/Dropdown/Dropdown.config_sl4ky3.css} +1 -1
- package/css/es/components/Dropdown/Dropdown.css +5 -5
- package/css/es/components/Dropdown/components/DropdownOld.config.js +1 -1
- package/css/es/components/Dropdown/components/DropdownOld.config.js.map +1 -1
- package/css/{cjs/components/Dropdown/components/DropdownOld.config_1hodqch.css → es/components/Dropdown/components/DropdownOld.config_11xcwfh.css} +1 -1
- package/css/es/components/Dropdown/components/DropdownPopup.css +5 -5
- package/css/es/components/Notification/Notification.config.js +1 -1
- package/css/es/components/Notification/Notification.config.js.map +1 -1
- package/css/es/components/Notification/Notification.config_17hqtvy.css +5 -0
- package/css/es/components/Notification/Notification.css +5 -5
- package/css/es/components/TextArea/TextArea.config.js +1 -4
- package/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/css/es/components/TextArea/{TextArea.config_1vqe8w9.css → TextArea.config_17xusyx.css} +4 -5
- package/css/es/components/TextArea/TextArea.css +10 -11
- package/css/es/components/TextField/TextField.config.js +2 -5
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/es/components/TextField/{TextField.config_49t0m3.css → TextField.config_1e6yupa.css} +5 -6
- package/css/es/components/TextField/TextField.css +11 -12
- package/css/es/components/TextField/TextField.js.map +1 -1
- package/css/es/components/Toast/Toast.config.js +1 -1
- package/css/es/components/Toast/Toast.config.js.map +1 -1
- package/css/es/components/Toast/{Toast.config_1rkhg06.css → Toast.config_1cwp1pi.css} +4 -4
- package/css/es/components/Toast/Toast.css +6 -6
- package/css/es/components/Toolbar/Toolbar.config.js +1 -1
- package/css/es/components/Toolbar/Toolbar.config.js.map +1 -1
- package/css/es/components/Toolbar/{Toolbar.config_hdv953.css → Toolbar.config_1yum23z.css} +1 -1
- package/css/es/components/Toolbar/Toolbar.css +5 -5
- package/css/es/components/Tooltip/Tooltip.config.js +1 -1
- package/css/es/components/Tooltip/Tooltip.config.js.map +1 -1
- package/css/es/components/Tooltip/{Tooltip.config_186fmt6.css → Tooltip.config_1enkpml.css} +1 -1
- package/css/es/components/Tooltip/Tooltip.css +3 -3
- package/css/es/index.css +60 -62
- package/es/components/Combobox/Combobox.config.js +1 -1
- package/es/components/Dropdown/Dropdown.config.js +1 -1
- package/es/components/Dropdown/components/DropdownOld.config.js +1 -1
- package/es/components/Notification/Notification.config.js +1 -1
- package/es/components/TextArea/TextArea.config.js +5 -8
- package/es/components/TextField/TextField.config.js +6 -9
- package/es/components/Toast/Toast.config.js +4 -4
- package/es/components/Toolbar/Toolbar.config.js +1 -1
- package/es/components/Tooltip/Tooltip.config.js +1 -1
- package/package.json +12 -12
- package/temp/plasma-web.api.md +4 -15
- package/css/cjs/components/Notification/Notification.config_1lwgobg.css +0 -5
- package/css/es/components/Notification/Notification.config_1lwgobg.css +0 -5
|
@@ -16,7 +16,7 @@ export var config = {
|
|
|
16
16
|
l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ";\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 1.0625rem;\n ", ": 1rem;\n ", ": 0.75rem;\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 "])), dropdownSizeCommon, dropdownItemSizeCommon, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
|
|
17
17
|
},
|
|
18
18
|
view: {
|
|
19
|
-
"default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--surface-solid-card);\n // TODO: #1131 \u0412\u0435\u0440\u043D\u0443\u0442\u044C \u0442\u043E\u043A\u0435\u043D --shadow-down-soft-s\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": var(--text-primary);\n "])), dropdownTokens.disabledOpacity, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemBackgroundSelected, dropdownTokens.itemColorSelected, dropdownTokens.itemBackgroundSelectedHover, dropdownTokens.itemColorSelectedHover, dropdownTokens.itemColor)
|
|
19
|
+
"default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--surface-solid-card-brightness);\n // TODO: #1131 \u0412\u0435\u0440\u043D\u0443\u0442\u044C \u0442\u043E\u043A\u0435\u043D --shadow-down-soft-s\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n\n ", ": var(--plasma-colors-transparent);\n ", ": var(--surface-transparent-secondary);\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": inherit;\n ", ": var(--text-primary);\n "])), dropdownTokens.disabledOpacity, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemBackgroundSelected, dropdownTokens.itemColorSelected, dropdownTokens.itemBackgroundSelectedHover, dropdownTokens.itemColorSelectedHover, dropdownTokens.itemColor)
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
};
|
|
@@ -7,7 +7,7 @@ export var config = {
|
|
|
7
7
|
},
|
|
8
8
|
variations: {
|
|
9
9
|
view: {
|
|
10
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": var(--
|
|
10
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": var(--surface-solid-card-brightness);\n ", ": 0.75rem;\n ", ": 0.375rem;\n\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": 1rem;\n\n ", ": 0.1875rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n\n ", ": 1.625rem;\n ", ": 0.25rem;\n\n ", ": 0.5rem;\n ", ": 0.5rem;\n\n ", ": 0.375rem;\n\n ", ": 1.5rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-typo-body-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-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-colors-tertiary);\n ", ": var(--plasma-colors-primary);\n\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n "])), notificationTokens.contentColor, notificationTokens.background, notificationTokens.borderRadius, notificationTokens.padding, notificationTokens.contentPaddingTop, notificationTokens.contentPaddingRight, notificationTokens.contentPaddingBottom, notificationTokens.contentPaddingLeft, notificationTokens.contentPaddingTopWithoutIcon, notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, notificationTokens.textboxPaddingTop, notificationTokens.textboxPaddingRight, notificationTokens.textboxPaddingBottom, notificationTokens.textboxPaddingLeft, notificationTokens.textboxPaddingRightWithCloseIcon, notificationTokens.textboxGap, notificationTokens.closeIconTop, notificationTokens.closeIconRight, notificationTokens.buttonsMarginTop, notificationTokens.contentLeftIconSize, notificationTokens.contentLeftIconMargin, notificationTokens.contentTopIconMargin, notificationTokens.contentFontFamily, notificationTokens.contentFontSize, notificationTokens.contentFontStyle, notificationTokens.contentFontWeight, notificationTokens.contentFontLetterSpacing, notificationTokens.contentFontLineHeight, notificationTokens.titleFontFamily, notificationTokens.titleFontSize, notificationTokens.titleFontStyle, notificationTokens.titleFontWeight, notificationTokens.titleFontLetterSpacing, notificationTokens.titleFontLineHeight, notificationTokens.closeIconColor, notificationTokens.closeIconColorOnHover, notificationTokens.horizontalLayoutGap, notificationTokens.horizontalLayoutLeftIconMargin, notificationTokens.paddingOneLineTextbox)
|
|
11
11
|
},
|
|
12
12
|
layout: {
|
|
13
13
|
horizontal: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 25rem;\n ", ": 1rem 0.5rem 1rem 0.875rem;\n "])), notificationTokens.width, notificationTokens.horizontalLayoutPadding),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
3
|
import { css, textAreaTokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
4
4
|
export var config = {
|
|
@@ -8,10 +8,10 @@ export var config = {
|
|
|
8
8
|
},
|
|
9
9
|
variations: {
|
|
10
10
|
size: {
|
|
11
|
-
xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 0.563rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 0.625rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 0.75rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n
|
|
12
|
-
s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-footnote1-font-family);\n ", ": var(--plasma-typo-footnote1-font-size);\n ", ": var(--plasma-typo-footnote1-font-style);\n ", ": var(--plasma-typo-footnote1-font-weight);\n ", ": var(--plasma-typo-footnote1-letter-spacing);\n ", ": var(--plasma-typo-footnote1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n
|
|
13
|
-
m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n
|
|
14
|
-
l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5625rem;\n ", ": 0.125rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 1.125rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 1.375rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n
|
|
11
|
+
xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.312rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 2.125rem;\n ", ": 0.563rem;\n ", ": 0.563rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.563rem;\n ", ": 0.5rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 0.625rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 0.75rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight),
|
|
12
|
+
s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7.187rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.688rem;\n ", ": 0.875rem;\n ", ": 3.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.688rem;\n ", ": 0.75rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-footnote1-font-family);\n ", ": var(--plasma-typo-footnote1-font-size);\n ", ": var(--plasma-typo-footnote1-font-style);\n ", ": var(--plasma-typo-footnote1-font-weight);\n ", ": var(--plasma-typo-footnote1-letter-spacing);\n ", ": var(--plasma-typo-footnote1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight),
|
|
13
|
+
m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 7rem;\n ", ": 1.125rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 3.375rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1.25rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.375rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight),
|
|
14
|
+
l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n ", ": 6.812rem;\n ", ": 1.625rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 3.625rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n ", ": 1.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.375rem;\n ", ": 1.063rem;\n ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n ", ": 0.5625rem;\n ", ": 0.125rem;\n ", ": 'SB Sans Text','SBSansText',sans-serif;\n ", ": 1.125rem;\n ", ": normal;\n ", ": 400;\n ", ": -0.02em;\n ", ": 1.375rem;\n ", ": var(--plasma-typo-caption-font-family);\n ", ": var(--plasma-typo-caption-font-size);\n ", ": var(--plasma-typo-caption-font-style);\n ", ": var(--plasma-typo-caption-font-weight);\n ", ": var(--plasma-typo-caption-letter-spacing);\n ", ": var(--plasma-typo-caption-line-height);\n "])), textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingBottomWithHelpers, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight)
|
|
15
15
|
},
|
|
16
16
|
view: {
|
|
17
17
|
"default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-accent);\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-secondary);\n "])), textAreaTokens.inputBorderColor, textAreaTokens.inputBorderColorHover, textAreaTokens.inputBorderColorActive, textAreaTokens.inputBorderColorFocus, textAreaTokens.inputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor),
|
|
@@ -26,9 +26,6 @@ export var config = {
|
|
|
26
26
|
},
|
|
27
27
|
disabled: {
|
|
28
28
|
"true": /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-secondary);\n "])), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled)
|
|
29
|
-
},
|
|
30
|
-
required: {
|
|
31
|
-
"true": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-negative);\n "])), textAreaTokens.indicatorColor)
|
|
32
29
|
}
|
|
33
30
|
}
|
|
34
31
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
3
|
import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
4
4
|
export var config = {
|
|
@@ -15,10 +15,10 @@ export var config = {
|
|
|
15
15
|
negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": 0.72;\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n "])), tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.textBeforeColor, tokens.textAfterColor, tokens.focusColor)
|
|
16
16
|
},
|
|
17
17
|
size: {
|
|
18
|
-
l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\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 ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n
|
|
19
|
-
m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\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 ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.625rem;\n ", ": 0.875rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n
|
|
20
|
-
s: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.0625rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\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 ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n
|
|
21
|
-
xs: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\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 ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n
|
|
18
|
+
l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\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 ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
|
19
|
+
m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.0625rem;\n\n ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\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 ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2.25rem;\n ", ": 0.625rem;\n ", ": 0.875rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
|
20
|
+
s: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.0625rem;\n\n ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\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 ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": auto;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
|
|
21
|
+
xs: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n\n ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\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 ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": auto;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight)
|
|
22
22
|
},
|
|
23
23
|
labelPlacement: {
|
|
24
24
|
inner: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--text-secondary)));\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
|
|
@@ -27,11 +27,8 @@ export var config = {
|
|
|
27
27
|
disabled: {
|
|
28
28
|
"true": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tokens.disabledOpacity)
|
|
29
29
|
},
|
|
30
|
-
required: {
|
|
31
|
-
"true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-negative)\n "])), tokens.indicatorColor)
|
|
32
|
-
},
|
|
33
30
|
readOnly: {
|
|
34
|
-
"true": /*#__PURE__*/css(
|
|
31
|
+
"true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColorReadOnly)
|
|
35
32
|
}
|
|
36
33
|
}
|
|
37
34
|
};
|
|
@@ -8,14 +8,14 @@ export var config = {
|
|
|
8
8
|
},
|
|
9
9
|
variations: {
|
|
10
10
|
view: {
|
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
|
11
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
|
12
12
|
/**
|
|
13
13
|
* @deprecated
|
|
14
14
|
* использовать `default`
|
|
15
15
|
*/
|
|
16
|
-
primary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
|
17
|
-
dark: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-solid-
|
|
18
|
-
light: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-surface-solid-primary);\n\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-light-text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
|
|
16
|
+
primary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
|
17
|
+
dark: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-solid-brightness);\n\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
|
18
|
+
light: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-surface-solid-primary-brightness);\n\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-light-text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
|
|
19
19
|
},
|
|
20
20
|
size: {
|
|
21
21
|
m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": calc(100vw - 5rem);\n ", ": 0.5625rem 0.75rem;\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.0625rem 0.375rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n "])), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
|
|
@@ -8,7 +8,7 @@ export var config = {
|
|
|
8
8
|
},
|
|
9
9
|
variations: {
|
|
10
10
|
view: {
|
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n /* TODO: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 box-shadow \u043D\u0430 var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--surface-solid-card);\n\n ", ": var(--surface-transparent-tertiary);\n "])), toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
|
|
11
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n /* TODO: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 box-shadow \u043D\u0430 var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--surface-solid-card-brightness);\n\n ", ": var(--surface-transparent-tertiary);\n "])), toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
|
|
12
12
|
},
|
|
13
13
|
size: {
|
|
14
14
|
xs: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.25rem;\n ", ": 0.75rem;\n\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n "])), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius),
|
|
@@ -13,7 +13,7 @@ export var config = {
|
|
|
13
13
|
},
|
|
14
14
|
view: {
|
|
15
15
|
// TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
|
|
16
|
-
"default": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
|
16
|
+
"default": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card-brightness);\n ", ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ", ": var(--plasma-colors-primary);\n "])), tooltipTokens.backgroundColor, tooltipTokens.boxShadow, tooltipTokens.color)
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-web",
|
|
3
|
-
"version": "1.384.0-canary.
|
|
3
|
+
"version": "1.384.0-canary.1361.10595625702.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
"directory": "packages/plasma-web"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@salutejs/plasma-core": "1.
|
|
23
|
-
"@salutejs/plasma-hope": "1.
|
|
24
|
-
"@salutejs/plasma-new-hope": "0.134.0-canary.
|
|
25
|
-
"@salutejs/plasma-themes": "0.16.0
|
|
26
|
-
"@salutejs/plasma-tokens-b2b": "1.
|
|
27
|
-
"@salutejs/plasma-tokens-b2c": "0.
|
|
28
|
-
"@salutejs/plasma-tokens-web": "1.
|
|
22
|
+
"@salutejs/plasma-core": "1.177.0-canary.1361.10595625702.0",
|
|
23
|
+
"@salutejs/plasma-hope": "1.307.0-canary.1361.10595625702.0",
|
|
24
|
+
"@salutejs/plasma-new-hope": "0.134.0-canary.1361.10595625702.0",
|
|
25
|
+
"@salutejs/plasma-themes": "0.16.0",
|
|
26
|
+
"@salutejs/plasma-tokens-b2b": "1.42.0-canary.1361.10595625702.0",
|
|
27
|
+
"@salutejs/plasma-tokens-b2c": "0.52.0-canary.1361.10595625702.0",
|
|
28
|
+
"@salutejs/plasma-tokens-web": "1.57.0-canary.1361.10595625702.0",
|
|
29
29
|
"@salutejs/plasma-typo": "0.40.0"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
"@rollup/plugin-commonjs": "25.0.7",
|
|
50
50
|
"@rollup/plugin-node-resolve": "15.2.3",
|
|
51
51
|
"@salutejs/plasma-colors": "0.13.0",
|
|
52
|
-
"@salutejs/plasma-cy-utils": "0.
|
|
53
|
-
"@salutejs/plasma-icons": "1.203.0
|
|
54
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
52
|
+
"@salutejs/plasma-cy-utils": "0.108.0-canary.1361.10595625702.0",
|
|
53
|
+
"@salutejs/plasma-icons": "1.203.0",
|
|
54
|
+
"@salutejs/plasma-sb-utils": "0.175.0-canary.1361.10595625702.0",
|
|
55
55
|
"@storybook/addon-docs": "7.6.17",
|
|
56
56
|
"@storybook/addon-essentials": "7.6.17",
|
|
57
57
|
"@storybook/addons": "7.6.17",
|
|
@@ -112,5 +112,5 @@
|
|
|
112
112
|
"Fanil Zubairov"
|
|
113
113
|
],
|
|
114
114
|
"sideEffects": false,
|
|
115
|
-
"gitHead": "
|
|
115
|
+
"gitHead": "b64b0dd166008f3b4a9bd2f7ca2d70ed554ba078"
|
|
116
116
|
}
|
package/temp/plasma-web.api.md
CHANGED
|
@@ -2363,10 +2363,7 @@ export interface TextAreaProps extends TextAreaProps_2 {
|
|
|
2363
2363
|
export { TextareaResize }
|
|
2364
2364
|
|
|
2365
2365
|
// @public
|
|
2366
|
-
export const TextField: React_2.ForwardRefExoticComponent<TextFieldProps_2 & {
|
|
2367
|
-
required?: boolean | undefined;
|
|
2368
|
-
requiredAlign?: "right" | "left" | undefined;
|
|
2369
|
-
} & Pick<PropsType< {
|
|
2366
|
+
export const TextField: React_2.ForwardRefExoticComponent<TextFieldProps_2 & Pick<PropsType< {
|
|
2370
2367
|
view: {
|
|
2371
2368
|
default: PolymorphicClassName;
|
|
2372
2369
|
positive: PolymorphicClassName;
|
|
@@ -2386,9 +2383,6 @@ outer: PolymorphicClassName;
|
|
|
2386
2383
|
disabled: {
|
|
2387
2384
|
true: PolymorphicClassName;
|
|
2388
2385
|
};
|
|
2389
|
-
required: {
|
|
2390
|
-
true: PolymorphicClassName;
|
|
2391
|
-
};
|
|
2392
2386
|
readOnly: {
|
|
2393
2387
|
true: PolymorphicClassName;
|
|
2394
2388
|
};
|
|
@@ -2402,11 +2396,9 @@ true: PolymorphicClassName;
|
|
|
2402
2396
|
labelPlacement?: "outer" | "inner" | undefined;
|
|
2403
2397
|
leftHelper?: string | undefined;
|
|
2404
2398
|
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
|
2405
|
-
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
|
2399
|
+
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
|
2406
2400
|
textBefore?: string | undefined;
|
|
2407
2401
|
textAfter?: string | undefined;
|
|
2408
|
-
required?: boolean | undefined;
|
|
2409
|
-
requiredAlign?: "right" | "left" | undefined;
|
|
2410
2402
|
onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
|
2411
2403
|
} & {
|
|
2412
2404
|
chips?: undefined;
|
|
@@ -2423,11 +2415,9 @@ true: PolymorphicClassName;
|
|
|
2423
2415
|
labelPlacement?: "outer" | "inner" | undefined;
|
|
2424
2416
|
leftHelper?: string | undefined;
|
|
2425
2417
|
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
|
2426
|
-
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
|
2418
|
+
contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
|
2427
2419
|
textBefore?: string | undefined;
|
|
2428
2420
|
textAfter?: string | undefined;
|
|
2429
|
-
required?: boolean | undefined;
|
|
2430
|
-
requiredAlign?: "right" | "left" | undefined;
|
|
2431
2421
|
onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
|
|
2432
2422
|
} & {
|
|
2433
2423
|
enumerationType: "chip";
|
|
@@ -2436,11 +2426,10 @@ true: PolymorphicClassName;
|
|
|
2436
2426
|
onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
|
|
2437
2427
|
} & Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "size"> & React_2.RefAttributes<HTMLInputElement>)), "enumerationType" | "chips" | "onChangeChips"> & React_2.RefAttributes<HTMLInputElement>>;
|
|
2438
2428
|
|
|
2439
|
-
// Warning: (ae-forgotten-export) The symbol "TextFieldProps_3" needs to be exported by the entry point index.d.ts
|
|
2440
2429
|
// Warning: (ae-forgotten-export) The symbol "newHopeTextFieldProps" needs to be exported by the entry point index.d.ts
|
|
2441
2430
|
//
|
|
2442
2431
|
// @public (undocumented)
|
|
2443
|
-
export type TextFieldProps =
|
|
2432
|
+
export type TextFieldProps = TextFieldProps_2 & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;
|
|
2444
2433
|
|
|
2445
2434
|
export { TextFieldView }
|
|
2446
2435
|
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
.demycyd{--plasma-notification-content-color:var(--plasma-colors-secondary);--plasma-notification-backgorund:var(--plasma-colors-background-primary);--plasma-notification-border-radius:0.75rem;--plasma-notification-padding:0.375rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-content-padding-top-without-icon:0.25rem;--plasma-notification-horizontal-layout-right-padding-without-close-icon:1rem;--plasma-notification-textbox-padding-top:0.1875rem;--plasma-notification-textbox-padding-right:0.125rem;--plasma-notification-textbox-padding-bottom:0.375rem;--plasma-notification-textbox-padding-left:0.125rem;--plasma-notification-textbox-padding-right-with-close-icon:1.625rem;--plasma-notification-textbox-gap:0.25rem;--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-buttons-margin-top:0.375rem;--plasma-notification-content-left-icon-size:1.5rem;--plasma-notification-content-left-icon-margin:0.375rem;--plasma-notification-content-top-icon-margin:0.5rem;--plasma-notification-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-notification-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-notification-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-notification-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-notification-content-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-notification-content-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-notification-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-notification-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-notification-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-notification-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-notification-title-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-notification-title-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-notification-close-icon-color:var(--plasma-colors-tertiary);--plasma-notification-close-icon-color-on-hover:var(--plasma-colors-primary);--plasma-notification-horizontal-layout-gap:0.375rem;--plasma-notification-horizontal-layout-left-icon-margin:0.75rem;--plasma-notification-padding-one-line-textbox:0.8125rem 0.5rem 0.8125rem 0.875rem;}
|
|
2
|
-
.hu7sha0{--plasma-notification-width:25rem;--plasma-notification-horizontal-layout-padding:1rem 0.5rem 1rem 0.875rem;}
|
|
3
|
-
.v1dvr7yw{--plasma-notification-width:15rem;--plasma-notification-padding:0.375rem;}
|
|
4
|
-
.x6lem8i{--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-padding:0.375rem;--plasma-notification-textbox-padding-top-with-top-icon:0rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-buttons-margin-left:0rem;}
|
|
5
|
-
.xct0qyy{--plasma-notification-close-icon-top:0.8125rem;--plasma-notification-close-icon-right:1rem;--plasma-notification-padding:0.5625rem 1rem 1rem 1rem;--plasma-notification-textbox-padding-top-with-top-icon:0.1875rem;--plasma-notification-content-padding-top:0.25rem;--plasma-notification-content-padding-right:0rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0rem;--plasma-notification-buttons-margin-left:2rem;}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
.demycyd{--plasma-notification-content-color:var(--plasma-colors-secondary);--plasma-notification-backgorund:var(--plasma-colors-background-primary);--plasma-notification-border-radius:0.75rem;--plasma-notification-padding:0.375rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-content-padding-top-without-icon:0.25rem;--plasma-notification-horizontal-layout-right-padding-without-close-icon:1rem;--plasma-notification-textbox-padding-top:0.1875rem;--plasma-notification-textbox-padding-right:0.125rem;--plasma-notification-textbox-padding-bottom:0.375rem;--plasma-notification-textbox-padding-left:0.125rem;--plasma-notification-textbox-padding-right-with-close-icon:1.625rem;--plasma-notification-textbox-gap:0.25rem;--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-buttons-margin-top:0.375rem;--plasma-notification-content-left-icon-size:1.5rem;--plasma-notification-content-left-icon-margin:0.375rem;--plasma-notification-content-top-icon-margin:0.5rem;--plasma-notification-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-notification-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-notification-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-notification-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-notification-content-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-notification-content-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-notification-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-notification-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-notification-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-notification-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-notification-title-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-notification-title-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-notification-close-icon-color:var(--plasma-colors-tertiary);--plasma-notification-close-icon-color-on-hover:var(--plasma-colors-primary);--plasma-notification-horizontal-layout-gap:0.375rem;--plasma-notification-horizontal-layout-left-icon-margin:0.75rem;--plasma-notification-padding-one-line-textbox:0.8125rem 0.5rem 0.8125rem 0.875rem;}
|
|
2
|
-
.hu7sha0{--plasma-notification-width:25rem;--plasma-notification-horizontal-layout-padding:1rem 0.5rem 1rem 0.875rem;}
|
|
3
|
-
.v1dvr7yw{--plasma-notification-width:15rem;--plasma-notification-padding:0.375rem;}
|
|
4
|
-
.x6lem8i{--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-padding:0.375rem;--plasma-notification-textbox-padding-top-with-top-icon:0rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-buttons-margin-left:0rem;}
|
|
5
|
-
.xct0qyy{--plasma-notification-close-icon-top:0.8125rem;--plasma-notification-close-icon-right:1rem;--plasma-notification-padding:0.5625rem 1rem 1rem 1rem;--plasma-notification-textbox-padding-top-with-top-icon:0.1875rem;--plasma-notification-content-padding-top:0.25rem;--plasma-notification-content-padding-right:0rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0rem;--plasma-notification-buttons-margin-left:2rem;}
|