@salutejs/plasma-new-hope 0.343.0-canary.2378.20022803938.0 → 0.343.0-canary.2378.20093775380.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/DateTimePicker/DateTimePicker.css +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.css +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.styles.js +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.styles.js.map +1 -1
- package/cjs/components/DateTimePicker/ui/Input/{Input.styles_lw80by.css → Input.styles_1vvloyr.css} +1 -1
- package/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/cjs/components/TextArea/variations/_read-only/base.js.map +1 -1
- package/{es/components/TextArea/variations/_read-only/base_y7i1fe.css → cjs/components/TextArea/variations/_read-only/base_pgwr5c.css} +1 -1
- package/cjs/components/{_experimental → _beta}/Popover/Popover.js +4 -3
- package/cjs/components/_beta/Popover/Popover.js.map +1 -0
- package/cjs/components/{_experimental → _beta}/Popover/Popover.styles.js +4 -4
- package/cjs/components/_beta/Popover/Popover.styles.js.map +1 -0
- package/cjs/components/_beta/Popover/Popover.styles_1iofnso.css +3 -0
- package/cjs/components/_beta/Popover/Popover.tokens.js.map +1 -0
- package/cjs/components/_beta/Popover/utils/sizeToIconSize.js.map +1 -0
- package/cjs/index.css +5 -5
- package/cjs/index.js +6 -6
- package/emotion/cjs/components/DateTimePicker/ui/Input/Input.styles.js +2 -2
- package/emotion/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/_beta/Popover/Popover.js +327 -0
- package/emotion/cjs/components/_beta/Popover/Popover.styles.js +38 -0
- package/emotion/cjs/components/{_experimental → _beta}/Popover/index.js +6 -6
- package/emotion/cjs/examples/components/_beta/Popover/Popover.closeInner.config.js +28 -0
- package/emotion/cjs/examples/components/_beta/Popover/Popover.closeNone.config.js +28 -0
- package/emotion/cjs/examples/components/{_experimental → _beta}/Popover/Popover.js +3 -3
- package/emotion/cjs/index.js +1 -1
- package/emotion/es/components/DateTimePicker/ui/Input/Input.styles.js +2 -2
- package/emotion/es/components/TextArea/variations/_read-only/base.js +1 -1
- package/emotion/es/components/_beta/Popover/Popover.js +263 -0
- package/emotion/es/components/_beta/Popover/Popover.styles.js +12 -0
- package/emotion/es/components/_beta/Popover/index.js +2 -0
- package/emotion/es/examples/components/_beta/Popover/Popover.closeInner.config.js +18 -0
- package/emotion/es/examples/components/_beta/Popover/Popover.closeNone.config.js +18 -0
- package/emotion/es/examples/components/{_experimental → _beta}/Popover/Popover.js +3 -3
- package/emotion/es/index.js +1 -1
- package/es/components/DateTimePicker/DateTimePicker.css +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.css +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.styles.js +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.styles.js.map +1 -1
- package/es/components/DateTimePicker/ui/Input/{Input.styles_lw80by.css → Input.styles_1vvloyr.css} +1 -1
- package/es/components/TextArea/variations/_read-only/base.js +1 -1
- package/es/components/TextArea/variations/_read-only/base.js.map +1 -1
- package/{cjs/components/TextArea/variations/_read-only/base_y7i1fe.css → es/components/TextArea/variations/_read-only/base_pgwr5c.css} +1 -1
- package/es/components/{_experimental → _beta}/Popover/Popover.js +4 -3
- package/es/components/_beta/Popover/Popover.js.map +1 -0
- package/es/components/{_experimental → _beta}/Popover/Popover.styles.js +4 -4
- package/es/components/_beta/Popover/Popover.styles.js.map +1 -0
- package/es/components/_beta/Popover/Popover.styles_1iofnso.css +3 -0
- package/es/components/_beta/Popover/Popover.tokens.js.map +1 -0
- package/es/components/_beta/Popover/utils/sizeToIconSize.js.map +1 -0
- package/es/index.css +5 -5
- package/es/index.js +2 -2
- package/package.json +5 -5
- package/styled-components/cjs/components/DateTimePicker/ui/Input/Input.styles.js +8 -2
- package/styled-components/cjs/components/TextArea/variations/_read-only/base.js +2 -3
- package/styled-components/cjs/components/{_experimental → _beta}/Popover/Popover.js +1 -1
- package/styled-components/cjs/components/{_experimental → _beta}/Popover/index.js +6 -6
- package/styled-components/cjs/examples/components/{_experimental → _beta}/Popover/Popover.closeInner.config.js +6 -6
- package/styled-components/cjs/examples/components/{_experimental → _beta}/Popover/Popover.closeNone.config.js +6 -6
- package/styled-components/cjs/examples/components/{_experimental → _beta}/Popover/Popover.js +3 -3
- package/styled-components/cjs/index.js +1 -1
- package/styled-components/es/components/DateTimePicker/ui/Input/Input.styles.js +8 -2
- package/styled-components/es/components/TextArea/variations/_read-only/base.js +2 -3
- package/styled-components/es/components/{_experimental → _beta}/Popover/Popover.js +1 -1
- package/styled-components/es/components/_beta/Popover/index.js +2 -0
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/{_experimental → _beta}/Popover/Popover.closeInner.config.js +6 -6
- package/styled-components/es/examples/components/{_experimental → _beta}/Popover/Popover.closeNone.config.js +6 -6
- package/styled-components/es/examples/components/{_experimental → _beta}/Popover/Popover.js +3 -3
- package/styled-components/es/index.js +1 -1
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts.map +1 -1
- package/types/components/_beta/Popover/Popover.d.ts.map +1 -0
- package/types/components/_beta/Popover/Popover.styles.d.ts.map +1 -0
- package/types/components/_beta/Popover/Popover.tokens.d.ts.map +1 -0
- package/types/components/_beta/Popover/Popover.types.d.ts.map +1 -0
- package/types/components/_beta/Popover/index.d.ts +4 -0
- package/types/components/_beta/Popover/index.d.ts.map +1 -0
- package/types/components/_beta/Popover/utils/index.d.ts.map +1 -0
- package/types/components/_beta/Popover/utils/sizeToIconSize.d.ts.map +1 -0
- package/types/components/_beta/index.d.ts.map +1 -0
- package/types/examples/components/_beta/Popover/Popover.closeInner.config.d.ts.map +1 -0
- package/types/examples/components/_beta/Popover/Popover.closeNone.config.d.ts.map +1 -0
- package/types/examples/components/{_experimental → _beta}/Popover/Popover.d.ts +3 -3
- package/types/examples/components/_beta/Popover/Popover.d.ts.map +1 -0
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/_experimental/Popover/Popover.js.map +0 -1
- package/cjs/components/_experimental/Popover/Popover.styles.js.map +0 -1
- package/cjs/components/_experimental/Popover/Popover.styles_16k97a4.css +0 -3
- package/cjs/components/_experimental/Popover/Popover.tokens.js.map +0 -1
- package/cjs/components/_experimental/Popover/utils/sizeToIconSize.js.map +0 -1
- package/emotion/cjs/components/_experimental/Popover/Popover.js +0 -327
- package/emotion/cjs/components/_experimental/Popover/Popover.styles.js +0 -38
- package/emotion/cjs/examples/components/_experimental/Popover/Popover.closeInner.config.js +0 -28
- package/emotion/cjs/examples/components/_experimental/Popover/Popover.closeNone.config.js +0 -28
- package/emotion/es/components/_experimental/Popover/Popover.js +0 -263
- package/emotion/es/components/_experimental/Popover/Popover.styles.js +0 -12
- package/emotion/es/components/_experimental/Popover/index.js +0 -2
- package/emotion/es/examples/components/_experimental/Popover/Popover.closeInner.config.js +0 -18
- package/emotion/es/examples/components/_experimental/Popover/Popover.closeNone.config.js +0 -18
- package/es/components/_experimental/Popover/Popover.js.map +0 -1
- package/es/components/_experimental/Popover/Popover.styles.js.map +0 -1
- package/es/components/_experimental/Popover/Popover.styles_16k97a4.css +0 -3
- package/es/components/_experimental/Popover/Popover.tokens.js.map +0 -1
- package/es/components/_experimental/Popover/utils/sizeToIconSize.js.map +0 -1
- package/styled-components/es/components/_experimental/Popover/index.js +0 -2
- package/types/components/_experimental/Popover/Popover.d.ts.map +0 -1
- package/types/components/_experimental/Popover/Popover.styles.d.ts.map +0 -1
- package/types/components/_experimental/Popover/Popover.tokens.d.ts.map +0 -1
- package/types/components/_experimental/Popover/Popover.types.d.ts.map +0 -1
- package/types/components/_experimental/Popover/index.d.ts +0 -4
- package/types/components/_experimental/Popover/index.d.ts.map +0 -1
- package/types/components/_experimental/Popover/utils/index.d.ts.map +0 -1
- package/types/components/_experimental/Popover/utils/sizeToIconSize.d.ts.map +0 -1
- package/types/components/_experimental/index.d.ts.map +0 -1
- package/types/examples/components/_experimental/Popover/Popover.closeInner.config.d.ts.map +0 -1
- package/types/examples/components/_experimental/Popover/Popover.closeNone.config.d.ts.map +0 -1
- package/types/examples/components/_experimental/Popover/Popover.d.ts.map +0 -1
- /package/cjs/components/{_experimental → _beta}/Popover/Popover.tokens.js +0 -0
- /package/cjs/components/{_experimental → _beta}/Popover/Popover_1ed9tky.css +0 -0
- /package/cjs/components/{_experimental → _beta}/Popover/utils/sizeToIconSize.js +0 -0
- /package/emotion/cjs/components/{_experimental → _beta}/Popover/Popover.tokens.js +0 -0
- /package/emotion/cjs/components/{_experimental → _beta}/Popover/Popover.types.js +0 -0
- /package/emotion/cjs/components/{_experimental → _beta}/Popover/utils/index.js +0 -0
- /package/emotion/cjs/components/{_experimental → _beta}/Popover/utils/sizeToIconSize.js +0 -0
- /package/emotion/cjs/components/{_experimental → _beta}/index.js +0 -0
- /package/emotion/es/components/{_experimental → _beta}/Popover/Popover.tokens.js +0 -0
- /package/emotion/es/components/{_experimental → _beta}/Popover/Popover.types.js +0 -0
- /package/emotion/es/components/{_experimental → _beta}/Popover/utils/index.js +0 -0
- /package/emotion/es/components/{_experimental → _beta}/Popover/utils/sizeToIconSize.js +0 -0
- /package/emotion/es/components/{_experimental → _beta}/index.js +0 -0
- /package/es/components/{_experimental → _beta}/Popover/Popover.tokens.js +0 -0
- /package/es/components/{_experimental → _beta}/Popover/Popover_1ed9tky.css +0 -0
- /package/es/components/{_experimental → _beta}/Popover/utils/sizeToIconSize.js +0 -0
- /package/styled-components/cjs/components/{_experimental → _beta}/Popover/Popover.styles.js +0 -0
- /package/styled-components/cjs/components/{_experimental → _beta}/Popover/Popover.tokens.js +0 -0
- /package/styled-components/cjs/components/{_experimental → _beta}/Popover/Popover.types.js +0 -0
- /package/styled-components/cjs/components/{_experimental → _beta}/Popover/utils/index.js +0 -0
- /package/styled-components/cjs/components/{_experimental → _beta}/Popover/utils/sizeToIconSize.js +0 -0
- /package/styled-components/cjs/components/{_experimental → _beta}/index.js +0 -0
- /package/styled-components/es/components/{_experimental → _beta}/Popover/Popover.styles.js +0 -0
- /package/styled-components/es/components/{_experimental → _beta}/Popover/Popover.tokens.js +0 -0
- /package/styled-components/es/components/{_experimental → _beta}/Popover/Popover.types.js +0 -0
- /package/styled-components/es/components/{_experimental → _beta}/Popover/utils/index.js +0 -0
- /package/styled-components/es/components/{_experimental → _beta}/Popover/utils/sizeToIconSize.js +0 -0
- /package/styled-components/es/components/{_experimental → _beta}/index.js +0 -0
- /package/types/components/{_experimental → _beta}/Popover/Popover.d.ts +0 -0
- /package/types/components/{_experimental → _beta}/Popover/Popover.styles.d.ts +0 -0
- /package/types/components/{_experimental → _beta}/Popover/Popover.tokens.d.ts +0 -0
- /package/types/components/{_experimental → _beta}/Popover/Popover.types.d.ts +0 -0
- /package/types/components/{_experimental → _beta}/Popover/utils/index.d.ts +0 -0
- /package/types/components/{_experimental → _beta}/Popover/utils/sizeToIconSize.d.ts +0 -0
- /package/types/components/{_experimental → _beta}/index.d.ts +0 -0
- /package/types/examples/components/{_experimental → _beta}/Popover/Popover.closeInner.config.d.ts +0 -0
- /package/types/examples/components/{_experimental → _beta}/Popover/Popover.closeNone.config.d.ts +0 -0
|
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "config", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
var _styledcomponents = require("styled-components");
|
|
12
|
-
var _Popover = require("../../../../components/
|
|
12
|
+
var _Popover = require("../../../../components/_beta/Popover");
|
|
13
13
|
var config = {
|
|
14
14
|
defaults: {
|
|
15
15
|
view: 'default'
|
|
@@ -23,7 +23,7 @@ var config = {
|
|
|
23
23
|
":var(--text-secondary);",
|
|
24
24
|
":var(--text-secondary-hover);",
|
|
25
25
|
":var(--text-secondary-active);"
|
|
26
|
-
], _Popover.
|
|
26
|
+
], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow, _Popover._beta_popoverTokens.iconColor, _Popover._beta_popoverTokens.iconColorHover, _Popover._beta_popoverTokens.iconColorActive),
|
|
27
27
|
accent: (0, _styledcomponents.css)([
|
|
28
28
|
"",
|
|
29
29
|
":var(--surface-accent);",
|
|
@@ -31,7 +31,7 @@ var config = {
|
|
|
31
31
|
":var(--on-dark-text-secondary);",
|
|
32
32
|
":var(--on-dark-text-secondary-hover);",
|
|
33
33
|
":var(--on-dark-text-secondary-active);"
|
|
34
|
-
], _Popover.
|
|
34
|
+
], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow, _Popover._beta_popoverTokens.iconColor, _Popover._beta_popoverTokens.iconColorHover, _Popover._beta_popoverTokens.iconColorActive)
|
|
35
35
|
},
|
|
36
36
|
size: {
|
|
37
37
|
l: (0, _styledcomponents.css)([
|
|
@@ -39,19 +39,19 @@ var config = {
|
|
|
39
39
|
":1rem;",
|
|
40
40
|
":0.75rem;",
|
|
41
41
|
":0.75rem;"
|
|
42
|
-
], _Popover.
|
|
42
|
+
], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset),
|
|
43
43
|
m: (0, _styledcomponents.css)([
|
|
44
44
|
"",
|
|
45
45
|
":0.875rem;",
|
|
46
46
|
":0.625rem;",
|
|
47
47
|
":0.625rem;"
|
|
48
|
-
], _Popover.
|
|
48
|
+
], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset),
|
|
49
49
|
s: (0, _styledcomponents.css)([
|
|
50
50
|
"",
|
|
51
51
|
":0.75rem;",
|
|
52
52
|
":0.5rem;",
|
|
53
53
|
":0.5rem;"
|
|
54
|
-
], _Popover.
|
|
54
|
+
], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset)
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
};
|
|
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "config", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
var _styledcomponents = require("styled-components");
|
|
12
|
-
var _Popover = require("../../../../components/
|
|
12
|
+
var _Popover = require("../../../../components/_beta/Popover");
|
|
13
13
|
var config = {
|
|
14
14
|
defaults: {
|
|
15
15
|
view: 'default'
|
|
@@ -20,29 +20,29 @@ var config = {
|
|
|
20
20
|
"",
|
|
21
21
|
":var(--surface-solid-card);",
|
|
22
22
|
":var(--shadow-down-soft-m);"
|
|
23
|
-
], _Popover.
|
|
23
|
+
], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow),
|
|
24
24
|
accent: (0, _styledcomponents.css)([
|
|
25
25
|
"",
|
|
26
26
|
":var(--surface-accent);",
|
|
27
27
|
":var(--shadow-down-soft-m);"
|
|
28
|
-
], _Popover.
|
|
28
|
+
], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow)
|
|
29
29
|
},
|
|
30
30
|
size: {
|
|
31
31
|
l: (0, _styledcomponents.css)([
|
|
32
32
|
"",
|
|
33
33
|
":1rem;",
|
|
34
34
|
":0.75rem;"
|
|
35
|
-
], _Popover.
|
|
35
|
+
], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding),
|
|
36
36
|
m: (0, _styledcomponents.css)([
|
|
37
37
|
"",
|
|
38
38
|
":0.875rem;",
|
|
39
39
|
":0.625rem;"
|
|
40
|
-
], _Popover.
|
|
40
|
+
], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding),
|
|
41
41
|
s: (0, _styledcomponents.css)([
|
|
42
42
|
"",
|
|
43
43
|
":0.75rem;",
|
|
44
44
|
":0.5rem;"
|
|
45
|
-
], _Popover.
|
|
45
|
+
], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding)
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
};
|
package/styled-components/cjs/examples/components/{_experimental → _beta}/Popover/Popover.js
RENAMED
|
@@ -19,14 +19,14 @@ _export(exports, {
|
|
|
19
19
|
return PopoverCloseNone;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
var _Popover = require("../../../../components/
|
|
22
|
+
var _Popover = require("../../../../components/_beta/Popover");
|
|
23
23
|
var _engines = require("../../../../engines");
|
|
24
24
|
var _utils = require("../../../../utils");
|
|
25
25
|
var _PopovercloseNoneconfig = require("./Popover.closeNone.config");
|
|
26
26
|
var _PopovercloseInnerconfig = require("./Popover.closeInner.config");
|
|
27
|
-
var mergedCloseNoneConfig = (0, _engines.mergeConfig)(_Popover.
|
|
27
|
+
var mergedCloseNoneConfig = (0, _engines.mergeConfig)(_Popover._beta_popoverConfig, _PopovercloseNoneconfig.config);
|
|
28
28
|
var PopoverCloseNone = (0, _engines.component)(mergedCloseNoneConfig);
|
|
29
|
-
var mergedCloseInnerConfig = (0, _engines.mergeConfig)(_Popover.
|
|
29
|
+
var mergedCloseInnerConfig = (0, _engines.mergeConfig)(_Popover._beta_popoverConfig, _PopovercloseInnerconfig.config);
|
|
30
30
|
var PopoverCloseInner = (0, _engines.component)(mergedCloseInnerConfig);
|
|
31
31
|
var Popover = (0, _utils.createConditionalComponent)(PopoverCloseNone, [
|
|
32
32
|
{
|
|
@@ -90,7 +90,7 @@ _export_star(require("./components/ProgressBarCircular"), exports);
|
|
|
90
90
|
_export_star(require("./components/TimePicker"), exports);
|
|
91
91
|
_export_star(require("./components/DateTimePicker"), exports);
|
|
92
92
|
_export_star(require("./components/Loader"), exports);
|
|
93
|
-
_export_star(require("./components/
|
|
93
|
+
_export_star(require("./components/_beta/Popover"), exports);
|
|
94
94
|
function _export_star(from, to) {
|
|
95
95
|
Object.keys(from).forEach(function(k) {
|
|
96
96
|
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
@@ -7,7 +7,7 @@ var TextField = component(mergedTextFieldConfig);
|
|
|
7
7
|
// NOTE: переопределение токенов TextField
|
|
8
8
|
export var StyledInput = styled(TextField).withConfig({
|
|
9
9
|
displayName: "Input.styles__StyledInput",
|
|
10
|
-
componentId: "sc-
|
|
10
|
+
componentId: "sc-ccd65eda-0"
|
|
11
11
|
})([
|
|
12
12
|
"width:100%;",
|
|
13
13
|
":var(",
|
|
@@ -132,6 +132,12 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
132
132
|
",var(",
|
|
133
133
|
"));",
|
|
134
134
|
":var(",
|
|
135
|
+
",var(",
|
|
136
|
+
"));",
|
|
137
|
+
":var(",
|
|
138
|
+
",var(",
|
|
139
|
+
"));",
|
|
140
|
+
":var(",
|
|
135
141
|
");&.",
|
|
136
142
|
"{",
|
|
137
143
|
":var(",
|
|
@@ -159,4 +165,4 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
159
165
|
");",
|
|
160
166
|
":var(",
|
|
161
167
|
");}"
|
|
162
|
-
], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.error, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.success, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
|
168
|
+
], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.error, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.success, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
|
@@ -16,10 +16,9 @@ export var base = css([
|
|
|
16
16
|
"{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(",
|
|
17
17
|
",1px) var(",
|
|
18
18
|
");border-radius:var(",
|
|
19
|
-
");
|
|
20
|
-
");}}",
|
|
19
|
+
");z-index:-1;}}",
|
|
21
20
|
"{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(",
|
|
22
21
|
");border-radius:var(",
|
|
23
22
|
");opacity:var(",
|
|
24
23
|
");z-index:-1;}:hover{background:transparent;}}}}"
|
|
25
|
-
], StyledTextArea, tokens.inputColorReadOnly, StyledContent, tokens.contentSlotRightOpacityReadOnly, classes.clear, StyledTextAreaWrapper, tokens.dividerColorReadOnly, classes.clear, StyledTextAreaWrapper, StyledHelpers, StyledTextAreaWrapper, tokens.borderSize, tokens.borderColorReadOnly, tokens.borderRadius,
|
|
24
|
+
], StyledTextArea, tokens.inputColorReadOnly, StyledContent, tokens.contentSlotRightOpacityReadOnly, classes.clear, StyledTextAreaWrapper, tokens.dividerColorReadOnly, classes.clear, StyledTextAreaWrapper, StyledHelpers, StyledTextAreaWrapper, tokens.borderSize, tokens.borderColorReadOnly, tokens.borderRadius, StyledContainer, tokens.backgroundColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity);
|
|
@@ -138,7 +138,7 @@ import { base, Target, CloseButton } from "./Popover.styles";
|
|
|
138
138
|
/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ var ARROW_PADDING = 16;
|
|
139
139
|
export var popoverRoot = function(Root) {
|
|
140
140
|
return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
|
|
141
|
-
var
|
|
141
|
+
var _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? 'closeNone' : _param_appearance, children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, tmp = _param.arrow, outerArrow = tmp === void 0 ? true : tmp, tmp1 = _param.flip, outsideFlip = tmp1 === void 0 ? true : tmp1, tmp2 = _param.shift, outsideShift = tmp2 === void 0 ? true : tmp2, tmp3 = _param.offset, outerOffset = tmp3 === void 0 ? 0 : tmp3, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, size = _param.size, rest = _object_without_properties(_param, [
|
|
142
142
|
"appearance",
|
|
143
143
|
"children",
|
|
144
144
|
"target",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { component, mergeConfig } from "../../../engines";
|
|
2
|
-
import { comboboxNewConfig } from "../../..";
|
|
3
|
-
import { config } from "./Combobox.config";
|
|
4
|
-
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
-
var ComboboxComponent = component(mergedConfig);
|
|
6
|
-
var Combobox = ComboboxComponent;
|
|
7
|
-
export { Combobox };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from "styled-components";
|
|
2
|
-
import {
|
|
2
|
+
import { _beta_popoverTokens as tokens } from "../../../../components/_beta/Popover";
|
|
3
3
|
export var config = {
|
|
4
4
|
defaults: {
|
|
5
5
|
view: 'default'
|
|
@@ -13,7 +13,7 @@ export var config = {
|
|
|
13
13
|
":var(--text-secondary);",
|
|
14
14
|
":var(--text-secondary-hover);",
|
|
15
15
|
":var(--text-secondary-active);"
|
|
16
|
-
],
|
|
16
|
+
], tokens.backgroundColor, tokens.boxShadow, tokens.iconColor, tokens.iconColorHover, tokens.iconColorActive),
|
|
17
17
|
accent: css([
|
|
18
18
|
"",
|
|
19
19
|
":var(--surface-accent);",
|
|
@@ -21,7 +21,7 @@ export var config = {
|
|
|
21
21
|
":var(--on-dark-text-secondary);",
|
|
22
22
|
":var(--on-dark-text-secondary-hover);",
|
|
23
23
|
":var(--on-dark-text-secondary-active);"
|
|
24
|
-
],
|
|
24
|
+
], tokens.backgroundColor, tokens.boxShadow, tokens.iconColor, tokens.iconColorHover, tokens.iconColorActive)
|
|
25
25
|
},
|
|
26
26
|
size: {
|
|
27
27
|
l: css([
|
|
@@ -29,19 +29,19 @@ export var config = {
|
|
|
29
29
|
":1rem;",
|
|
30
30
|
":0.75rem;",
|
|
31
31
|
":0.75rem;"
|
|
32
|
-
],
|
|
32
|
+
], tokens.borderRadius, tokens.padding, tokens.iconOffset),
|
|
33
33
|
m: css([
|
|
34
34
|
"",
|
|
35
35
|
":0.875rem;",
|
|
36
36
|
":0.625rem;",
|
|
37
37
|
":0.625rem;"
|
|
38
|
-
],
|
|
38
|
+
], tokens.borderRadius, tokens.padding, tokens.iconOffset),
|
|
39
39
|
s: css([
|
|
40
40
|
"",
|
|
41
41
|
":0.75rem;",
|
|
42
42
|
":0.5rem;",
|
|
43
43
|
":0.5rem;"
|
|
44
|
-
],
|
|
44
|
+
], tokens.borderRadius, tokens.padding, tokens.iconOffset)
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from "styled-components";
|
|
2
|
-
import {
|
|
2
|
+
import { _beta_popoverTokens as tokens } from "../../../../components/_beta/Popover";
|
|
3
3
|
export var config = {
|
|
4
4
|
defaults: {
|
|
5
5
|
view: 'default'
|
|
@@ -10,29 +10,29 @@ export var config = {
|
|
|
10
10
|
"",
|
|
11
11
|
":var(--surface-solid-card);",
|
|
12
12
|
":var(--shadow-down-soft-m);"
|
|
13
|
-
],
|
|
13
|
+
], tokens.backgroundColor, tokens.boxShadow),
|
|
14
14
|
accent: css([
|
|
15
15
|
"",
|
|
16
16
|
":var(--surface-accent);",
|
|
17
17
|
":var(--shadow-down-soft-m);"
|
|
18
|
-
],
|
|
18
|
+
], tokens.backgroundColor, tokens.boxShadow)
|
|
19
19
|
},
|
|
20
20
|
size: {
|
|
21
21
|
l: css([
|
|
22
22
|
"",
|
|
23
23
|
":1rem;",
|
|
24
24
|
":0.75rem;"
|
|
25
|
-
],
|
|
25
|
+
], tokens.borderRadius, tokens.padding),
|
|
26
26
|
m: css([
|
|
27
27
|
"",
|
|
28
28
|
":0.875rem;",
|
|
29
29
|
":0.625rem;"
|
|
30
|
-
],
|
|
30
|
+
], tokens.borderRadius, tokens.padding),
|
|
31
31
|
s: css([
|
|
32
32
|
"",
|
|
33
33
|
":0.75rem;",
|
|
34
34
|
":0.5rem;"
|
|
35
|
-
],
|
|
35
|
+
], tokens.borderRadius, tokens.padding)
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _beta_popoverConfig } from "../../../../components/_beta/Popover";
|
|
2
2
|
import { component, mergeConfig } from "../../../../engines";
|
|
3
3
|
import { createConditionalComponent } from "../../../../utils";
|
|
4
4
|
import { config as closeNoneConfig } from "./Popover.closeNone.config";
|
|
5
5
|
import { config as closeInnerConfig } from "./Popover.closeInner.config";
|
|
6
|
-
var mergedCloseNoneConfig = mergeConfig(
|
|
6
|
+
var mergedCloseNoneConfig = mergeConfig(_beta_popoverConfig, closeNoneConfig);
|
|
7
7
|
export var PopoverCloseNone = component(mergedCloseNoneConfig);
|
|
8
|
-
var mergedCloseInnerConfig = mergeConfig(
|
|
8
|
+
var mergedCloseInnerConfig = mergeConfig(_beta_popoverConfig, closeInnerConfig);
|
|
9
9
|
export var PopoverCloseInner = component(mergedCloseInnerConfig);
|
|
10
10
|
export var Popover = createConditionalComponent(PopoverCloseNone, [
|
|
11
11
|
{
|
|
@@ -88,4 +88,4 @@ export * from "./components/ProgressBarCircular";
|
|
|
88
88
|
export * from "./components/TimePicker";
|
|
89
89
|
export * from "./components/DateTimePicker";
|
|
90
90
|
export * from "./components/Loader";
|
|
91
|
-
export * from "./components/
|
|
91
|
+
export * from "./components/_beta/Popover";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateTimePicker/ui/Input/Input.styles.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,WAAW;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateTimePicker/ui/Input/Input.styles.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,WAAW;;;;;;;;;kBAsF6C,MAAO,YACtE;mBAAqE,MAAO,YAChF;;;oCAK6C,CAAC;;;;;;;;;;;;;;;;;;;;oCAlFC,CAAC;;;;;;;;;;;;;wBA2E0B,YACtE;yBAA4E,YAChF;;;oCAK6C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAP4B,YACtE;yBAA4E,YAChF;;;oCAK6C,CAAC;;;;;;;;;;;;;;;;;;;;oCAlFC,CAAC;;;;;;;;;;;;;wBA2E0B,YACtE;yBAA4E,YAChF;;;oCAK6C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAP4B,YACtE;yBAA4E,YAChF;;;oCAK6C,CAAC;;;;;;;;;;;;;;;;;;;;oCAlFC,CAAC;;;;;;;;;;;;;wBA2E0B,YACtE;yBAA4E,YAChF;;;oCAK6C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAP4B,YACtE;yBAA4E,YAChF;;;oCAK6C,CAAC;;;;;;;;;;;;;;;;;;;;oCAlFC,CAAC;;;;;;;;;;;;;wBA2E0B,YACtE;yBAA4E,YAChF;;;oCAK6C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;+IAO/C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AA2BnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAWpD,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,8JA+HpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAjIQ,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;CAkJxE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Popover/Popover.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAMhB,CAAC;AAEF,eAAO,MAAM,MAAM,qKAGlB,CAAC;AAEF,eAAO,MAAM,WAAW,iLAmBvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Popover/Popover.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,SAAS,GACR,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IACxC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { popoverRoot as _beta_popoverRoot, popoverConfig as _beta_popoverConfig } from './Popover';
|
|
2
|
+
export { classes as _beta_popoverClasses, tokens as _beta_popoverTokens } from './Popover.tokens';
|
|
3
|
+
export type { PopoverProps as _beta_PopoverProps } from './Popover.types';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,WAAW,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAElG,YAAY,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/_beta/Popover/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sizeToIconSize.d.ts","sourceRoot":"","sources":["../../../../../src/components/_beta/Popover/utils/sizeToIconSize.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,UAAW,MAAM,eAE3C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/_beta/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.closeInner.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/_beta/Popover/Popover.closeInner.config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAuClB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.closeNone.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/_beta/Popover/Popover.closeNone.config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CA8BlB,CAAC"}
|
|
@@ -8,7 +8,7 @@ export declare const PopoverCloseNone: import("react").FunctionComponent<import(
|
|
|
8
8
|
m: import("@linaria/core").LinariaClassName;
|
|
9
9
|
s: import("@linaria/core").LinariaClassName;
|
|
10
10
|
};
|
|
11
|
-
}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/
|
|
11
|
+
}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/_beta/Popover/Popover.types").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
12
|
export declare const PopoverCloseInner: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
|
13
13
|
view: {
|
|
14
14
|
default: import("@linaria/core").LinariaClassName;
|
|
@@ -19,7 +19,7 @@ export declare const PopoverCloseInner: import("react").FunctionComponent<import
|
|
|
19
19
|
m: import("@linaria/core").LinariaClassName;
|
|
20
20
|
s: import("@linaria/core").LinariaClassName;
|
|
21
21
|
};
|
|
22
|
-
}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/
|
|
22
|
+
}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/_beta/Popover/Popover.types").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
23
|
export declare const Popover: import("react").ForwardRefExoticComponent<Omit<import("../../../../engines/types").PropsType<{
|
|
24
24
|
view: {
|
|
25
25
|
default: import("@linaria/core").LinariaClassName;
|
|
@@ -30,5 +30,5 @@ export declare const Popover: import("react").ForwardRefExoticComponent<Omit<imp
|
|
|
30
30
|
m: import("@linaria/core").LinariaClassName;
|
|
31
31
|
s: import("@linaria/core").LinariaClassName;
|
|
32
32
|
};
|
|
33
|
-
}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/
|
|
33
|
+
}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/_beta/Popover/Popover.types").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
34
34
|
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/_beta/Popover/Popover.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB;;;;;;;;;;qLAAmC,CAAC;AAGjE,eAAO,MAAM,iBAAiB;;;;;;;;;;qLAAoC,CAAC;AAEnE,eAAO,MAAM,OAAO;;;;;;;;;;0OAKlB,CAAC"}
|
package/types/index.d.ts
CHANGED
|
@@ -87,5 +87,5 @@ export * from './components/ProgressBarCircular';
|
|
|
87
87
|
export * from './components/TimePicker';
|
|
88
88
|
export * from './components/DateTimePicker';
|
|
89
89
|
export * from './components/Loader';
|
|
90
|
-
export * from './components/
|
|
90
|
+
export * from './components/_beta/Popover';
|
|
91
91
|
//# sourceMappingURL=index.d.ts.map
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../../../src/components/_experimental/Popover/Popover.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n useFloating,\n useInteractions,\n useClick,\n useDismiss,\n useRole,\n FloatingFocusManager,\n FloatingArrow,\n arrow,\n offset,\n useHover,\n safePolygon,\n shift,\n flip,\n FloatingPortal,\n autoUpdate,\n} from '@floating-ui/react';\nimport { mergeRefs } from 'src/utils';\nimport { css } from '@linaria/core';\n\nimport { IconClose } from '../../_Icon';\n\nimport { sizeToIconSize } from './utils';\nimport { tokens, classes } from './Popover.tokens';\nimport { base, Target, CloseButton } from './Popover.styles';\nimport type { PopoverProps } from './Popover.types';\n\n/* Ширина хвостика */\nconst ARROW_WIDTH = 20;\n/* Высота хвостика */\nconst ARROW_HEIGHT = 8;\n/* SVG хвостика */\nconst ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nconst ARROW_PADDING = 16;\n\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n appearance,\n children,\n target,\n opened: outerOpened,\n defaultOpened = false,\n trigger = 'click',\n placement = 'bottom',\n arrow: outerArrow = true,\n flip: outsideFlip = true,\n shift: outsideShift = true,\n offset: outerOffset = 0,\n outsideClick = true,\n resizable,\n onResizeStart,\n onResizeEnd,\n onToggle,\n delayOpen = 0,\n delayClose = 0,\n zIndex = 1000,\n className,\n style,\n size,\n ...rest\n },\n outerRootRef,\n ) => {\n const [innerOpened, setInnerOpened] = useState(defaultOpened);\n\n const opened = outerOpened ?? innerOpened;\n\n const arrowRef = useRef(null);\n\n const handleToggle = (opened: boolean) => {\n setInnerOpened(opened);\n\n if (onToggle) {\n onToggle(opened);\n }\n };\n\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted: autoUpdate,\n placement,\n open: opened,\n onOpenChange: handleToggle,\n middleware: [\n outsideShift && shift(),\n outsideFlip && flip(),\n outerArrow && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset),\n ],\n });\n\n const click = useClick(context, {\n enabled: trigger === 'click',\n });\n const dismiss = useDismiss(context, {\n enabled: true,\n outsidePress: outsideClick,\n });\n const role = useRole(context);\n const hover = useHover(context, {\n enabled: trigger === 'hover',\n handleClose: safePolygon({\n requireIntent: false,\n }),\n delay: {\n open: delayOpen,\n close: delayClose,\n },\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover]);\n\n const commonRef = mergeRefs(outerRootRef, refs.setFloating);\n\n return (\n <>\n <Target ref={refs.setReference} {...getReferenceProps()}>\n {target}\n </Target>\n\n {opened && (\n <FloatingPortal>\n <FloatingFocusManager context={context}>\n <Root\n ref={commonRef}\n target={target}\n className={cls(className, classes.popoverContainer)}\n style={{ zIndex, ...style, ...floatingStyles }}\n size={size}\n {...getFloatingProps()}\n {...rest}\n data-popover-open={opened}\n >\n {appearance === 'closeInner' && (\n <CloseButton\n className={classes.popoverCloseIconButton}\n onClick={() => handleToggle(false)}\n >\n <IconClose size={sizeToIconSize(size)} color=\"inherit\" />\n </CloseButton>\n )}\n\n {outerArrow && (\n <FloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n fill={`var(${tokens.backgroundColor})`}\n d={ARROW_POLYGON}\n />\n )}\n\n {children}\n </Root>\n </FloatingFocusManager>\n </FloatingPortal>\n )}\n </>\n );\n },\n );\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base,\n variations: {\n view: {\n css: css``,\n },\n size: {\n css: css``,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","popoverRoot","Root","forwardRef","_ref","outerRootRef","appearance","children","target","outerOpened","opened","_ref$defaultOpened","defaultOpened","_ref$trigger","trigger","_ref$placement","placement","_ref$arrow","arrow","outerArrow","_ref$flip","flip","outsideFlip","_ref$shift","shift","outsideShift","_ref$offset","offset","outerOffset","_ref$outsideClick","outsideClick","onToggle","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","rest","_useState","useState","_useState2","_slicedToArray","innerOpened","setInnerOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","element","padding","refs","floatingStyles","context","click","useClick","enabled","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","commonRef","mergeRefs","setFloating","React","createElement","Fragment","Target","_extends","ref","setReference","FloatingPortal","FloatingFocusManager","cls","classes","popoverContainer","_objectSpread","CloseButton","popoverCloseIconButton","onClick","IconClose","sizeToIconSize","color","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","popoverConfig","name","tag","layout","base","variations","view","css","defaults"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.styles.js","sources":["../../../../src/components/_experimental/Popover/Popover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { tokens } from './Popover.tokens';\n\nexport const base = css`\n position: relative;\n background: var(${tokens.backgroundColor});\n padding: var(${tokens.padding});\n border-radius: var(${tokens.borderRadius});\n box-shadow: var(${tokens.boxShadow});\n`;\n\nexport const Target = styled.div`\n display: inline-block;\n max-width: 100%;\n`;\n\nexport const CloseButton = styled.button`\n position: absolute;\n top: var(${tokens.iconOffset});\n right: var(${tokens.iconOffset});\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n cursor: pointer;\n line-height: 0;\n color: var(${tokens.iconColor});\n\n &:hover {\n color: var(${tokens.iconColorHover});\n }\n\n &:active {\n color: var(${tokens.iconColorActive});\n }\n`;\n"],"names":["base","Target","styled","name","class","propsAsIs","CloseButton"],"mappings":";;;;;;AAKO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,MAAM,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG3B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBhC;;;;;;"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
.bjqq97m{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);}
|
|
2
|
-
.trsso1p{display:inline-block;max-width:100%;}
|
|
3
|
-
.cwikyji{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.cwikyji:hover{color:var(--plasma-popover-icon-color-hover);}.cwikyji:active{color:var(--plasma-popover-icon-color-active);}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.tokens.js","sources":["../../../../src/components/_experimental/Popover/Popover.tokens.ts"],"sourcesContent":["export const classes = {\n popoverContainer: 'popover-container',\n popoverCloseIconButton: 'popover-close-icon-button',\n};\n\nexport const tokens = {\n backgroundColor: '--plasma-popover-background-color',\n borderRadius: '--plasma-popover-border-radius',\n padding: '--plasma-popover-padding',\n boxShadow: '--plasma-popover-box-shadow',\n iconColor: '--plasma-popover-icon-color',\n iconColorHover: '--plasma-popover-icon-color-hover',\n iconColorActive: '--plasma-popover-icon-color-active',\n iconOffset: '--plasma-popover-icon-offset',\n};\n"],"names":["classes","popoverContainer","popoverCloseIconButton","tokens","backgroundColor","borderRadius","padding","boxShadow","iconColor","iconColorHover","iconColorActive","iconOffset"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,gBAAgB,EAAE,mBAAmB;AACrCC,EAAAA,sBAAsB,EAAE,2BAAA;AAC5B,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,YAAY,EAAE,gCAAgC;AAC9CC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,UAAU,EAAE,8BAAA;AAChB;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sizeToIconSize.js","sources":["../../../../../src/components/_experimental/Popover/utils/sizeToIconSize.ts"],"sourcesContent":["export const sizeToIconSize = (size?: string) => {\n return size === 's' ? 'xs' : 's';\n};\n"],"names":["sizeToIconSize","size"],"mappings":";;;;IAAaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;AAC7C,EAAA,OAAOA,IAAI,KAAK,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AACpC;;;;"}
|