@salutejs/sdds-cs 0.314.0-canary.1929.14661722839.0 → 0.314.0-canary.1929.14710234039.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Avatar/Avatar.config.d.ts +0 -6
- package/components/Avatar/Avatar.config.js +5 -11
- package/components/Avatar/Avatar.d.ts +0 -18
- package/components/DatePicker/DatePicker.config.js +1 -1
- package/components/DatePicker/DatePicker.d.ts +6 -4
- package/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
- package/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/emotion/cjs/components/Avatar/Avatar.config.js +5 -11
- package/emotion/cjs/components/Avatar/Avatar.stories.tsx +1 -11
- package/emotion/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +7 -10
- package/emotion/cjs/components/Notification/Notification.stories.tsx +4 -0
- package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
- package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/emotion/es/components/Avatar/Avatar.config.js +5 -11
- package/emotion/es/components/Avatar/Avatar.stories.tsx +1 -11
- package/emotion/es/components/DatePicker/DatePicker.config.js +1 -1
- package/emotion/es/components/DatePicker/DatePicker.stories.tsx +7 -10
- package/emotion/es/components/Notification/Notification.stories.tsx +4 -0
- package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
- package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/es/components/Avatar/Avatar.config.js +5 -11
- package/es/components/DatePicker/DatePicker.config.js +1 -1
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/package.json +5 -5
|
@@ -16,12 +16,6 @@ export declare const config: {
|
|
|
16
16
|
focused: {
|
|
17
17
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
18
18
|
};
|
|
19
|
-
badgeView: {
|
|
20
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
21
|
-
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
22
|
-
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
23
|
-
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
24
|
-
};
|
|
25
19
|
counterView: {
|
|
26
20
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
27
21
|
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.config = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10
|
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
10
10
|
var config = exports.config = {
|
|
11
11
|
defaults: {
|
|
@@ -26,17 +26,11 @@ var config = exports.config = {
|
|
|
26
26
|
focused: {
|
|
27
27
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.1rem;\n ", ": -0.2rem;\n ", ": var(--surface-accent);\n "])), _styledComponents.avatarTokens.outlineSize, _styledComponents.avatarTokens.outlineOffset, _styledComponents.avatarTokens.outlineColor)
|
|
28
28
|
},
|
|
29
|
-
badgeView: {
|
|
30
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n\n ", ": var(--text-primary);\n\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\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.063rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.063rem;\n "])), _styledComponents.avatarTokens.badgeColor, _styledComponents.avatarTokens.badgeBackground, _styledComponents.avatarTokens.badgeColorClear, _styledComponents.avatarTokens.badgeBorderRadius, _styledComponents.avatarTokens.badgeHeight, _styledComponents.avatarTokens.badgePadding, _styledComponents.avatarTokens.badgePaddingIconOnly, _styledComponents.avatarTokens.badgeFontFamily, _styledComponents.avatarTokens.badgeFontSize, _styledComponents.avatarTokens.badgeFontStyle, _styledComponents.avatarTokens.badgeFontWeight, _styledComponents.avatarTokens.badgeLetterSpacing, _styledComponents.avatarTokens.badgeLineHeight, _styledComponents.avatarTokens.badgeLeftContentMarginLeft, _styledComponents.avatarTokens.badgeLeftContentMarginRight, _styledComponents.avatarTokens.badgeRightContentMarginLeft, _styledComponents.avatarTokens.badgeRightContentMarginRight),
|
|
31
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-accent);\n ", ": var(--text-accent);\n\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\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.063rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.063rem;\n "])), _styledComponents.avatarTokens.badgeColor, _styledComponents.avatarTokens.badgeBackground, _styledComponents.avatarTokens.badgeColorTransparent, _styledComponents.avatarTokens.badgeColorClear, _styledComponents.avatarTokens.badgeBorderRadius, _styledComponents.avatarTokens.badgeHeight, _styledComponents.avatarTokens.badgePadding, _styledComponents.avatarTokens.badgePaddingIconOnly, _styledComponents.avatarTokens.badgeFontFamily, _styledComponents.avatarTokens.badgeFontSize, _styledComponents.avatarTokens.badgeFontStyle, _styledComponents.avatarTokens.badgeFontWeight, _styledComponents.avatarTokens.badgeLetterSpacing, _styledComponents.avatarTokens.badgeLineHeight, _styledComponents.avatarTokens.badgeLeftContentMarginLeft, _styledComponents.avatarTokens.badgeLeftContentMarginRight, _styledComponents.avatarTokens.badgeRightContentMarginLeft, _styledComponents.avatarTokens.badgeRightContentMarginRight),
|
|
32
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\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.063rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.063rem;\n "])), _styledComponents.avatarTokens.badgeColor, _styledComponents.avatarTokens.badgeBackground, _styledComponents.avatarTokens.badgeColorTransparent, _styledComponents.avatarTokens.badgeColorClear, _styledComponents.avatarTokens.badgeBorderRadius, _styledComponents.avatarTokens.badgeHeight, _styledComponents.avatarTokens.badgePadding, _styledComponents.avatarTokens.badgePaddingIconOnly, _styledComponents.avatarTokens.badgeFontFamily, _styledComponents.avatarTokens.badgeFontSize, _styledComponents.avatarTokens.badgeFontStyle, _styledComponents.avatarTokens.badgeFontWeight, _styledComponents.avatarTokens.badgeLetterSpacing, _styledComponents.avatarTokens.badgeLineHeight, _styledComponents.avatarTokens.badgeLeftContentMarginLeft, _styledComponents.avatarTokens.badgeLeftContentMarginRight, _styledComponents.avatarTokens.badgeRightContentMarginLeft, _styledComponents.avatarTokens.badgeRightContentMarginRight),
|
|
33
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\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.063rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.063rem;\n "])), _styledComponents.avatarTokens.badgeColor, _styledComponents.avatarTokens.badgeBackground, _styledComponents.avatarTokens.badgeColorTransparent, _styledComponents.avatarTokens.badgeColorClear, _styledComponents.avatarTokens.badgeBorderRadius, _styledComponents.avatarTokens.badgeHeight, _styledComponents.avatarTokens.badgePadding, _styledComponents.avatarTokens.badgePaddingIconOnly, _styledComponents.avatarTokens.badgeFontFamily, _styledComponents.avatarTokens.badgeFontSize, _styledComponents.avatarTokens.badgeFontStyle, _styledComponents.avatarTokens.badgeFontWeight, _styledComponents.avatarTokens.badgeLetterSpacing, _styledComponents.avatarTokens.badgeLineHeight, _styledComponents.avatarTokens.badgeLeftContentMarginLeft, _styledComponents.avatarTokens.badgeLeftContentMarginRight, _styledComponents.avatarTokens.badgeRightContentMarginLeft, _styledComponents.avatarTokens.badgeRightContentMarginRight)
|
|
34
|
-
},
|
|
35
29
|
counterView: {
|
|
36
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(
|
|
37
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(
|
|
38
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(
|
|
39
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(
|
|
30
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0 0.375rem;\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 "])), _styledComponents.avatarTokens.counterColor, _styledComponents.avatarTokens.counterBackground, _styledComponents.avatarTokens.counterBorderRadius, _styledComponents.avatarTokens.counterHeight, _styledComponents.avatarTokens.counterPadding, _styledComponents.avatarTokens.counterFontFamily, _styledComponents.avatarTokens.counterFontSize, _styledComponents.avatarTokens.counterFontStyle, _styledComponents.avatarTokens.counterFontWeight, _styledComponents.avatarTokens.counterLetterSpacing, _styledComponents.avatarTokens.counterLineHeight),
|
|
31
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0 0.375rem;\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 "])), _styledComponents.avatarTokens.counterColor, _styledComponents.avatarTokens.counterBackground, _styledComponents.avatarTokens.counterBorderRadius, _styledComponents.avatarTokens.counterHeight, _styledComponents.avatarTokens.counterPadding, _styledComponents.avatarTokens.counterFontFamily, _styledComponents.avatarTokens.counterFontSize, _styledComponents.avatarTokens.counterFontStyle, _styledComponents.avatarTokens.counterFontWeight, _styledComponents.avatarTokens.counterLetterSpacing, _styledComponents.avatarTokens.counterLineHeight),
|
|
32
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0 0.375rem;\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 "])), _styledComponents.avatarTokens.counterColor, _styledComponents.avatarTokens.counterBackground, _styledComponents.avatarTokens.counterBorderRadius, _styledComponents.avatarTokens.counterHeight, _styledComponents.avatarTokens.counterPadding, _styledComponents.avatarTokens.counterFontFamily, _styledComponents.avatarTokens.counterFontSize, _styledComponents.avatarTokens.counterFontStyle, _styledComponents.avatarTokens.counterFontWeight, _styledComponents.avatarTokens.counterLetterSpacing, _styledComponents.avatarTokens.counterLineHeight),
|
|
33
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0 0.375rem;\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 "])), _styledComponents.avatarTokens.counterColor, _styledComponents.avatarTokens.counterBackground, _styledComponents.avatarTokens.counterBorderRadius, _styledComponents.avatarTokens.counterHeight, _styledComponents.avatarTokens.counterPadding, _styledComponents.avatarTokens.counterFontFamily, _styledComponents.avatarTokens.counterFontSize, _styledComponents.avatarTokens.counterFontStyle, _styledComponents.avatarTokens.counterFontWeight, _styledComponents.avatarTokens.counterLetterSpacing, _styledComponents.avatarTokens.counterLineHeight)
|
|
40
34
|
}
|
|
41
35
|
}
|
|
42
36
|
};
|
|
@@ -12,12 +12,6 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
12
12
|
focused: {
|
|
13
13
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
14
|
};
|
|
15
|
-
badgeView: {
|
|
16
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
17
|
-
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
18
|
-
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
19
|
-
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
20
|
-
};
|
|
21
15
|
counterView: {
|
|
22
16
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
23
17
|
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -37,12 +31,6 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
37
31
|
focused: {
|
|
38
32
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
39
33
|
};
|
|
40
|
-
badgeView: {
|
|
41
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
42
|
-
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
43
|
-
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
44
|
-
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
45
|
-
};
|
|
46
34
|
counterView: {
|
|
47
35
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
48
36
|
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -111,12 +99,6 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
111
99
|
focused: {
|
|
112
100
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
113
101
|
};
|
|
114
|
-
badgeView: {
|
|
115
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
116
|
-
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
117
|
-
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
118
|
-
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
119
|
-
};
|
|
120
102
|
counterView: {
|
|
121
103
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
122
104
|
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -14,7 +14,7 @@ var config = exports.config = {
|
|
|
14
14
|
},
|
|
15
15
|
variations: {
|
|
16
16
|
view: {
|
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card);\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n ", ": var(--outline-negative);\n ", ": var(--outline-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-negative);\n ", ": var(--text-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--surface-negative);\n\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n ", ": var(--outline-negative);\n ", ": var(--outline-negative);\n ", ": var(--outline-accent);\n ", ": var(--outline-accent);\n ", ": var(--surface-solid-card);\n ", ": var(--text-secondary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-accent);\n\n ", ": var(--shadow-down-soft-s);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--inverse-outline-solid-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--surface-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--outline-solid-primary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-accent);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-accent);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n "])), _styledComponents.datePickerTokens.background, _styledComponents.datePickerTokens.borderColor, _styledComponents.datePickerTokens.borderColorHover, _styledComponents.datePickerTokens.borderColorFocus, _styledComponents.datePickerTokens.borderColorError, _styledComponents.datePickerTokens.borderColorSuccess, _styledComponents.datePickerTokens.dividerColor, _styledComponents.datePickerTokens.labelColor, _styledComponents.datePickerTokens.leftHelperColor, _styledComponents.datePickerTokens.leftHelperColorError, _styledComponents.datePickerTokens.leftHelperColorSuccess, _styledComponents.datePickerTokens.textFieldColor, _styledComponents.datePickerTokens.textFieldPlaceholderColor, _styledComponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledComponents.datePickerTokens.textFieldCaretColor, _styledComponents.datePickerTokens.labelInnerFontFamily, _styledComponents.datePickerTokens.labelInnerFontSize, _styledComponents.datePickerTokens.labelInnerFontStyle, _styledComponents.datePickerTokens.labelInnerFontWeight, _styledComponents.datePickerTokens.labelInnerLetterSpacing, _styledComponents.datePickerTokens.labelInnerLineHeight, _styledComponents.datePickerTokens.indicatorColor, _styledComponents.datePickerTokens.textFieldBorderColor, _styledComponents.datePickerTokens.textFieldBorderColorHover, _styledComponents.datePickerTokens.textFieldBorderColorFocus, _styledComponents.datePickerTokens.textFieldBorderColorError, _styledComponents.datePickerTokens.textFieldBorderColorErrorFocus, _styledComponents.datePickerTokens.textFieldBorderColorSuccess, _styledComponents.datePickerTokens.textFieldBorderColorSuccessFocus, _styledComponents.datePickerTokens.textFieldBackgroundColor, _styledComponents.datePickerTokens.textFieldContentSlotColor, _styledComponents.datePickerTokens.textFieldTextBeforeColor, _styledComponents.datePickerTokens.textFieldTextAfterColor, _styledComponents.datePickerTokens.focusColor, _styledComponents.datePickerTokens.calendarShadow, _styledComponents.datePickerTokens.calendarSeparatorBackground, _styledComponents.datePickerTokens.calendarBackgroundColor, _styledComponents.datePickerTokens.calendarSelectedItemBackground, _styledComponents.datePickerTokens.calendarSelectedItemColor, _styledComponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemBorderColor, _styledComponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemColorHover, _styledComponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledComponents.datePickerTokens.calendarActiveItemBackground, _styledComponents.datePickerTokens.calendarActiveItemColor, _styledComponents.datePickerTokens.calendarHoveredItemBackground, _styledComponents.datePickerTokens.calendarHoveredItemColor, _styledComponents.datePickerTokens.calendarRangeBackground, _styledComponents.datePickerTokens.calendarOutlineFocusColor, _styledComponents.datePickerTokens.calendarContentPrimaryColor, _styledComponents.datePickerTokens.calendarContentSecondaryColor, _styledComponents.datePickerTokens.calendarContentPrimaryDisabledColor, _styledComponents.datePickerTokens.calendarContentSecondaryDisabledColor, _styledComponents.datePickerTokens.calendarHeaderArrowColor, _styledComponents.datePickerTokens.calendarBorderColor, _styledComponents.datePickerTokens.calendarDayOfWeekColor, _styledComponents.datePickerTokens.iconButtonColor, _styledComponents.datePickerTokens.iconButtonBackgroundColor, _styledComponents.datePickerTokens.iconButtonColorHover, _styledComponents.datePickerTokens.iconButtonBackgroundColorHover, _styledComponents.datePickerTokens.iconButtonColorActive, _styledComponents.datePickerTokens.iconButtonBackgroundColorActive, _styledComponents.datePickerTokens.iconButtonFocusColor, _styledComponents.datePickerTokens.textFieldContentRightSlotColor, _styledComponents.datePickerTokens.textFieldContentRightSlotColorHover)
|
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card);\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n ", ": var(--outline-negative);\n ", ": var(--outline-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-negative);\n ", ": var(--text-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--surface-negative);\n\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n ", ": var(--outline-negative);\n ", ": var(--outline-negative);\n ", ": var(--outline-accent);\n ", ": var(--outline-accent);\n ", ": var(--surface-solid-card);\n ", ": var(--text-secondary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-accent);\n\n ", ": var(--shadow-down-soft-s);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--inverse-outline-solid-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--surface-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--outline-solid-primary);\n ", ": var(--text-secondary);\n ", ": 0.4;\n\n ", ": var(--text-accent);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-accent);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n "])), _styledComponents.datePickerTokens.background, _styledComponents.datePickerTokens.borderColor, _styledComponents.datePickerTokens.borderColorHover, _styledComponents.datePickerTokens.borderColorFocus, _styledComponents.datePickerTokens.borderColorError, _styledComponents.datePickerTokens.borderColorSuccess, _styledComponents.datePickerTokens.dividerColor, _styledComponents.datePickerTokens.labelColor, _styledComponents.datePickerTokens.leftHelperColor, _styledComponents.datePickerTokens.leftHelperColorError, _styledComponents.datePickerTokens.leftHelperColorSuccess, _styledComponents.datePickerTokens.textFieldColor, _styledComponents.datePickerTokens.textFieldPlaceholderColor, _styledComponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledComponents.datePickerTokens.textFieldCaretColor, _styledComponents.datePickerTokens.labelInnerFontFamily, _styledComponents.datePickerTokens.labelInnerFontSize, _styledComponents.datePickerTokens.labelInnerFontStyle, _styledComponents.datePickerTokens.labelInnerFontWeight, _styledComponents.datePickerTokens.labelInnerLetterSpacing, _styledComponents.datePickerTokens.labelInnerLineHeight, _styledComponents.datePickerTokens.indicatorColor, _styledComponents.datePickerTokens.textFieldBorderColor, _styledComponents.datePickerTokens.textFieldBorderColorHover, _styledComponents.datePickerTokens.textFieldBorderColorFocus, _styledComponents.datePickerTokens.textFieldBorderColorError, _styledComponents.datePickerTokens.textFieldBorderColorErrorFocus, _styledComponents.datePickerTokens.textFieldBorderColorSuccess, _styledComponents.datePickerTokens.textFieldBorderColorSuccessFocus, _styledComponents.datePickerTokens.textFieldBackgroundColor, _styledComponents.datePickerTokens.textFieldContentSlotColor, _styledComponents.datePickerTokens.textFieldTextBeforeColor, _styledComponents.datePickerTokens.textFieldTextAfterColor, _styledComponents.datePickerTokens.focusColor, _styledComponents.datePickerTokens.calendarShadow, _styledComponents.datePickerTokens.calendarSeparatorBackground, _styledComponents.datePickerTokens.calendarBackgroundColor, _styledComponents.datePickerTokens.calendarSelectedItemBackground, _styledComponents.datePickerTokens.calendarSelectedItemColor, _styledComponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemBorderColor, _styledComponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledComponents.datePickerTokens.calendarCurrentItemColorHover, _styledComponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledComponents.datePickerTokens.calendarActiveItemBackground, _styledComponents.datePickerTokens.calendarActiveItemColor, _styledComponents.datePickerTokens.calendarHoveredItemBackground, _styledComponents.datePickerTokens.calendarHoveredItemColor, _styledComponents.datePickerTokens.calendarRangeBackground, _styledComponents.datePickerTokens.calendarOutlineFocusColor, _styledComponents.datePickerTokens.calendarContentPrimaryColor, _styledComponents.datePickerTokens.calendarContentSecondaryColor, _styledComponents.datePickerTokens.calendarContentPrimaryDisabledColor, _styledComponents.datePickerTokens.calendarContentSecondaryDisabledColor, _styledComponents.datePickerTokens.calendarHeaderArrowColor, _styledComponents.datePickerTokens.calendarBorderColor, _styledComponents.datePickerTokens.calendarDayOfWeekColor, _styledComponents.datePickerTokens.calendarDisabledOpacity, _styledComponents.datePickerTokens.iconButtonColor, _styledComponents.datePickerTokens.iconButtonBackgroundColor, _styledComponents.datePickerTokens.iconButtonColorHover, _styledComponents.datePickerTokens.iconButtonBackgroundColorHover, _styledComponents.datePickerTokens.iconButtonColorActive, _styledComponents.datePickerTokens.iconButtonBackgroundColorActive, _styledComponents.datePickerTokens.iconButtonFocusColor, _styledComponents.datePickerTokens.textFieldContentRightSlotColor, _styledComponents.datePickerTokens.textFieldContentRightSlotColorHover)
|
|
18
18
|
},
|
|
19
19
|
size: {
|
|
20
20
|
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 19.5rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n\n ", ": 0 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0 0 0 0.75rem;\n ", ": 0;\n\n ", ": 0.5rem;\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.3125rem auto auto -0.6875rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n\n ", ": 2.5rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-size);\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 0 0 0;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-size);\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.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.125rem;\n ", ": 19.5rem;\n ", ": 0.875rem;\n\n ", ": 0.5rem 1rem 0.875rem 1rem;\n ", ": 0.5rem;\n ", ": 5.5rem;\n ", ": 3.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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.5rem;\n ", ": 8.25rem;\n ", ": 7rem;\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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n ", ": 0.5rem 1rem 0.875rem 1rem;\n ", ": 0.5rem;\n ", ": 5.5rem;\n ", ": 3.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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n ", ": 0.5rem 1rem 0.875rem 1rem;\n ", ": 0.5rem;\n ", ": 2.5rem;\n ", ": 2rem;\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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n ", ": 0.125rem;\n\n ", ": 0.75rem 1rem 0 1rem;\n ", ": 0.5rem;\n\n ", ": 0 0 0 0.5rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n "])), _styledComponents.datePickerTokens.width, _styledComponents.datePickerTokens.borderRadius, _styledComponents.datePickerTokens.borderWidth, _styledComponents.datePickerTokens.dividerPadding, _styledComponents.datePickerTokens.dividerFontFamily, _styledComponents.datePickerTokens.dividerFontStyle, _styledComponents.datePickerTokens.dividerFontSize, _styledComponents.datePickerTokens.dividerFontWeight, _styledComponents.datePickerTokens.dividerLetterSpacing, _styledComponents.datePickerTokens.dividerLineHeight, _styledComponents.datePickerTokens.leftContentMargin, _styledComponents.datePickerTokens.rightContentMargin, _styledComponents.datePickerTokens.labelOffset, _styledComponents.datePickerTokens.labelInnerPadding, _styledComponents.datePickerTokens.contentLabelInnerPadding, _styledComponents.datePickerTokens.labelFontFamily, _styledComponents.datePickerTokens.labelFontStyle, _styledComponents.datePickerTokens.labelFontSize, _styledComponents.datePickerTokens.labelFontWeight, _styledComponents.datePickerTokens.labelLetterSpacing, _styledComponents.datePickerTokens.labelLineHeight, _styledComponents.datePickerTokens.indicatorSize, _styledComponents.datePickerTokens.indicatorSizeOuter, _styledComponents.datePickerTokens.indicatorPlacement, _styledComponents.datePickerTokens.indicatorOuterPlacement, _styledComponents.datePickerTokens.indicatorPlacementRight, _styledComponents.datePickerTokens.indicatorOuterPlacementRight, _styledComponents.datePickerTokens.textFieldHeight, _styledComponents.datePickerTokens.textFieldBorderRadius, _styledComponents.datePickerTokens.textFieldBorderWidth, _styledComponents.datePickerTokens.textFieldPadding, _styledComponents.datePickerTokens.textFieldFontFamily, _styledComponents.datePickerTokens.textFieldFontStyle, _styledComponents.datePickerTokens.textFieldFontSize, _styledComponents.datePickerTokens.textFieldFontWeight, _styledComponents.datePickerTokens.textFieldLetterSpacing, _styledComponents.datePickerTokens.textFieldLineHeight, _styledComponents.datePickerTokens.leftHelperOffset, _styledComponents.datePickerTokens.leftHelperFontFamily, _styledComponents.datePickerTokens.leftHelperFontStyle, _styledComponents.datePickerTokens.leftHelperFontSize, _styledComponents.datePickerTokens.leftHelperFontWeight, _styledComponents.datePickerTokens.leftHelperLetterSpacing, _styledComponents.datePickerTokens.leftHelperLineHeight, _styledComponents.datePickerTokens.textFieldLeftContentMargin, _styledComponents.datePickerTokens.textFieldRightContentMargin, _styledComponents.datePickerTokens.textFieldTextBeforeMargin, _styledComponents.datePickerTokens.textFieldTextAfterMargin, _styledComponents.datePickerTokens.calendarBorderWidth, _styledComponents.datePickerTokens.calendarWidth, _styledComponents.datePickerTokens.calendarBorderRadius, _styledComponents.datePickerTokens.calendarYearsPadding, _styledComponents.datePickerTokens.calendarYearItemBorderRadius, _styledComponents.datePickerTokens.calendarYearItemWidth, _styledComponents.datePickerTokens.calendarYearItemHeight, _styledComponents.datePickerTokens.calendarYearFontFamily, _styledComponents.datePickerTokens.calendarYearFontSize, _styledComponents.datePickerTokens.calendarYearFontStyle, _styledComponents.datePickerTokens.calendarYearFontLetterSpacing, _styledComponents.datePickerTokens.calendarYearFontLineHeight, _styledComponents.datePickerTokens.calendarYearFontWeight, _styledComponents.datePickerTokens.calendarYearSelectedFontWeight, _styledComponents.datePickerTokens.calendarQuartersPadding, _styledComponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledComponents.datePickerTokens.calendarQuarterItemWidth, _styledComponents.datePickerTokens.calendarQuarterItemHeight, _styledComponents.datePickerTokens.calendarQuarterFontFamily, _styledComponents.datePickerTokens.calendarQuarterFontSize, _styledComponents.datePickerTokens.calendarQuarterFontStyle, _styledComponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledComponents.datePickerTokens.calendarQuarterFontLineHeight, _styledComponents.datePickerTokens.calendarQuarterFontWeight, _styledComponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledComponents.datePickerTokens.calendarMonthsPadding, _styledComponents.datePickerTokens.calendarMonthItemBorderRadius, _styledComponents.datePickerTokens.calendarMonthItemWidth, _styledComponents.datePickerTokens.calendarMonthItemHeight, _styledComponents.datePickerTokens.calendarMonthFontFamily, _styledComponents.datePickerTokens.calendarMonthFontSize, _styledComponents.datePickerTokens.calendarMonthFontStyle, _styledComponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledComponents.datePickerTokens.calendarMonthFontLineHeight, _styledComponents.datePickerTokens.calendarMonthFontWeight, _styledComponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledComponents.datePickerTokens.calendarDaysPadding, _styledComponents.datePickerTokens.calendarDayItemBorderRadius, _styledComponents.datePickerTokens.calendarDayItemWidth, _styledComponents.datePickerTokens.calendarDayItemHeight, _styledComponents.datePickerTokens.calendarDayFontFamily, _styledComponents.datePickerTokens.calendarDayFontSize, _styledComponents.datePickerTokens.calendarDayFontStyle, _styledComponents.datePickerTokens.calendarDayFontLetterSpacing, _styledComponents.datePickerTokens.calendarDayFontLineHeight, _styledComponents.datePickerTokens.calendarDayFontWeight, _styledComponents.datePickerTokens.calendarDaySelectedFontWeight, _styledComponents.datePickerTokens.calendarCurrentItemBorderWidth, _styledComponents.datePickerTokens.calendarHeaderWrapperPadding, _styledComponents.datePickerTokens.calendarHeaderArrowGap, _styledComponents.datePickerTokens.calendarHeaderPadding, _styledComponents.datePickerTokens.calendarHeaderDateGap, _styledComponents.datePickerTokens.calendarHeaderFontFamily, _styledComponents.datePickerTokens.calendarHeaderFontSize, _styledComponents.datePickerTokens.calendarHeaderFontStyle, _styledComponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledComponents.datePickerTokens.calendarHeaderFontLineHeight, _styledComponents.datePickerTokens.calendarHeaderFontWeight, _styledComponents.datePickerTokens.calendarHeaderFontWeightBold, _styledComponents.datePickerTokens.iconButtonHeight, _styledComponents.datePickerTokens.iconButtonWidth, _styledComponents.datePickerTokens.iconButtonPadding, _styledComponents.datePickerTokens.iconButtonRadius)
|
|
@@ -27,15 +27,17 @@ export declare const DatePicker: import("react").FunctionComponent<import("@salu
|
|
|
27
27
|
contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
28
28
|
textBefore?: string | undefined;
|
|
29
29
|
textAfter?: string | undefined;
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
autoComplete?: string | undefined;
|
|
31
|
+
onCommitDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: any, originalDate?: Date | undefined, isoDate?: string | undefined) => void) | undefined;
|
|
32
|
+
onChangeValue?: ((event: import("react").SyntheticEvent<HTMLInputElement, Event> | null, value?: string | undefined, originalDate?: any, isoDate?: string | undefined) => void) | undefined;
|
|
32
33
|
onChange?: ((event: {
|
|
33
34
|
target: {
|
|
34
35
|
value?: string | undefined;
|
|
35
36
|
name?: string | undefined;
|
|
37
|
+
originalDate?: any;
|
|
38
|
+
isoDate?: string | undefined;
|
|
36
39
|
};
|
|
37
40
|
}) => void) | undefined;
|
|
38
|
-
autoComplete?: string | undefined;
|
|
39
41
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
40
42
|
export declare const DatePickerRange: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
41
43
|
view: {
|
|
@@ -54,7 +56,7 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
|
|
|
54
56
|
requiredPlacement?: "left" | "right" | undefined;
|
|
55
57
|
required?: boolean | undefined;
|
|
56
58
|
hasRequiredIndicator?: boolean | undefined;
|
|
57
|
-
value?: [
|
|
59
|
+
value?: [string | import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types").DateType, string | import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types").DateType] | undefined;
|
|
58
60
|
defaultFirstDate?: Date | undefined;
|
|
59
61
|
defaultSecondDate?: Date | undefined;
|
|
60
62
|
name?: string | undefined;
|
|
@@ -14,10 +14,10 @@ var config = exports.config = {
|
|
|
14
14
|
},
|
|
15
15
|
variations: {
|
|
16
16
|
view: {
|
|
17
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\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(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover),
|
|
18
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-card);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-card);\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0.125rem;\n\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover),
|
|
19
|
-
divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": #1A9E32;\n ", ": var(--text-secondary);\n ", ": var(--text-accent-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\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(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover),
|
|
20
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--inverse-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--on-dark-text-secondary);\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(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover)
|
|
17
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\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(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n\n ", ": default;\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.itemCursor),
|
|
18
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-card);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-card);\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0.125rem;\n\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n\n ", ": default;\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.itemCursor),
|
|
19
|
+
divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": #1A9E32;\n ", ": var(--text-secondary);\n ", ": var(--text-accent-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\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(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n\n ", ": default;\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.itemCursor),
|
|
20
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--inverse-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--on-dark-text-secondary);\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(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n\n ", ": default;\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.itemCursor)
|
|
21
21
|
},
|
|
22
22
|
size: {
|
|
23
23
|
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0 0.625rem;\n ", ": 0 0.5rem;\n ", ": 1.75rem;\n ", ": 0.25rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight, _styledComponents.tabsTokens.valueFontFamily, _styledComponents.tabsTokens.valueFontSize, _styledComponents.tabsTokens.valueFontStyle, _styledComponents.tabsTokens.valueFontWeight, _styledComponents.tabsTokens.valueLetterSpacing, _styledComponents.tabsTokens.valueLineHeight)
|
|
@@ -14,7 +14,7 @@ var config = exports.config = {
|
|
|
14
14
|
},
|
|
15
15
|
variations: {
|
|
16
16
|
view: {
|
|
17
|
-
divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": #1A9E32;\n ", ": var(--text-secondary);\n ", ": var(--text-accent-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\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 ", ": 0.125rem;\n ", ": var(--surface-solid-default);\n ", ": var(--text-primary);\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerWidth, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover)
|
|
17
|
+
divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": #1A9E32;\n ", ": var(--text-secondary);\n ", ": var(--text-accent-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\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 ", ": 0.125rem;\n ", ": var(--surface-solid-default);\n ", ": var(--text-primary);\n\n ", ": default;\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerWidth, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.itemCursor)
|
|
18
18
|
},
|
|
19
19
|
size: {
|
|
20
20
|
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0 0.625rem;\n ", ": 0 0.5rem;\n ", ": 0.5rem 1rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemPaddingOrientationVertical, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight, _styledComponents.tabsTokens.valueFontFamily, _styledComponents.tabsTokens.valueFontSize, _styledComponents.tabsTokens.valueFontStyle, _styledComponents.tabsTokens.valueFontWeight, _styledComponents.tabsTokens.valueLetterSpacing, _styledComponents.tabsTokens.valueLineHeight)
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.config = void 0;
|
|
7
7
|
var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
|
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10
|
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
10
10
|
var config = exports.config = {
|
|
11
11
|
defaults: {
|
|
@@ -26,17 +26,11 @@ var config = exports.config = {
|
|
|
26
26
|
focused: {
|
|
27
27
|
"true": /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.1rem;\n ", ": -0.2rem;\n ", ": var(--surface-accent);\n "])), _emotion.avatarTokens.outlineSize, _emotion.avatarTokens.outlineOffset, _emotion.avatarTokens.outlineColor)
|
|
28
28
|
},
|
|
29
|
-
badgeView: {
|
|
30
|
-
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n\n ", ": var(--text-primary);\n\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\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.063rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.063rem;\n "])), _emotion.avatarTokens.badgeColor, _emotion.avatarTokens.badgeBackground, _emotion.avatarTokens.badgeColorClear, _emotion.avatarTokens.badgeBorderRadius, _emotion.avatarTokens.badgeHeight, _emotion.avatarTokens.badgePadding, _emotion.avatarTokens.badgePaddingIconOnly, _emotion.avatarTokens.badgeFontFamily, _emotion.avatarTokens.badgeFontSize, _emotion.avatarTokens.badgeFontStyle, _emotion.avatarTokens.badgeFontWeight, _emotion.avatarTokens.badgeLetterSpacing, _emotion.avatarTokens.badgeLineHeight, _emotion.avatarTokens.badgeLeftContentMarginLeft, _emotion.avatarTokens.badgeLeftContentMarginRight, _emotion.avatarTokens.badgeRightContentMarginLeft, _emotion.avatarTokens.badgeRightContentMarginRight),
|
|
31
|
-
accent: /*#__PURE__*/(0, _emotion.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-accent);\n ", ": var(--text-accent);\n\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\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.063rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.063rem;\n "])), _emotion.avatarTokens.badgeColor, _emotion.avatarTokens.badgeBackground, _emotion.avatarTokens.badgeColorTransparent, _emotion.avatarTokens.badgeColorClear, _emotion.avatarTokens.badgeBorderRadius, _emotion.avatarTokens.badgeHeight, _emotion.avatarTokens.badgePadding, _emotion.avatarTokens.badgePaddingIconOnly, _emotion.avatarTokens.badgeFontFamily, _emotion.avatarTokens.badgeFontSize, _emotion.avatarTokens.badgeFontStyle, _emotion.avatarTokens.badgeFontWeight, _emotion.avatarTokens.badgeLetterSpacing, _emotion.avatarTokens.badgeLineHeight, _emotion.avatarTokens.badgeLeftContentMarginLeft, _emotion.avatarTokens.badgeLeftContentMarginRight, _emotion.avatarTokens.badgeRightContentMarginLeft, _emotion.avatarTokens.badgeRightContentMarginRight),
|
|
32
|
-
positive: /*#__PURE__*/(0, _emotion.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\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.063rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.063rem;\n "])), _emotion.avatarTokens.badgeColor, _emotion.avatarTokens.badgeBackground, _emotion.avatarTokens.badgeColorTransparent, _emotion.avatarTokens.badgeColorClear, _emotion.avatarTokens.badgeBorderRadius, _emotion.avatarTokens.badgeHeight, _emotion.avatarTokens.badgePadding, _emotion.avatarTokens.badgePaddingIconOnly, _emotion.avatarTokens.badgeFontFamily, _emotion.avatarTokens.badgeFontSize, _emotion.avatarTokens.badgeFontStyle, _emotion.avatarTokens.badgeFontWeight, _emotion.avatarTokens.badgeLetterSpacing, _emotion.avatarTokens.badgeLineHeight, _emotion.avatarTokens.badgeLeftContentMarginLeft, _emotion.avatarTokens.badgeLeftContentMarginRight, _emotion.avatarTokens.badgeRightContentMarginLeft, _emotion.avatarTokens.badgeRightContentMarginRight),
|
|
33
|
-
negative: /*#__PURE__*/(0, _emotion.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\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.063rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.063rem;\n "])), _emotion.avatarTokens.badgeColor, _emotion.avatarTokens.badgeBackground, _emotion.avatarTokens.badgeColorTransparent, _emotion.avatarTokens.badgeColorClear, _emotion.avatarTokens.badgeBorderRadius, _emotion.avatarTokens.badgeHeight, _emotion.avatarTokens.badgePadding, _emotion.avatarTokens.badgePaddingIconOnly, _emotion.avatarTokens.badgeFontFamily, _emotion.avatarTokens.badgeFontSize, _emotion.avatarTokens.badgeFontStyle, _emotion.avatarTokens.badgeFontWeight, _emotion.avatarTokens.badgeLetterSpacing, _emotion.avatarTokens.badgeLineHeight, _emotion.avatarTokens.badgeLeftContentMarginLeft, _emotion.avatarTokens.badgeLeftContentMarginRight, _emotion.avatarTokens.badgeRightContentMarginLeft, _emotion.avatarTokens.badgeRightContentMarginRight)
|
|
34
|
-
},
|
|
35
29
|
counterView: {
|
|
36
|
-
"default": /*#__PURE__*/(0, _emotion.css)(
|
|
37
|
-
accent: /*#__PURE__*/(0, _emotion.css)(
|
|
38
|
-
positive: /*#__PURE__*/(0, _emotion.css)(
|
|
39
|
-
negative: /*#__PURE__*/(0, _emotion.css)(
|
|
30
|
+
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0 0.375rem;\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 "])), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground, _emotion.avatarTokens.counterBorderRadius, _emotion.avatarTokens.counterHeight, _emotion.avatarTokens.counterPadding, _emotion.avatarTokens.counterFontFamily, _emotion.avatarTokens.counterFontSize, _emotion.avatarTokens.counterFontStyle, _emotion.avatarTokens.counterFontWeight, _emotion.avatarTokens.counterLetterSpacing, _emotion.avatarTokens.counterLineHeight),
|
|
31
|
+
accent: /*#__PURE__*/(0, _emotion.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0 0.375rem;\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 "])), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground, _emotion.avatarTokens.counterBorderRadius, _emotion.avatarTokens.counterHeight, _emotion.avatarTokens.counterPadding, _emotion.avatarTokens.counterFontFamily, _emotion.avatarTokens.counterFontSize, _emotion.avatarTokens.counterFontStyle, _emotion.avatarTokens.counterFontWeight, _emotion.avatarTokens.counterLetterSpacing, _emotion.avatarTokens.counterLineHeight),
|
|
32
|
+
positive: /*#__PURE__*/(0, _emotion.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0 0.375rem;\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 "])), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground, _emotion.avatarTokens.counterBorderRadius, _emotion.avatarTokens.counterHeight, _emotion.avatarTokens.counterPadding, _emotion.avatarTokens.counterFontFamily, _emotion.avatarTokens.counterFontSize, _emotion.avatarTokens.counterFontStyle, _emotion.avatarTokens.counterFontWeight, _emotion.avatarTokens.counterLetterSpacing, _emotion.avatarTokens.counterLineHeight),
|
|
33
|
+
negative: /*#__PURE__*/(0, _emotion.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0 0.375rem;\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 "])), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground, _emotion.avatarTokens.counterBorderRadius, _emotion.avatarTokens.counterHeight, _emotion.avatarTokens.counterPadding, _emotion.avatarTokens.counterFontFamily, _emotion.avatarTokens.counterFontSize, _emotion.avatarTokens.counterFontStyle, _emotion.avatarTokens.counterFontWeight, _emotion.avatarTokens.counterLetterSpacing, _emotion.avatarTokens.counterLineHeight)
|
|
40
34
|
}
|
|
41
35
|
}
|
|
42
36
|
};
|
|
@@ -5,9 +5,8 @@ import { disableProps } from '@salutejs/plasma-sb-utils';
|
|
|
5
5
|
import { Avatar } from './Avatar';
|
|
6
6
|
|
|
7
7
|
const extraPlacements = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
|
|
8
|
-
const extraType = ['', '
|
|
8
|
+
const extraType = ['', 'counter'];
|
|
9
9
|
const counterViews = ['default', 'accent', 'positive', 'negative'];
|
|
10
|
-
const badgeViews = ['default', 'accent', 'positive', 'negative'];
|
|
11
10
|
|
|
12
11
|
const meta: Meta<typeof Avatar> = {
|
|
13
12
|
title: 'Data Display/Avatar',
|
|
@@ -39,15 +38,6 @@ const meta: Meta<typeof Avatar> = {
|
|
|
39
38
|
control: 'number',
|
|
40
39
|
if: { arg: 'type', eq: 'counter' },
|
|
41
40
|
},
|
|
42
|
-
badgeView: {
|
|
43
|
-
control: 'select',
|
|
44
|
-
options: badgeViews,
|
|
45
|
-
if: { arg: 'type', eq: 'badge' },
|
|
46
|
-
},
|
|
47
|
-
text: {
|
|
48
|
-
control: 'text',
|
|
49
|
-
if: { arg: 'type', eq: 'badge' },
|
|
50
|
-
},
|
|
51
41
|
},
|
|
52
42
|
};
|
|
53
43
|
|
|
@@ -14,7 +14,7 @@ var config = exports.config = {
|
|
|
14
14
|
},
|
|
15
15
|
variations: {
|
|
16
16
|
view: {
|
|
17
|
-
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card);\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n ", ": var(--outline-negative);\n ", ": var(--outline-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-negative);\n ", ": var(--text-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--surface-negative);\n\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n ", ": var(--outline-negative);\n ", ": var(--outline-negative);\n ", ": var(--outline-accent);\n ", ": var(--outline-accent);\n ", ": var(--surface-solid-card);\n ", ": var(--text-secondary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-accent);\n\n ", ": var(--shadow-down-soft-s);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--inverse-outline-solid-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--surface-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--outline-solid-primary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-accent);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-accent);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n "])), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorError, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.dividerColor, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.leftHelperColor, _emotion.datePickerTokens.leftHelperColorError, _emotion.datePickerTokens.leftHelperColorSuccess, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldPlaceholderColorFocus, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.labelInnerFontFamily, _emotion.datePickerTokens.labelInnerFontSize, _emotion.datePickerTokens.labelInnerFontStyle, _emotion.datePickerTokens.labelInnerFontWeight, _emotion.datePickerTokens.labelInnerLetterSpacing, _emotion.datePickerTokens.labelInnerLineHeight, _emotion.datePickerTokens.indicatorColor, _emotion.datePickerTokens.textFieldBorderColor, _emotion.datePickerTokens.textFieldBorderColorHover, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldBorderColorError, _emotion.datePickerTokens.textFieldBorderColorErrorFocus, _emotion.datePickerTokens.textFieldBorderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorSuccessFocus, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.textFieldContentSlotColor, _emotion.datePickerTokens.textFieldTextBeforeColor, _emotion.datePickerTokens.textFieldTextAfterColor, _emotion.datePickerTokens.focusColor, _emotion.datePickerTokens.calendarShadow, _emotion.datePickerTokens.calendarSeparatorBackground, _emotion.datePickerTokens.calendarBackgroundColor, _emotion.datePickerTokens.calendarSelectedItemBackground, _emotion.datePickerTokens.calendarSelectedItemColor, _emotion.datePickerTokens.calendarSelectableItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemBorderColor, _emotion.datePickerTokens.calendarCurrentItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemColorHover, _emotion.datePickerTokens.calendarCurrentItemChildBackgroundHover, _emotion.datePickerTokens.calendarActiveItemBackground, _emotion.datePickerTokens.calendarActiveItemColor, _emotion.datePickerTokens.calendarHoveredItemBackground, _emotion.datePickerTokens.calendarHoveredItemColor, _emotion.datePickerTokens.calendarRangeBackground, _emotion.datePickerTokens.calendarOutlineFocusColor, _emotion.datePickerTokens.calendarContentPrimaryColor, _emotion.datePickerTokens.calendarContentSecondaryColor, _emotion.datePickerTokens.calendarContentPrimaryDisabledColor, _emotion.datePickerTokens.calendarContentSecondaryDisabledColor, _emotion.datePickerTokens.calendarHeaderArrowColor, _emotion.datePickerTokens.calendarBorderColor, _emotion.datePickerTokens.calendarDayOfWeekColor, _emotion.datePickerTokens.iconButtonColor, _emotion.datePickerTokens.iconButtonBackgroundColor, _emotion.datePickerTokens.iconButtonColorHover, _emotion.datePickerTokens.iconButtonBackgroundColorHover, _emotion.datePickerTokens.iconButtonColorActive, _emotion.datePickerTokens.iconButtonBackgroundColorActive, _emotion.datePickerTokens.iconButtonFocusColor, _emotion.datePickerTokens.textFieldContentRightSlotColor, _emotion.datePickerTokens.textFieldContentRightSlotColorHover)
|
|
17
|
+
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-card);\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n ", ": var(--outline-negative);\n ", ": var(--outline-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-negative);\n ", ": var(--text-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--surface-negative);\n\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n ", ": var(--outline-accent);\n ", ": var(--outline-negative);\n ", ": var(--outline-negative);\n ", ": var(--outline-accent);\n ", ": var(--outline-accent);\n ", ": var(--surface-solid-card);\n ", ": var(--text-secondary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-accent);\n\n ", ": var(--shadow-down-soft-s);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--inverse-outline-solid-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--surface-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-accent);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": var(--outline-solid-primary);\n ", ": var(--text-secondary);\n ", ": 0.4;\n\n ", ": var(--text-accent);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-accent);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n "])), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorError, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.dividerColor, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.leftHelperColor, _emotion.datePickerTokens.leftHelperColorError, _emotion.datePickerTokens.leftHelperColorSuccess, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldPlaceholderColorFocus, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.labelInnerFontFamily, _emotion.datePickerTokens.labelInnerFontSize, _emotion.datePickerTokens.labelInnerFontStyle, _emotion.datePickerTokens.labelInnerFontWeight, _emotion.datePickerTokens.labelInnerLetterSpacing, _emotion.datePickerTokens.labelInnerLineHeight, _emotion.datePickerTokens.indicatorColor, _emotion.datePickerTokens.textFieldBorderColor, _emotion.datePickerTokens.textFieldBorderColorHover, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldBorderColorError, _emotion.datePickerTokens.textFieldBorderColorErrorFocus, _emotion.datePickerTokens.textFieldBorderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorSuccessFocus, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.textFieldContentSlotColor, _emotion.datePickerTokens.textFieldTextBeforeColor, _emotion.datePickerTokens.textFieldTextAfterColor, _emotion.datePickerTokens.focusColor, _emotion.datePickerTokens.calendarShadow, _emotion.datePickerTokens.calendarSeparatorBackground, _emotion.datePickerTokens.calendarBackgroundColor, _emotion.datePickerTokens.calendarSelectedItemBackground, _emotion.datePickerTokens.calendarSelectedItemColor, _emotion.datePickerTokens.calendarSelectableItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemBorderColor, _emotion.datePickerTokens.calendarCurrentItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemColorHover, _emotion.datePickerTokens.calendarCurrentItemChildBackgroundHover, _emotion.datePickerTokens.calendarActiveItemBackground, _emotion.datePickerTokens.calendarActiveItemColor, _emotion.datePickerTokens.calendarHoveredItemBackground, _emotion.datePickerTokens.calendarHoveredItemColor, _emotion.datePickerTokens.calendarRangeBackground, _emotion.datePickerTokens.calendarOutlineFocusColor, _emotion.datePickerTokens.calendarContentPrimaryColor, _emotion.datePickerTokens.calendarContentSecondaryColor, _emotion.datePickerTokens.calendarContentPrimaryDisabledColor, _emotion.datePickerTokens.calendarContentSecondaryDisabledColor, _emotion.datePickerTokens.calendarHeaderArrowColor, _emotion.datePickerTokens.calendarBorderColor, _emotion.datePickerTokens.calendarDayOfWeekColor, _emotion.datePickerTokens.calendarDisabledOpacity, _emotion.datePickerTokens.iconButtonColor, _emotion.datePickerTokens.iconButtonBackgroundColor, _emotion.datePickerTokens.iconButtonColorHover, _emotion.datePickerTokens.iconButtonBackgroundColorHover, _emotion.datePickerTokens.iconButtonColorActive, _emotion.datePickerTokens.iconButtonBackgroundColorActive, _emotion.datePickerTokens.iconButtonFocusColor, _emotion.datePickerTokens.textFieldContentRightSlotColor, _emotion.datePickerTokens.textFieldContentRightSlotColorHover)
|
|
18
18
|
},
|
|
19
19
|
size: {
|
|
20
20
|
s: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 19.5rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n\n ", ": 0 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0 0 0 0.75rem;\n ", ": 0;\n\n ", ": 0.5rem;\n ", ": 0.3125rem 0 0 0;\n ", ": 1.0625rem 0 0.3125rem 0;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.3125rem auto auto -0.6875rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n\n ", ": 2.5rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n ", ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-size);\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 0 0 0;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-size);\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.1875rem 0.25rem -0.1875rem -0.125rem;\n ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.125rem;\n ", ": 19.5rem;\n ", ": 0.875rem;\n\n ", ": 0.5rem 1rem 0.875rem 1rem;\n ", ": 0.5rem;\n ", ": 5.5rem;\n ", ": 3.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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.5rem;\n ", ": 8.25rem;\n ", ": 7rem;\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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n ", ": 0.5rem 1rem 0.875rem 1rem;\n ", ": 0.5rem;\n ", ": 5.5rem;\n ", ": 3.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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n ", ": 0.5rem 1rem 0.875rem 1rem;\n ", ": 0.5rem;\n ", ": 2.5rem;\n ", ": 2rem;\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-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n\n ", ": 0.125rem;\n\n ", ": 0.75rem 1rem 0 1rem;\n ", ": 0.5rem;\n\n ", ": 0 0 0 0.5rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n "])), _emotion.datePickerTokens.width, _emotion.datePickerTokens.borderRadius, _emotion.datePickerTokens.borderWidth, _emotion.datePickerTokens.dividerPadding, _emotion.datePickerTokens.dividerFontFamily, _emotion.datePickerTokens.dividerFontStyle, _emotion.datePickerTokens.dividerFontSize, _emotion.datePickerTokens.dividerFontWeight, _emotion.datePickerTokens.dividerLetterSpacing, _emotion.datePickerTokens.dividerLineHeight, _emotion.datePickerTokens.leftContentMargin, _emotion.datePickerTokens.rightContentMargin, _emotion.datePickerTokens.labelOffset, _emotion.datePickerTokens.labelInnerPadding, _emotion.datePickerTokens.contentLabelInnerPadding, _emotion.datePickerTokens.labelFontFamily, _emotion.datePickerTokens.labelFontStyle, _emotion.datePickerTokens.labelFontSize, _emotion.datePickerTokens.labelFontWeight, _emotion.datePickerTokens.labelLetterSpacing, _emotion.datePickerTokens.labelLineHeight, _emotion.datePickerTokens.indicatorSize, _emotion.datePickerTokens.indicatorSizeOuter, _emotion.datePickerTokens.indicatorPlacement, _emotion.datePickerTokens.indicatorOuterPlacement, _emotion.datePickerTokens.indicatorPlacementRight, _emotion.datePickerTokens.indicatorOuterPlacementRight, _emotion.datePickerTokens.textFieldHeight, _emotion.datePickerTokens.textFieldBorderRadius, _emotion.datePickerTokens.textFieldBorderWidth, _emotion.datePickerTokens.textFieldPadding, _emotion.datePickerTokens.textFieldFontFamily, _emotion.datePickerTokens.textFieldFontStyle, _emotion.datePickerTokens.textFieldFontSize, _emotion.datePickerTokens.textFieldFontWeight, _emotion.datePickerTokens.textFieldLetterSpacing, _emotion.datePickerTokens.textFieldLineHeight, _emotion.datePickerTokens.leftHelperOffset, _emotion.datePickerTokens.leftHelperFontFamily, _emotion.datePickerTokens.leftHelperFontStyle, _emotion.datePickerTokens.leftHelperFontSize, _emotion.datePickerTokens.leftHelperFontWeight, _emotion.datePickerTokens.leftHelperLetterSpacing, _emotion.datePickerTokens.leftHelperLineHeight, _emotion.datePickerTokens.textFieldLeftContentMargin, _emotion.datePickerTokens.textFieldRightContentMargin, _emotion.datePickerTokens.textFieldTextBeforeMargin, _emotion.datePickerTokens.textFieldTextAfterMargin, _emotion.datePickerTokens.calendarBorderWidth, _emotion.datePickerTokens.calendarWidth, _emotion.datePickerTokens.calendarBorderRadius, _emotion.datePickerTokens.calendarYearsPadding, _emotion.datePickerTokens.calendarYearItemBorderRadius, _emotion.datePickerTokens.calendarYearItemWidth, _emotion.datePickerTokens.calendarYearItemHeight, _emotion.datePickerTokens.calendarYearFontFamily, _emotion.datePickerTokens.calendarYearFontSize, _emotion.datePickerTokens.calendarYearFontStyle, _emotion.datePickerTokens.calendarYearFontLetterSpacing, _emotion.datePickerTokens.calendarYearFontLineHeight, _emotion.datePickerTokens.calendarYearFontWeight, _emotion.datePickerTokens.calendarYearSelectedFontWeight, _emotion.datePickerTokens.calendarQuartersPadding, _emotion.datePickerTokens.calendarQuarterItemBorderRadius, _emotion.datePickerTokens.calendarQuarterItemWidth, _emotion.datePickerTokens.calendarQuarterItemHeight, _emotion.datePickerTokens.calendarQuarterFontFamily, _emotion.datePickerTokens.calendarQuarterFontSize, _emotion.datePickerTokens.calendarQuarterFontStyle, _emotion.datePickerTokens.calendarQuarterFontLetterSpacing, _emotion.datePickerTokens.calendarQuarterFontLineHeight, _emotion.datePickerTokens.calendarQuarterFontWeight, _emotion.datePickerTokens.calendarQuarterSelectedFontWeight, _emotion.datePickerTokens.calendarMonthsPadding, _emotion.datePickerTokens.calendarMonthItemBorderRadius, _emotion.datePickerTokens.calendarMonthItemWidth, _emotion.datePickerTokens.calendarMonthItemHeight, _emotion.datePickerTokens.calendarMonthFontFamily, _emotion.datePickerTokens.calendarMonthFontSize, _emotion.datePickerTokens.calendarMonthFontStyle, _emotion.datePickerTokens.calendarMonthFontLetterSpacing, _emotion.datePickerTokens.calendarMonthFontLineHeight, _emotion.datePickerTokens.calendarMonthFontWeight, _emotion.datePickerTokens.calendarMonthSelectedFontWeight, _emotion.datePickerTokens.calendarDaysPadding, _emotion.datePickerTokens.calendarDayItemBorderRadius, _emotion.datePickerTokens.calendarDayItemWidth, _emotion.datePickerTokens.calendarDayItemHeight, _emotion.datePickerTokens.calendarDayFontFamily, _emotion.datePickerTokens.calendarDayFontSize, _emotion.datePickerTokens.calendarDayFontStyle, _emotion.datePickerTokens.calendarDayFontLetterSpacing, _emotion.datePickerTokens.calendarDayFontLineHeight, _emotion.datePickerTokens.calendarDayFontWeight, _emotion.datePickerTokens.calendarDaySelectedFontWeight, _emotion.datePickerTokens.calendarCurrentItemBorderWidth, _emotion.datePickerTokens.calendarHeaderWrapperPadding, _emotion.datePickerTokens.calendarHeaderArrowGap, _emotion.datePickerTokens.calendarHeaderPadding, _emotion.datePickerTokens.calendarHeaderDateGap, _emotion.datePickerTokens.calendarHeaderFontFamily, _emotion.datePickerTokens.calendarHeaderFontSize, _emotion.datePickerTokens.calendarHeaderFontStyle, _emotion.datePickerTokens.calendarHeaderFontLetterSpacing, _emotion.datePickerTokens.calendarHeaderFontLineHeight, _emotion.datePickerTokens.calendarHeaderFontWeight, _emotion.datePickerTokens.calendarHeaderFontWeightBold, _emotion.datePickerTokens.iconButtonHeight, _emotion.datePickerTokens.iconButtonWidth, _emotion.datePickerTokens.iconButtonPadding, _emotion.datePickerTokens.iconButtonRadius)
|
|
@@ -9,6 +9,7 @@ import { IconButton } from '../IconButton/IconButton';
|
|
|
9
9
|
import { DatePicker, DatePickerRange } from './DatePicker';
|
|
10
10
|
|
|
11
11
|
const onChangeValue = action('onChangeValue');
|
|
12
|
+
const onCommitDate = action('onCommitDate');
|
|
12
13
|
const onBlur = action('onBlur');
|
|
13
14
|
const onFocus = action('onFocus');
|
|
14
15
|
|
|
@@ -107,10 +108,8 @@ const StoryDefault = ({
|
|
|
107
108
|
onBlur={onBlur}
|
|
108
109
|
onFocus={onFocus}
|
|
109
110
|
onToggle={(is) => setIsOpen(is)}
|
|
110
|
-
onChangeValue={
|
|
111
|
-
|
|
112
|
-
}}
|
|
113
|
-
onCommitDate={() => setIsOpen(false)}
|
|
111
|
+
onChangeValue={onChangeValue}
|
|
112
|
+
onCommitDate={onCommitDate}
|
|
114
113
|
{...rest}
|
|
115
114
|
/>
|
|
116
115
|
);
|
|
@@ -141,6 +140,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
|
141
140
|
labelPlacement: 'outer',
|
|
142
141
|
defaultDate: new Date(2024, 5, 14),
|
|
143
142
|
renderFromDate: new Date(2024, 4, 14),
|
|
143
|
+
includeEdgeDates: true,
|
|
144
144
|
min: new Date(2024, 1, 1),
|
|
145
145
|
max: new Date(2024, 12, 29),
|
|
146
146
|
maskWithFormat: false,
|
|
@@ -236,12 +236,8 @@ const StoryRange = ({
|
|
|
236
236
|
showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
|
|
237
237
|
}
|
|
238
238
|
onToggle={(is) => setIsOpen(is)}
|
|
239
|
-
onChangeFirstValue={
|
|
240
|
-
|
|
241
|
-
}}
|
|
242
|
-
onChangeSecondValue={(e, currentValue) => {
|
|
243
|
-
onChangeSecondValue(e, currentValue);
|
|
244
|
-
}}
|
|
239
|
+
onChangeFirstValue={onChangeFirstValue}
|
|
240
|
+
onChangeSecondValue={onChangeSecondValue}
|
|
245
241
|
{...dividerIconProps}
|
|
246
242
|
{...rest}
|
|
247
243
|
/>
|
|
@@ -273,6 +269,7 @@ export const Range: StoryObj<StoryPropsRange> = {
|
|
|
273
269
|
closeAfterDateSelect: true,
|
|
274
270
|
isDoubleCalendar: false,
|
|
275
271
|
dividerVariant: 'dash',
|
|
272
|
+
includeEdgeDates: true,
|
|
276
273
|
min: new Date(2024, 1, 1),
|
|
277
274
|
max: new Date(2024, 12, 29),
|
|
278
275
|
renderFromDate: new Date(2024, 4, 14),
|
|
@@ -3,6 +3,7 @@ import type { ComponentProps } from 'react';
|
|
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
|
4
4
|
import { IconSber } from '@salutejs/plasma-icons';
|
|
5
5
|
import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
6
|
+
import { action } from '@storybook/addon-actions';
|
|
6
7
|
|
|
7
8
|
import { Button } from '../Button/Button';
|
|
8
9
|
import { Modal } from '../Modal/Modal';
|
|
@@ -42,6 +43,9 @@ const getNotificationProps = (i: number) => ({
|
|
|
42
43
|
children: texts[i % 3],
|
|
43
44
|
size: size[i % 2],
|
|
44
45
|
iconPlacement: iconPlacement[i % 2] as NotificationIconPlacement,
|
|
46
|
+
onTimeoutClose: () => {
|
|
47
|
+
action('onTimeoutClose')('Callback, вызываемый при автоматическом закрытии по timeout.');
|
|
48
|
+
},
|
|
45
49
|
});
|
|
46
50
|
|
|
47
51
|
const placements = ['top', 'left'];
|