@salutejs/plasma-web 1.368.0-canary.1356.10374168227.0 → 1.368.0-canary.1357.10395998029.0
Sign up to get free protection for your applications and to get access to all the features.
- 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/Popover/Popover.config.js +1 -1
- package/components/Switch/Switch.config.js +2 -2
- package/components/Tabs/TabItem.config.js +4 -4
- package/components/Tabs/Tabs.config.js +4 -4
- package/components/TextField/TextField.config.js +2 -2
- 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/cjs/components/Dropdown/{Dropdown.config_169uaoi.css → 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_1erncnz.css +5 -0
- package/css/cjs/components/Notification/Notification.css +5 -5
- package/css/cjs/components/Popover/Popover.config.js +1 -1
- package/css/cjs/components/Popover/Popover.config.js.map +1 -1
- package/css/cjs/components/Popover/{Popover.config_1l18nlm.css → Popover.config_14o0rv7.css} +1 -1
- package/css/cjs/components/Popover/Popover.css +1 -1
- package/css/cjs/components/Tabs/TabItem.config.js +1 -1
- package/css/cjs/components/Tabs/TabItem.config.js.map +1 -1
- package/css/cjs/components/Tabs/{TabItem.config_1fqdgmr.css → TabItem.config_mjoml6.css} +4 -4
- package/css/cjs/components/Tabs/TabItem.css +15 -15
- package/css/cjs/components/Tabs/Tabs.config.js +1 -1
- package/css/cjs/components/Tabs/Tabs.config.js.map +1 -1
- package/css/cjs/components/Tabs/{Tabs.config_hnbp5.css → Tabs.config_1g344dn.css} +4 -4
- package/css/cjs/components/Tabs/Tabs.css +15 -15
- package/css/cjs/components/Tabs/TabsController.css +30 -30
- package/css/cjs/components/TextField/TextField.config.js +1 -1
- package/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/css/{es/components/TextField/TextField.config_1fkm7bk.css → cjs/components/TextField/TextField.config_1e6yupa.css} +2 -2
- package/css/cjs/components/TextField/TextField.css +11 -11
- 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_1jtfxhk.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_uohtvp.css} +1 -1
- package/css/cjs/components/Tooltip/Tooltip.css +3 -3
- package/css/cjs/index.css +81 -81
- 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/es/components/Dropdown/{Dropdown.config_169uaoi.css → 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_1erncnz.css +5 -0
- package/css/es/components/Notification/Notification.css +5 -5
- package/css/es/components/Popover/Popover.config.js +1 -1
- package/css/es/components/Popover/Popover.config.js.map +1 -1
- package/css/es/components/Popover/{Popover.config_1l18nlm.css → Popover.config_14o0rv7.css} +1 -1
- package/css/es/components/Popover/Popover.css +1 -1
- package/css/es/components/Tabs/TabItem.config.js +1 -1
- package/css/es/components/Tabs/TabItem.config.js.map +1 -1
- package/css/es/components/Tabs/{TabItem.config_1fqdgmr.css → TabItem.config_mjoml6.css} +4 -4
- package/css/es/components/Tabs/TabItem.css +15 -15
- package/css/es/components/Tabs/Tabs.config.js +1 -1
- package/css/es/components/Tabs/Tabs.config.js.map +1 -1
- package/css/es/components/Tabs/{Tabs.config_hnbp5.css → Tabs.config_1g344dn.css} +4 -4
- package/css/es/components/Tabs/Tabs.css +15 -15
- package/css/es/components/Tabs/TabsController.css +30 -30
- package/css/es/components/TextField/TextField.config.js +1 -1
- package/css/es/components/TextField/TextField.config.js.map +1 -1
- package/css/{cjs/components/TextField/TextField.config_1fkm7bk.css → es/components/TextField/TextField.config_1e6yupa.css} +2 -2
- package/css/es/components/TextField/TextField.css +11 -11
- 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_1jtfxhk.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_uohtvp.css} +1 -1
- package/css/es/components/Tooltip/Tooltip.css +3 -3
- package/css/es/index.css +81 -81
- 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/Popover/Popover.config.js +1 -1
- package/es/components/Switch/Switch.config.js +2 -2
- package/es/components/Tabs/TabItem.config.js +4 -4
- package/es/components/Tabs/Tabs.config.js +4 -4
- package/es/components/TextField/TextField.config.js +2 -2
- 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 +7 -8
- package/css/cjs/components/Notification/Notification.config_1lwgobg.css +0 -5
- package/css/es/components/Notification/Notification.config_1lwgobg.css +0 -5
@@ -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(--plasma-colors-background-primary);\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)
|
10
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": var(--plasma-colors-background-primary-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),
|
@@ -7,7 +7,7 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ", ": 0.375rem;\n ", ": 0.5625rem;\n ", ": var(--
|
10
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1rem;\n ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ", ": 0.375rem;\n ", ": 0.5625rem;\n ", ": var(--surface-solid-tertiary);\n "])), popoverTokens.arrowMaskWidth, popoverTokens.arrowMaskHeight, popoverTokens.arrowMaskImage, popoverTokens.arrowHeight, popoverTokens.arrowEdgeMargin, popoverTokens.arrowBackground)
|
11
11
|
}
|
12
12
|
}
|
13
13
|
};
|
@@ -13,7 +13,7 @@ export var config = {
|
|
13
13
|
m: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n ", ": 0.75rem;\n "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
|
14
14
|
},
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
16
|
+
"default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOff, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
|
17
17
|
},
|
18
18
|
// TODO: could we not css into css ???
|
19
19
|
labelPosition: {
|
@@ -24,7 +24,7 @@ export var config = {
|
|
24
24
|
"true": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), switchTokens.disabledOpacity)
|
25
25
|
},
|
26
26
|
focused: {
|
27
|
-
"true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
27
|
+
"true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n "])), switchTokens.trackFocusColor)
|
28
28
|
}
|
29
29
|
}
|
30
30
|
};
|
@@ -8,10 +8,10 @@ export var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
12
|
-
secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
13
|
-
divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
14
|
-
"default": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
11
|
+
clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0;\n ", ": 0;\n\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
|
12
|
+
secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0.125rem;\n\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
|
13
|
+
divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0;\n ", ": 0;\n\n ", ": var(--surface-accent);\n\n ", ": 0.125rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
|
14
|
+
"default": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": transparent;\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0.125rem;\n\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary);\n "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor)
|
15
15
|
},
|
16
16
|
size: {
|
17
17
|
xs: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\n ", ": 1.75rem;\n ", ": 0.25rem;\n ", ": 0.125rem;\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 "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
@@ -8,15 +8,15 @@ export var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
12
|
-
filled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
13
|
-
divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
11
|
+
clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
|
12
|
+
filled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
|
13
|
+
divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
|
14
14
|
},
|
15
15
|
size: {
|
16
16
|
xs: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
17
17
|
s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.25rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
18
18
|
m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.625rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
19
|
-
l: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
19
|
+
l: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.75rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
20
20
|
h5: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.25rem;\n ", ": 0rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
21
21
|
h4: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.25rem;\n ", ": 0rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
22
22
|
h3: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.375rem;\n ", ": 0rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
@@ -9,7 +9,7 @@ export var config = {
|
|
9
9
|
},
|
10
10
|
variations: {
|
11
11
|
view: {
|
12
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__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-secondary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--
|
12
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__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-secondary);\n\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--text-secondary);\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),
|
13
13
|
positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__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-positive);\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\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),
|
14
14
|
warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__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-warning);\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\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),
|
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)
|
@@ -21,7 +21,7 @@ export var config = {
|
|
21
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
|
-
inner: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--
|
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),
|
25
25
|
outer: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
26
26
|
},
|
27
27
|
disabled: {
|
@@ -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-primary);\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);\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-primary-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(--plasma-colors-background-primary);\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)
|
16
|
+
"default": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-background-primary-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.368.0-canary.
|
3
|
+
"version": "1.368.0-canary.1357.10395998029.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,10 +19,9 @@
|
|
19
19
|
"directory": "packages/plasma-web"
|
20
20
|
},
|
21
21
|
"dependencies": {
|
22
|
-
"@salutejs/plasma-core": "1.167.0-canary.
|
23
|
-
"@salutejs/plasma-hope": "1.293.0-canary.
|
24
|
-
"@salutejs/plasma-new-hope": "0.122.0-canary.
|
25
|
-
"@salutejs/plasma-themes": "0.14.0-canary.1356.10374168227.0",
|
22
|
+
"@salutejs/plasma-core": "1.167.0-canary.1357.10395998029.0",
|
23
|
+
"@salutejs/plasma-hope": "1.293.0-canary.1357.10395998029.0",
|
24
|
+
"@salutejs/plasma-new-hope": "0.122.0-canary.1357.10395998029.0",
|
26
25
|
"@salutejs/plasma-tokens-b2b": "1.41.0",
|
27
26
|
"@salutejs/plasma-tokens-b2c": "0.51.0",
|
28
27
|
"@salutejs/plasma-tokens-web": "1.56.0",
|
@@ -49,9 +48,9 @@
|
|
49
48
|
"@rollup/plugin-commonjs": "25.0.7",
|
50
49
|
"@rollup/plugin-node-resolve": "15.2.3",
|
51
50
|
"@salutejs/plasma-colors": "0.13.0",
|
52
|
-
"@salutejs/plasma-cy-utils": "0.99.0-canary.
|
51
|
+
"@salutejs/plasma-cy-utils": "0.99.0-canary.1357.10395998029.0",
|
53
52
|
"@salutejs/plasma-icons": "1.199.0",
|
54
|
-
"@salutejs/plasma-sb-utils": "0.165.0-canary.
|
53
|
+
"@salutejs/plasma-sb-utils": "0.165.0-canary.1357.10395998029.0",
|
55
54
|
"@storybook/addon-docs": "7.6.17",
|
56
55
|
"@storybook/addon-essentials": "7.6.17",
|
57
56
|
"@storybook/addons": "7.6.17",
|
@@ -111,5 +110,5 @@
|
|
111
110
|
"Fanil Zubairov"
|
112
111
|
],
|
113
112
|
"sideEffects": false,
|
114
|
-
"gitHead": "
|
113
|
+
"gitHead": "0b429aacd50595ede876523607c7a68c63de78a1"
|
115
114
|
}
|
@@ -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;}
|