@salutejs/plasma-new-hope 0.340.0-canary.2322.19132961849.0 → 0.340.0-canary.2324.19228888741.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/cjs/components/DatePicker/DatePicker.tokens.js +0 -6
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +11 -11
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +24 -4
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles_7jrupa.css +4 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
- package/cjs/components/Range/Range.css +8 -8
- package/cjs/components/Range/Range.styles.js +1 -1
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/{Range.styles_it2utg.css → Range.styles_jx7i43.css} +2 -2
- package/cjs/components/Range/Range.tokens.js +0 -6
- package/cjs/components/Range/Range.tokens.js.map +1 -1
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
- package/{es/components/Range/variations/_readonly/base_1lu7vb0.css → cjs/components/Range/variations/_readonly/base_1kd2tb.css} +1 -1
- package/cjs/components/Tabs/tokens.js +1 -0
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tree/utils/deepCopy.js +29 -0
- package/cjs/components/Tree/utils/deepCopy.js.map +1 -0
- package/cjs/components/Tree/utils/traverseTree.js +1 -1
- package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
- package/cjs/index.css +11 -11
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +0 -6
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +21 -4
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +7 -7
- package/emotion/cjs/components/Range/Range.styles.js +19 -19
- package/emotion/cjs/components/Range/Range.tokens.js +0 -6
- package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/cjs/components/Tabs/tokens.js +1 -0
- package/emotion/cjs/components/Tree/utils/deepCopy.js +83 -0
- package/emotion/cjs/components/Tree/utils/index.js +4 -0
- package/emotion/cjs/components/Tree/utils/traverseTree.js +1 -1
- package/emotion/cjs/examples/components/ChipGroup/ChipGroup.config.js +35 -0
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/emotion/cjs/examples/components/Range/Range.config.js +8 -8
- package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
- package/emotion/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +0 -6
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +21 -4
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +7 -7
- package/emotion/es/components/Range/Range.styles.js +19 -19
- package/emotion/es/components/Range/Range.tokens.js +0 -6
- package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/es/components/Tabs/tokens.js +1 -0
- package/emotion/es/components/Tree/utils/deepCopy.js +73 -0
- package/emotion/es/components/Tree/utils/index.js +1 -0
- package/emotion/es/components/Tree/utils/traverseTree.js +1 -1
- package/emotion/es/examples/components/ChipGroup/ChipGroup.config.js +25 -0
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/emotion/es/examples/components/Range/Range.config.js +8 -8
- package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
- package/emotion/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
- package/es/components/DatePicker/DatePicker.tokens.js +0 -6
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +11 -11
- package/es/components/DatePicker/RangeDate/RangeDate.js +24 -4
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles_7jrupa.css +4 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
- package/es/components/Range/Range.css +8 -8
- package/es/components/Range/Range.styles.js +1 -1
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/{Range.styles_it2utg.css → Range.styles_jx7i43.css} +2 -2
- package/es/components/Range/Range.tokens.js +0 -6
- package/es/components/Range/Range.tokens.js.map +1 -1
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base.js.map +1 -1
- package/{cjs/components/Range/variations/_readonly/base_1lu7vb0.css → es/components/Range/variations/_readonly/base_1kd2tb.css} +1 -1
- package/es/components/Tabs/tokens.js +1 -0
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tree/utils/deepCopy.js +25 -0
- package/es/components/Tree/utils/deepCopy.js.map +1 -0
- package/es/components/Tree/utils/traverseTree.js +1 -1
- package/es/components/Tree/utils/traverseTree.js.map +1 -1
- package/es/index.css +11 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +0 -6
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +21 -4
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -16
- package/styled-components/cjs/components/Range/Range.styles.js +13 -22
- package/styled-components/cjs/components/Range/Range.tokens.js +0 -6
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +2 -3
- package/styled-components/cjs/components/Tabs/tokens.js +1 -0
- package/styled-components/cjs/components/Tree/utils/deepCopy.js +83 -0
- package/styled-components/cjs/components/Tree/utils/index.js +4 -0
- package/styled-components/cjs/components/Tree/utils/traverseTree.js +1 -1
- package/styled-components/cjs/examples/components/ChipGroup/ChipGroup.config.js +141 -0
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +1 -4
- package/styled-components/cjs/examples/components/Range/Range.config.js +1 -4
- package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
- package/styled-components/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +0 -6
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +21 -4
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +4 -16
- package/styled-components/es/components/Range/Range.styles.js +13 -22
- package/styled-components/es/components/Range/Range.tokens.js +0 -6
- package/styled-components/es/components/Range/variations/_readonly/base.js +2 -3
- package/styled-components/es/components/Tabs/tokens.js +1 -0
- package/styled-components/es/components/Tree/utils/deepCopy.js +73 -0
- package/styled-components/es/components/Tree/utils/index.js +1 -0
- package/styled-components/es/components/Tree/utils/traverseTree.js +1 -1
- package/styled-components/es/examples/components/ChipGroup/ChipGroup.config.js +131 -0
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +1 -4
- package/styled-components/es/examples/components/Range/Range.config.js +1 -4
- package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
- package/styled-components/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
- package/types/components/DatePicker/DatePicker.tokens.d.ts +0 -6
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Range/Range.tokens.d.ts +0 -6
- package/types/components/Range/Range.tokens.d.ts.map +1 -1
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +1 -0
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tree/utils/deepCopy.d.ts +6 -0
- package/types/components/Tree/utils/deepCopy.d.ts.map +1 -0
- package/types/components/Tree/utils/index.d.ts +1 -0
- package/types/components/Tree/utils/index.d.ts.map +1 -1
- package/types/examples/components/ChipGroup/ChipGroup.config.d.ts.map +1 -0
- package/types/examples/components/ChipGroup/ChipGroup.d.ts.map +1 -0
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/components/Range/Range.config.d.ts.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles_21hloy.css +0 -4
- package/emotion/cjs/examples/components/ChipGroup /ChipGroup.config.js +0 -214
- package/emotion/es/examples/components/ChipGroup /ChipGroup.config.js +0 -204
- package/es/components/DatePicker/RangeDate/RangeDate.styles_21hloy.css +0 -4
- package/styled-components/cjs/examples/components/ChipGroup /ChipGroup.config.js +0 -214
- package/styled-components/es/examples/components/ChipGroup /ChipGroup.config.js +0 -204
- package/types/examples/components/ChipGroup /ChipGroup.config.d.ts.map +0 -1
- package/types/examples/components/ChipGroup /ChipGroup.d.ts.map +0 -1
- /package/emotion/cjs/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
- /package/emotion/es/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
- /package/styled-components/cjs/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
- /package/styled-components/es/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
- /package/types/examples/components/{ChipGroup → ChipGroup}/ChipGroup.config.d.ts +0 -0
- /package/types/examples/components/{ChipGroup → ChipGroup}/ChipGroup.d.ts +0 -0
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "config", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return config;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _styledcomponents = require("styled-components");
|
|
12
|
+
var _ChipGroup = require("../../../components/ChipGroup");
|
|
13
|
+
var config = {
|
|
14
|
+
defaults: {
|
|
15
|
+
view: 'default',
|
|
16
|
+
size: 'm'
|
|
17
|
+
},
|
|
18
|
+
variations: {
|
|
19
|
+
view: {
|
|
20
|
+
default: (0, _styledcomponents.css)([
|
|
21
|
+
"",
|
|
22
|
+
":var(--inverse-text-primary);",
|
|
23
|
+
":var(--surface-solid-default);",
|
|
24
|
+
":var(--inverse-text-primary);",
|
|
25
|
+
":var(--surface-solid-default-hover);",
|
|
26
|
+
":var(--inverse-text-primary);",
|
|
27
|
+
":var(--surface-solid-default-active);"
|
|
28
|
+
], _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive),
|
|
29
|
+
secondary: (0, _styledcomponents.css)([
|
|
30
|
+
"",
|
|
31
|
+
":var(--text-primary);",
|
|
32
|
+
":var(--surface-transparent-secondary);",
|
|
33
|
+
":var(--text-primary);",
|
|
34
|
+
":var(--surface-transparent-secondary-hover);",
|
|
35
|
+
":var(--text-primary);",
|
|
36
|
+
":var(--surface-transparent-secondary-active);"
|
|
37
|
+
], _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive),
|
|
38
|
+
accent: (0, _styledcomponents.css)([
|
|
39
|
+
"",
|
|
40
|
+
":var(--on-dark-text-primary);",
|
|
41
|
+
":var(--surface-accent);",
|
|
42
|
+
":var(--on-dark-text-primary);",
|
|
43
|
+
":var(--surface-accent-hover);",
|
|
44
|
+
":var(--on-dark-text-primary);",
|
|
45
|
+
":var(--surface-accent-active);"
|
|
46
|
+
], _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive)
|
|
47
|
+
},
|
|
48
|
+
size: {
|
|
49
|
+
l: (0, _styledcomponents.css)([
|
|
50
|
+
"",
|
|
51
|
+
":0.75rem;",
|
|
52
|
+
":auto;",
|
|
53
|
+
":3rem;",
|
|
54
|
+
":0 1rem;",
|
|
55
|
+
":var(--plasma-typo-body-l-font-family);",
|
|
56
|
+
":var(--plasma-typo-body-l-font-size);",
|
|
57
|
+
":var(--plasma-typo-body-l-font-style);",
|
|
58
|
+
":var(--plasma-typo-body-l-font-weight);",
|
|
59
|
+
":var(--plasma-typo-body-l-letter-spacing);",
|
|
60
|
+
":var(--plasma-typo-body-l-line-height);",
|
|
61
|
+
":-0.125rem;",
|
|
62
|
+
":0.5rem;",
|
|
63
|
+
":0.5rem;",
|
|
64
|
+
":-0.125rem;",
|
|
65
|
+
":0.625rem;",
|
|
66
|
+
":-0.25rem;",
|
|
67
|
+
":1.5rem;"
|
|
68
|
+
], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
|
|
69
|
+
m: (0, _styledcomponents.css)([
|
|
70
|
+
"",
|
|
71
|
+
":0.625rem;",
|
|
72
|
+
":auto;",
|
|
73
|
+
":2.5rem;",
|
|
74
|
+
":0 0.875rem;",
|
|
75
|
+
":var(--plasma-typo-body-m-font-family);",
|
|
76
|
+
":var(--plasma-typo-body-m-font-size);",
|
|
77
|
+
":var(--plasma-typo-body-m-font-style);",
|
|
78
|
+
":var(--plasma-typo-body-m-font-weight);",
|
|
79
|
+
":var(--plasma-typo-body-m-letter-spacing);",
|
|
80
|
+
":var(--plasma-typo-body-m-line-height);",
|
|
81
|
+
":-0.125rem;",
|
|
82
|
+
":0.375rem;",
|
|
83
|
+
":0.375rem;",
|
|
84
|
+
":-0.125rem;",
|
|
85
|
+
":0.5rem;",
|
|
86
|
+
":-0.25rem;",
|
|
87
|
+
":1rem;"
|
|
88
|
+
], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
|
|
89
|
+
s: (0, _styledcomponents.css)([
|
|
90
|
+
"",
|
|
91
|
+
":0.5rem;",
|
|
92
|
+
":auto;",
|
|
93
|
+
":2rem;",
|
|
94
|
+
":0 0.875rem;",
|
|
95
|
+
":var(--plasma-typo-body-s-font-family);",
|
|
96
|
+
":var(--plasma-typo-body-s-font-size);",
|
|
97
|
+
":var(--plasma-typo-body-s-font-style);",
|
|
98
|
+
":var(--plasma-typo-body-s-font-weight);",
|
|
99
|
+
":var(--plasma-typo-body-s-letter-spacing);",
|
|
100
|
+
":var(--plasma-typo-body-s-line-height);",
|
|
101
|
+
":-0.125rem;",
|
|
102
|
+
":0.25rem;",
|
|
103
|
+
":0.25rem;",
|
|
104
|
+
":-0.125rem;",
|
|
105
|
+
":0.375rem;",
|
|
106
|
+
":-0.25rem;",
|
|
107
|
+
":1rem;"
|
|
108
|
+
], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
|
|
109
|
+
xs: (0, _styledcomponents.css)([
|
|
110
|
+
"",
|
|
111
|
+
":0.375rem;",
|
|
112
|
+
":auto;",
|
|
113
|
+
":1.5rem;",
|
|
114
|
+
":0 0.625rem;",
|
|
115
|
+
":var(--plasma-typo-body-xs-font-family);",
|
|
116
|
+
":var(--plasma-typo-body-xs-font-size);",
|
|
117
|
+
":var(--plasma-typo-body-xs-font-style);",
|
|
118
|
+
":var(--plasma-typo-body-xs-font-weight);",
|
|
119
|
+
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
120
|
+
":var(--plasma-typo-body-xs-line-height);",
|
|
121
|
+
":-0.125rem;",
|
|
122
|
+
":0.25rem;",
|
|
123
|
+
":0.25rem;",
|
|
124
|
+
":-0.125rem;",
|
|
125
|
+
":0.25rem;",
|
|
126
|
+
":-0.25rem;",
|
|
127
|
+
":1rem;"
|
|
128
|
+
], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize)
|
|
129
|
+
},
|
|
130
|
+
gap: {
|
|
131
|
+
dense: (0, _styledcomponents.css)([
|
|
132
|
+
"",
|
|
133
|
+
":0.125rem;"
|
|
134
|
+
], _ChipGroup.chipGroupTokens.chipGroupItemsGap),
|
|
135
|
+
wide: (0, _styledcomponents.css)([
|
|
136
|
+
"",
|
|
137
|
+
":0.5rem;"
|
|
138
|
+
], _ChipGroup.chipGroupTokens.chipGroupItemsGap)
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
};
|
|
@@ -27,9 +27,6 @@ var config = {
|
|
|
27
27
|
":var(--text-secondary);",
|
|
28
28
|
":var(--text-negative);",
|
|
29
29
|
":var(--text-positive);",
|
|
30
|
-
":var(--text-secondary);",
|
|
31
|
-
":var(--text-secondary-hover);",
|
|
32
|
-
":var(--text-secondary-active);",
|
|
33
30
|
":var(--text-primary);",
|
|
34
31
|
":var(--text-secondary);",
|
|
35
32
|
":var(--text-accent);",
|
|
@@ -83,7 +80,7 @@ var config = {
|
|
|
83
80
|
":var(--surface-solid-card-brightness);",
|
|
84
81
|
":var(--shadow-down-hard-s);",
|
|
85
82
|
":var(--text-primary);"
|
|
86
|
-
], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.
|
|
83
|
+
], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.calendarDisabledOpacity, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor, _DatePicker.datePickerTokens.tooltipBackgroundColor, _DatePicker.datePickerTokens.tooltipBoxShadow, _DatePicker.datePickerTokens.tooltipColor)
|
|
87
84
|
},
|
|
88
85
|
size: {
|
|
89
86
|
l: (0, _styledcomponents.css)([
|
|
@@ -27,9 +27,6 @@ var config = {
|
|
|
27
27
|
":var(--text-secondary);",
|
|
28
28
|
":var(--text-negative);",
|
|
29
29
|
":var(--text-positive);",
|
|
30
|
-
":var(--text-secondary);",
|
|
31
|
-
":var(--text-secondary-hover);",
|
|
32
|
-
":var(--text-secondary-active);",
|
|
33
30
|
":var(--text-primary);",
|
|
34
31
|
":var(--text-secondary);",
|
|
35
32
|
":var(--text-accent);",
|
|
@@ -46,7 +43,7 @@ var config = {
|
|
|
46
43
|
":var(--surface-negative);",
|
|
47
44
|
":var(--text-accent);",
|
|
48
45
|
":var(--text-tertiary);"
|
|
49
|
-
], _Range.rangeTokens.background, _Range.rangeTokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _Range.rangeTokens.dividerColor, _Range.rangeTokens.labelColor, _Range.rangeTokens.leftHelperColor, _Range.rangeTokens.leftHelperColorError, _Range.rangeTokens.leftHelperColorSuccess, _Range.rangeTokens.
|
|
46
|
+
], _Range.rangeTokens.background, _Range.rangeTokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _Range.rangeTokens.dividerColor, _Range.rangeTokens.labelColor, _Range.rangeTokens.leftHelperColor, _Range.rangeTokens.leftHelperColorError, _Range.rangeTokens.leftHelperColorSuccess, _Range.rangeTokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorHover, _Range.rangeTokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorHover, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorHover, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _Range.rangeTokens.indicatorColor, _Range.rangeTokens.focusColor, _Range.rangeTokens.textFieldPlaceholderColorFocus)
|
|
50
47
|
},
|
|
51
48
|
size: {
|
|
52
49
|
xl: (0, _styledcomponents.css)([
|
package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js
CHANGED
|
@@ -126,7 +126,7 @@ var config = {
|
|
|
126
126
|
":var(--plasma-typo-body-xs-font-family);",
|
|
127
127
|
":var(--plasma-typo-body-xs-font-size);",
|
|
128
128
|
":var(--plasma-typo-body-xs-font-style);",
|
|
129
|
-
":var(--plasma-typo-body-xs-font-weight);",
|
|
129
|
+
":var(--plasma-typo-body-xs-bold-font-weight);",
|
|
130
130
|
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
131
131
|
":var(--plasma-typo-body-xs-line-height);",
|
|
132
132
|
":0;"
|
|
@@ -144,7 +144,7 @@ var config = {
|
|
|
144
144
|
":var(--plasma-typo-body-s-font-family);",
|
|
145
145
|
":var(--plasma-typo-body-s-font-size);",
|
|
146
146
|
":var(--plasma-typo-body-s-font-style);",
|
|
147
|
-
":var(--plasma-typo-body-s-font-weight);",
|
|
147
|
+
":var(--plasma-typo-body-s-bold-font-weight);",
|
|
148
148
|
":var(--plasma-typo-body-s-letter-spacing);",
|
|
149
149
|
":var(--plasma-typo-body-s-line-height);",
|
|
150
150
|
":0.125rem;"
|
|
@@ -162,7 +162,7 @@ var config = {
|
|
|
162
162
|
":var(--plasma-typo-body-m-font-family);",
|
|
163
163
|
":var(--plasma-typo-body-m-font-size);",
|
|
164
164
|
":var(--plasma-typo-body-m-font-style);",
|
|
165
|
-
":var(--plasma-typo-body-m-font-weight);",
|
|
165
|
+
":var(--plasma-typo-body-m-bold-font-weight);",
|
|
166
166
|
":var(--plasma-typo-body-m-letter-spacing);",
|
|
167
167
|
":var(--plasma-typo-body-m-line-height);",
|
|
168
168
|
":0.25rem;"
|
|
@@ -180,7 +180,7 @@ var config = {
|
|
|
180
180
|
":var(--plasma-typo-body-l-font-family);",
|
|
181
181
|
":var(--plasma-typo-body-l-font-size);",
|
|
182
182
|
":var(--plasma-typo-body-l-font-style);",
|
|
183
|
-
":var(--plasma-typo-body-l-font-weight);",
|
|
183
|
+
":var(--plasma-typo-body-l-bold-font-weight);",
|
|
184
184
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
185
185
|
":var(--plasma-typo-body-l-line-height);",
|
|
186
186
|
":0.125rem;"
|
|
@@ -59,7 +59,7 @@ var config = {
|
|
|
59
59
|
":var(--plasma-typo-body-xs-font-family);",
|
|
60
60
|
":var(--plasma-typo-body-xs-font-size);",
|
|
61
61
|
":var(--plasma-typo-body-xs-font-style);",
|
|
62
|
-
":var(--plasma-typo-body-xs-font-weight);",
|
|
62
|
+
":var(--plasma-typo-body-xs-bold-font-weight);",
|
|
63
63
|
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
64
64
|
":var(--plasma-typo-body-xs-line-height);",
|
|
65
65
|
":0;"
|
|
@@ -78,7 +78,7 @@ var config = {
|
|
|
78
78
|
":var(--plasma-typo-body-s-font-family);",
|
|
79
79
|
":var(--plasma-typo-body-s-font-size);",
|
|
80
80
|
":var(--plasma-typo-body-s-font-style);",
|
|
81
|
-
":var(--plasma-typo-body-s-font-weight);",
|
|
81
|
+
":var(--plasma-typo-body-s-bold-font-weight);",
|
|
82
82
|
":var(--plasma-typo-body-s-letter-spacing);",
|
|
83
83
|
":var(--plasma-typo-body-s-line-height);",
|
|
84
84
|
":0.25rem;"
|
|
@@ -97,7 +97,7 @@ var config = {
|
|
|
97
97
|
":var(--plasma-typo-body-m-font-family);",
|
|
98
98
|
":var(--plasma-typo-body-m-font-size);",
|
|
99
99
|
":var(--plasma-typo-body-m-font-style);",
|
|
100
|
-
":var(--plasma-typo-body-m-font-weight);",
|
|
100
|
+
":var(--plasma-typo-body-m-bold-font-weight);",
|
|
101
101
|
":var(--plasma-typo-body-m-letter-spacing);",
|
|
102
102
|
":var(--plasma-typo-body-m-line-height);",
|
|
103
103
|
":0.125rem;"
|
|
@@ -116,7 +116,7 @@ var config = {
|
|
|
116
116
|
":var(--plasma-typo-body-l-font-family);",
|
|
117
117
|
":var(--plasma-typo-body-l-font-size);",
|
|
118
118
|
":var(--plasma-typo-body-l-font-style);",
|
|
119
|
-
":var(--plasma-typo-body-l-font-weight);",
|
|
119
|
+
":var(--plasma-typo-body-l-bold-font-weight);",
|
|
120
120
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
121
121
|
":var(--plasma-typo-body-l-line-height);",
|
|
122
122
|
":0.125rem;"
|
|
@@ -35,12 +35,6 @@ export var tokens = {
|
|
|
35
35
|
/** Токены слотов для контента в range */ leftContentMargin: '--plasma-date-picker_range__left-content-margin',
|
|
36
36
|
rightContentMargin: '--plasma-date-picker_range__right-content-margin',
|
|
37
37
|
rightContentOpacityReadOnly: '--plasma-date-picker_range__right-content-opacity-readonly',
|
|
38
|
-
contentSlotColor: '--plasma-date-picker-content-slot-color',
|
|
39
|
-
contentSlotColorHover: '--plasma-date-picker-content-slot-color-hover',
|
|
40
|
-
contentSlotColorActive: '--plasma-date-picker-content-slot-color-active',
|
|
41
|
-
contentSlotRightColor: '--plasma-date-picker-content-right-slot-color',
|
|
42
|
-
contentSlotRightColorHover: '--plasma-date-picker-content-right-slot-color-hover',
|
|
43
|
-
contentSlotRightColorActive: '--plasma-date-picker-content-right-slot-color-active',
|
|
44
38
|
/** Токены лейбла */ labelColor: '--plasma-date-picker__label-color',
|
|
45
39
|
labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
|
|
46
40
|
labelOffset: '--plasma-date-picker__label-offset',
|
|
@@ -126,6 +126,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
126
126
|
import React, { createRef, forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
|
|
127
127
|
import cls from "classnames";
|
|
128
128
|
import { noop } from "../../../utils";
|
|
129
|
+
import { customDayjs } from "../../../utils/datejs";
|
|
129
130
|
import { getDateFormatDelimiter } from "../utils/dateHelper";
|
|
130
131
|
import { useDatePicker } from "../hooks/useDatePicker";
|
|
131
132
|
import { classes } from "../DatePicker.tokens";
|
|
@@ -422,18 +423,34 @@ export var datePickerRangeRoot = function(Root) {
|
|
|
422
423
|
prevValue,
|
|
423
424
|
chosenDate
|
|
424
425
|
]), 2), first = _getSortedValues[0], second = _getSortedValues[1];
|
|
425
|
-
|
|
426
|
-
|
|
426
|
+
/**
|
|
427
|
+
* NOTE: проверяем совпадает ли новая дата с предыдущей
|
|
428
|
+
* Если нет, то вызываем handle{First,Second}CalendarPick
|
|
429
|
+
*/ customDayjs.locale(lang);
|
|
430
|
+
var firstFormatted = first ? customDayjs(first).format(format) : '';
|
|
431
|
+
var secondFormatted = second ? customDayjs(second).format(format) : '';
|
|
432
|
+
if (firstFormatted !== inputFirstValue) {
|
|
433
|
+
handleFirstCalendarPick(first, dateInfo);
|
|
434
|
+
}
|
|
435
|
+
if (secondFormatted !== inputSecondValue) {
|
|
436
|
+
handleSecondCalendarPick(second, dateInfo);
|
|
437
|
+
}
|
|
427
438
|
if (!firstValueError && !secondValueError && closeAfterDateSelect) {
|
|
428
439
|
handleToggle(false);
|
|
429
440
|
}
|
|
430
441
|
};
|
|
431
442
|
var handleChangeCalendarValue = function(param, dateInfo) {
|
|
432
443
|
var _$_param = _sliced_to_array(param, 2), firstDate = _$_param[0], secondDate = _$_param[1];
|
|
433
|
-
|
|
444
|
+
/**
|
|
445
|
+
* NOTE: проверяем совпадает ли новая дата с предыдущей
|
|
446
|
+
* Если нет, то вызываем handle{First,Second}CalendarPick
|
|
447
|
+
*/ customDayjs.locale(lang);
|
|
448
|
+
var firstFormatted = firstDate ? customDayjs(firstDate).format(format) : '';
|
|
449
|
+
var secondFormatted = secondDate ? customDayjs(secondDate).format(format) : '';
|
|
450
|
+
if (firstFormatted !== inputFirstValue) {
|
|
434
451
|
handleFirstCalendarPick(firstDate, dateInfo);
|
|
435
452
|
}
|
|
436
|
-
if (
|
|
453
|
+
if (secondFormatted !== inputSecondValue) {
|
|
437
454
|
handleSecondCalendarPick(secondDate, dateInfo);
|
|
438
455
|
}
|
|
439
456
|
if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {
|
|
@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
|
|
|
10
10
|
var Popover = component(mergedPopoverConfig);
|
|
11
11
|
export var StyledPopover = styled(Popover).withConfig({
|
|
12
12
|
displayName: "RangeDate.styles__StyledPopover",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-23a11c1c-0"
|
|
14
14
|
})([
|
|
15
15
|
""
|
|
16
16
|
]);
|
|
17
17
|
// NOTE: переопределение токенов Range
|
|
18
18
|
export var StyledRange = styled(Range).withConfig({
|
|
19
19
|
displayName: "RangeDate.styles__StyledRange",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-23a11c1c-1"
|
|
21
21
|
})([
|
|
22
22
|
"",
|
|
23
23
|
":var(",
|
|
@@ -183,20 +183,8 @@ export var StyledRange = styled(Range).withConfig({
|
|
|
183
183
|
":var(",
|
|
184
184
|
");",
|
|
185
185
|
":var(",
|
|
186
|
-
");",
|
|
187
|
-
":var(",
|
|
188
|
-
");",
|
|
189
|
-
":var(",
|
|
190
|
-
");",
|
|
191
|
-
":var(",
|
|
192
|
-
");",
|
|
193
|
-
":var(",
|
|
194
|
-
");",
|
|
195
|
-
":var(",
|
|
196
|
-
");",
|
|
197
|
-
":var(",
|
|
198
186
|
");"
|
|
199
|
-
], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.readOnlyOpacity, tokens.rangeReadOnlyOpacity, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldPlaceholderColorFocus, tokens.textFieldPlaceholderColorFocus, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.
|
|
187
|
+
], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.readOnlyOpacity, tokens.rangeReadOnlyOpacity, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldPlaceholderColorFocus, tokens.textFieldPlaceholderColorFocus, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.labelOffset, tokens.labelOffset, rangeTokens.labelFontFamily, tokens.labelFontFamily, rangeTokens.labelFontStyle, tokens.labelFontStyle, rangeTokens.labelFontSize, tokens.labelFontSize, rangeTokens.labelFontWeight, tokens.labelFontWeight, rangeTokens.labelLetterSpacing, tokens.labelLetterSpacing, rangeTokens.labelLineHeight, tokens.labelLineHeight, rangeTokens.indicatorColor, tokens.indicatorColor, rangeTokens.indicatorSize, tokens.indicatorSize, rangeTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, rangeTokens.indicatorPlacement, tokens.indicatorPlacement, rangeTokens.indicatorOuterPlacement, tokens.indicatorOuterPlacement, rangeTokens.indicatorPlacementRight, tokens.indicatorPlacementRight, rangeTokens.indicatorOuterPlacementRight, tokens.indicatorOuterPlacementRight, rangeTokens.textFieldHeight, tokens.textFieldHeight, rangeTokens.textFieldBorderRadius, tokens.textFieldBorderRadius, rangeTokens.textFieldPadding, tokens.textFieldPadding, rangeTokens.textFieldFontFamily, tokens.textFieldFontFamily, rangeTokens.textFieldFontStyle, tokens.textFieldFontStyle, rangeTokens.textFieldFontSize, tokens.textFieldFontSize, rangeTokens.textFieldFontWeight, tokens.textFieldFontWeight, rangeTokens.textFieldLetterSpacing, tokens.textFieldLetterSpacing, rangeTokens.textFieldLineHeight, tokens.textFieldLineHeight, rangeTokens.leftHelperOffset, tokens.leftHelperOffset, rangeTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, rangeTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, rangeTokens.leftHelperFontSize, tokens.leftHelperFontSize, rangeTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, rangeTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, rangeTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, rangeTokens.textFieldLeftContentMargin, tokens.textFieldLeftContentMargin, rangeTokens.textFieldRightContentMargin, tokens.textFieldRightContentMargin, rangeTokens.rightContentOpacityReadOnly, tokens.rightContentOpacityReadOnly, rangeTokens.textFieldTextBeforeMargin, tokens.textFieldTextBeforeMargin, rangeTokens.textFieldTextAfterMargin, tokens.textFieldTextAfterMargin, rangeTokens.backgroundReadOnly, tokens.backgroundReadOnly, rangeTokens.labelColorReadOnly, tokens.labelColorReadOnly, rangeTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, rangeTokens.dividerColorReadOnly, tokens.dividerColorReadOnly, rangeTokens.dividerOpacityReadOnly, tokens.dividerOpacityReadOnly, rangeTokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, rangeTokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, rangeTokens.textFieldPlaceholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly);
|
|
200
188
|
export var base = css([
|
|
201
189
|
"display:inline-block;.",
|
|
202
190
|
",.",
|
|
@@ -207,7 +195,7 @@ export var base = css([
|
|
|
207
195
|
], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root, StyledRange);
|
|
208
196
|
export var LeftHelper = styled.div.withConfig({
|
|
209
197
|
displayName: "RangeDate.styles__LeftHelper",
|
|
210
|
-
componentId: "sc-
|
|
198
|
+
componentId: "sc-23a11c1c-2"
|
|
211
199
|
})([
|
|
212
200
|
"color:var(",
|
|
213
201
|
");&.",
|
|
@@ -8,7 +8,7 @@ var TextField = component(mergedConfig);
|
|
|
8
8
|
// NOTE: переопределение токенов TextField
|
|
9
9
|
export var StyledInput = styled(TextField).withConfig({
|
|
10
10
|
displayName: "Range.styles__StyledInput",
|
|
11
|
-
componentId: "sc-
|
|
11
|
+
componentId: "sc-31b8eb76-0"
|
|
12
12
|
})([
|
|
13
13
|
"width:100%;",
|
|
14
14
|
":var(",
|
|
@@ -113,58 +113,49 @@ export var base = css([
|
|
|
113
113
|
]);
|
|
114
114
|
export var StyledLabel = styled.label.withConfig({
|
|
115
115
|
displayName: "Range.styles__StyledLabel",
|
|
116
|
-
componentId: "sc-
|
|
116
|
+
componentId: "sc-31b8eb76-1"
|
|
117
117
|
})([
|
|
118
118
|
""
|
|
119
119
|
]);
|
|
120
120
|
export var StyledIndicatorWrapper = styled.div.withConfig({
|
|
121
121
|
displayName: "Range.styles__StyledIndicatorWrapper",
|
|
122
|
-
componentId: "sc-
|
|
122
|
+
componentId: "sc-31b8eb76-2"
|
|
123
123
|
})([
|
|
124
124
|
"position:relative;display:inline-flex;align-items:center;"
|
|
125
125
|
]);
|
|
126
126
|
export var StyledIndicator = styled.div.withConfig({
|
|
127
127
|
displayName: "Range.styles__StyledIndicator",
|
|
128
|
-
componentId: "sc-
|
|
128
|
+
componentId: "sc-31b8eb76-3"
|
|
129
129
|
})([
|
|
130
130
|
"position:absolute;border-radius:50%;"
|
|
131
131
|
]);
|
|
132
132
|
export var LeftHelper = styled.div.withConfig({
|
|
133
133
|
displayName: "Range.styles__LeftHelper",
|
|
134
|
-
componentId: "sc-
|
|
134
|
+
componentId: "sc-31b8eb76-4"
|
|
135
135
|
})([
|
|
136
136
|
""
|
|
137
137
|
]);
|
|
138
138
|
export var ContentWrapper = styled.div.withConfig({
|
|
139
139
|
displayName: "Range.styles__ContentWrapper",
|
|
140
|
-
componentId: "sc-
|
|
140
|
+
componentId: "sc-31b8eb76-5"
|
|
141
141
|
})([
|
|
142
142
|
"display:flex;align-items:center;position:relative;&:before{content:'';position:absolute;inset:0;z-index:-1;}"
|
|
143
143
|
]);
|
|
144
144
|
export var StyledDivider = styled.div.withConfig({
|
|
145
145
|
displayName: "Range.styles__StyledDivider",
|
|
146
|
-
componentId: "sc-
|
|
146
|
+
componentId: "sc-31b8eb76-6"
|
|
147
147
|
})([
|
|
148
148
|
""
|
|
149
149
|
]);
|
|
150
150
|
export var StyledContentLeft = styled.div.withConfig({
|
|
151
151
|
displayName: "Range.styles__StyledContentLeft",
|
|
152
|
-
componentId: "sc-
|
|
152
|
+
componentId: "sc-31b8eb76-7"
|
|
153
153
|
})([
|
|
154
|
-
"line-height:0;
|
|
155
|
-
|
|
156
|
-
");}&:active{color:var(",
|
|
157
|
-
");}"
|
|
158
|
-
], tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive);
|
|
154
|
+
"line-height:0;"
|
|
155
|
+
]);
|
|
159
156
|
export var StyledContentRight = styled.div.withConfig({
|
|
160
157
|
displayName: "Range.styles__StyledContentRight",
|
|
161
|
-
componentId: "sc-
|
|
158
|
+
componentId: "sc-31b8eb76-8"
|
|
162
159
|
})([
|
|
163
|
-
"
|
|
164
|
-
|
|
165
|
-
"));&:hover{color:var(",
|
|
166
|
-
",var(",
|
|
167
|
-
"));cursor:pointer;}&:active{color:var(",
|
|
168
|
-
",var(",
|
|
169
|
-
"));}"
|
|
170
|
-
], tokens.contentSlotRightColor, tokens.contentSlotColor, tokens.contentSlotRightColorHover, tokens.contentSlotColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorActive);
|
|
160
|
+
""
|
|
161
|
+
]);
|
|
@@ -31,12 +31,6 @@ export var tokens = {
|
|
|
31
31
|
/** Токены слотов для контента */ leftContentMargin: '--plasma-range__left-content-margin',
|
|
32
32
|
rightContentMargin: '--plasma-range__right-content-margin',
|
|
33
33
|
rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
|
|
34
|
-
contentSlotColor: '--plasma-textfield-content-slot-color',
|
|
35
|
-
contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
|
|
36
|
-
contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
|
|
37
|
-
contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
|
|
38
|
-
contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
|
|
39
|
-
contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
|
|
40
34
|
/** Токены лейбла */ labelColor: '--plasma-range__label-color',
|
|
41
35
|
labelColorReadOnly: '--plasma-range__label-color-readonly',
|
|
42
36
|
labelOffset: '--plasma-range__label-offset',
|
|
@@ -18,8 +18,7 @@ export var base = css([
|
|
|
18
18
|
");}",
|
|
19
19
|
",",
|
|
20
20
|
"{color:var(",
|
|
21
|
-
")
|
|
22
|
-
");cursor:default;}}",
|
|
21
|
+
");}",
|
|
23
22
|
"{opacity:var(",
|
|
24
23
|
");}}"
|
|
25
|
-
], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledLabel, tokens.labelColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly,
|
|
24
|
+
], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledLabel, tokens.labelColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly);
|
|
@@ -80,6 +80,7 @@ export var tokens = {
|
|
|
80
80
|
fontSize: '--plasma-tab-item-font-size',
|
|
81
81
|
fontStyle: '--plasma-tab-item-font-style',
|
|
82
82
|
fontWeight: '--plasma-tab-item-font-weight',
|
|
83
|
+
fontWeightSelected: '--plasma-tab-item-font-weight-selected',
|
|
83
84
|
letterSpacing: '--plasma-tab-item-letter-spacing',
|
|
84
85
|
lineHeight: '--plasma-tab-item-lineheight',
|
|
85
86
|
valueFontFamily: '--plasma-tab-item-value-font-family',
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Функция глубокого копирования дерева элементов.
|
|
3
|
+
* Копируются лишь объекты из массива children.
|
|
4
|
+
*/ function _array_like_to_array(arr, len) {
|
|
5
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
6
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
7
|
+
return arr2;
|
|
8
|
+
}
|
|
9
|
+
function _array_with_holes(arr) {
|
|
10
|
+
if (Array.isArray(arr)) return arr;
|
|
11
|
+
}
|
|
12
|
+
function _iterable_to_array_limit(arr, i) {
|
|
13
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
14
|
+
if (_i == null) return;
|
|
15
|
+
var _arr = [];
|
|
16
|
+
var _n = true;
|
|
17
|
+
var _d = false;
|
|
18
|
+
var _s, _e;
|
|
19
|
+
try {
|
|
20
|
+
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
21
|
+
_arr.push(_s.value);
|
|
22
|
+
if (i && _arr.length === i) break;
|
|
23
|
+
}
|
|
24
|
+
} catch (err) {
|
|
25
|
+
_d = true;
|
|
26
|
+
_e = err;
|
|
27
|
+
} finally{
|
|
28
|
+
try {
|
|
29
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
30
|
+
} finally{
|
|
31
|
+
if (_d) throw _e;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return _arr;
|
|
35
|
+
}
|
|
36
|
+
function _non_iterable_rest() {
|
|
37
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
38
|
+
}
|
|
39
|
+
function _sliced_to_array(arr, i) {
|
|
40
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
41
|
+
}
|
|
42
|
+
function _type_of(obj) {
|
|
43
|
+
"@swc/helpers - typeof";
|
|
44
|
+
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
45
|
+
}
|
|
46
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
47
|
+
if (!o) return;
|
|
48
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
49
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
50
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
51
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
52
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
53
|
+
}
|
|
54
|
+
export var deepCopy = function(obj) {
|
|
55
|
+
if (obj === null || (typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object') {
|
|
56
|
+
return obj;
|
|
57
|
+
}
|
|
58
|
+
if (Array.isArray(obj)) {
|
|
59
|
+
return obj.map(function(item) {
|
|
60
|
+
return deepCopy(item);
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
return Object.fromEntries(Object.entries(obj).map(function(param) {
|
|
64
|
+
var _param = _sliced_to_array(param, 2), key = _param[0], value = _param[1];
|
|
65
|
+
return key === 'children' ? [
|
|
66
|
+
key,
|
|
67
|
+
deepCopy(value)
|
|
68
|
+
] : [
|
|
69
|
+
key,
|
|
70
|
+
value
|
|
71
|
+
];
|
|
72
|
+
}));
|
|
73
|
+
};
|
|
@@ -24,7 +24,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
24
24
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
25
25
|
}
|
|
26
26
|
import cls from "classnames/dedupe";
|
|
27
|
-
import { deepCopy } from "
|
|
27
|
+
import { deepCopy } from ".";
|
|
28
28
|
import { classes } from "../Tree.tokens";
|
|
29
29
|
// Поиск в глубину для обхода узлов дерева.
|
|
30
30
|
var dfs = function(node, selectedKeys, rootParentsSelected, parents) {
|