@salutejs/sdds-cs 0.349.0-next-platform-ai.0 → 0.349.1-next-sbcom.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/dist/beta/cjs/Popover/Popover.closeInner.config.js +89 -0
- package/dist/beta/cjs/Popover/Popover.closeNone.config.js +81 -0
- package/dist/beta/cjs/Popover/Popover.js +37 -0
- package/dist/beta/cjs/Popover/index.js +11 -0
- package/dist/beta/cjs/Tooltip/Tooltip.config.js +84 -0
- package/dist/beta/cjs/Tooltip/Tooltip.js +14 -0
- package/dist/beta/cjs/Tooltip/index.js +11 -0
- package/dist/beta/cjs/index.js +19 -0
- package/dist/beta/es/Popover/Popover.closeInner.config.js +79 -0
- package/dist/beta/es/Popover/Popover.closeNone.config.js +71 -0
- package/dist/beta/es/Popover/Popover.js +16 -0
- package/dist/beta/es/Popover/index.js +1 -0
- package/dist/beta/es/Tooltip/Tooltip.config.js +74 -0
- package/dist/beta/es/Tooltip/Tooltip.js +4 -0
- package/dist/beta/es/Tooltip/index.js +1 -0
- package/dist/beta/es/index.js +2 -0
- package/dist/beta/types/Popover/Popover.closeInner.config.d.ts +16 -0
- package/dist/beta/types/Popover/Popover.closeNone.config.d.ts +16 -0
- package/dist/beta/types/Popover/Popover.d.ts +30 -0
- package/dist/beta/types/Popover/index.d.ts +1 -0
- package/dist/beta/types/Tooltip/Tooltip.config.d.ts +15 -0
- package/dist/beta/types/Tooltip/Tooltip.d.ts +9 -0
- package/dist/beta/types/Tooltip/index.d.ts +1 -0
- package/dist/beta/types/index.d.ts +2 -0
- package/dist/emotion/cjs/components/Button/Button.js +3 -2
- package/dist/emotion/cjs/components/IconButton/IconButton.config.js +2 -2
- package/dist/emotion/cjs/components/NumberInput/NumberInput.config.js +16 -10
- package/dist/emotion/cjs/components/Spinner/Spinner.js +1 -1
- package/dist/emotion/cjs/components/Tokens/Colors/Colors.styles.js +13 -13
- package/dist/emotion/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +6 -6
- package/dist/emotion/cjs/components/Tokens/Typography/Typography.styles.js +17 -17
- package/dist/emotion/es/components/Button/Button.js +3 -2
- package/dist/emotion/es/components/IconButton/IconButton.config.js +2 -2
- package/dist/emotion/es/components/NumberInput/NumberInput.config.js +16 -10
- package/dist/emotion/es/components/Spinner/Spinner.js +1 -1
- package/dist/emotion/es/components/Tokens/Colors/Colors.styles.js +13 -13
- package/dist/emotion/es/components/Tokens/NumberTokens/NumberTokens.styles.js +6 -6
- package/dist/emotion/es/components/Tokens/Typography/Typography.styles.js +17 -17
- package/package.json +21 -17
- package/types/components/Accordion/Accordion.d.ts +1 -1
- package/types/components/Attach/Attach.d.ts +32 -32
- package/types/components/Autocomplete/Autocomplete.d.ts +13 -13
- package/types/components/Avatar/Avatar.d.ts +1 -1
- package/types/components/Avatar/index.d.ts +1 -1
- package/types/components/AvatarGroup/index.d.ts +1 -1
- package/types/components/Badge/index.d.ts +1 -1
- package/types/components/Breadcrumbs/index.d.ts +1 -1
- package/types/components/Button/Button.d.ts +8 -8
- package/types/components/ButtonBase/index.d.ts +1 -1
- package/types/components/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/types/components/ButtonGroup/index.d.ts +1 -1
- package/types/components/Calendar/Calendar.d.ts +3 -3
- package/types/components/Calendar/index.d.ts +1 -1
- package/types/components/Card/Card.d.ts +1 -1
- package/types/components/Card/index.d.ts +1 -1
- package/types/components/Carousel/Carousel.d.ts +1 -1
- package/types/components/Carousel/index.d.ts +1 -1
- package/types/components/Cell/index.d.ts +2 -2
- package/types/components/Chip/Chip.d.ts +1 -1
- package/types/components/Chip/index.d.ts +1 -1
- package/types/components/Combobox/Combobox.d.ts +60 -36
- package/types/components/Counter/index.d.ts +2 -2
- package/types/components/DatePicker/DatePicker.d.ts +11 -11
- package/types/components/DatePicker/index.d.ts +2 -2
- package/types/components/Divider/Divider.d.ts +1 -1
- package/types/components/Divider/index.d.ts +2 -2
- package/types/components/Drawer/Drawer.d.ts +2 -2
- package/types/components/Drawer/index.d.ts +1 -1
- package/types/components/EmptyState/EmptyState.d.ts +1 -1
- package/types/components/Flow/Flow.d.ts +1 -1
- package/types/components/Grid/Grid.d.ts +2 -2
- package/types/components/Grid/index.d.ts +1 -1
- package/types/components/IconButton/IconButton.d.ts +4 -4
- package/types/components/Image/Image.d.ts +1 -1
- package/types/components/Image/index.d.ts +1 -1
- package/types/components/Indicator/Indicator.d.ts +1 -1
- package/types/components/Indicator/index.d.ts +1 -1
- package/types/components/Mask/Mask.d.ts +12 -12
- package/types/components/Modal/index.d.ts +2 -2
- package/types/components/Notification/Notification.d.ts +2 -2
- package/types/components/Notification/index.d.ts +2 -2
- package/types/components/NumberFormat/index.d.ts +1 -1
- package/types/components/NumberInput/index.d.ts +1 -1
- package/types/components/Overlay/index.d.ts +2 -2
- package/types/components/Pagination/Pagination.d.ts +1 -1
- package/types/components/Pagination/index.d.ts +1 -1
- package/types/components/Popover/index.d.ts +1 -1
- package/types/components/Popup/index.d.ts +2 -2
- package/types/components/Portal/index.d.ts +2 -2
- package/types/components/Price/index.d.ts +1 -1
- package/types/components/Progress/Progress.d.ts +1 -1
- package/types/components/Progress/index.d.ts +1 -1
- package/types/components/Radiobox/Radiobox.d.ts +3 -3
- package/types/components/Range/Range.d.ts +18 -18
- package/types/components/Range/index.d.ts +2 -2
- package/types/components/Rating/index.d.ts +1 -1
- package/types/components/SSRProvider/index.d.ts +1 -1
- package/types/components/Segment/Segment.d.ts +2 -2
- package/types/components/Segment/index.d.ts +1 -1
- package/types/components/Select/Select.d.ts +50 -44
- package/types/components/Sheet/Sheet.d.ts +1 -1
- package/types/components/Sheet/index.d.ts +2 -2
- package/types/components/Skeleton/Skeleton.d.ts +3 -3
- package/types/components/Slider/Slider.d.ts +2 -2
- package/types/components/Slider/index.d.ts +1 -1
- package/types/components/Spinner/Spinner.d.ts +4 -2
- package/types/components/Steps/index.d.ts +1 -1
- package/types/components/Switch/Switch.d.ts +2 -2
- package/types/components/Table/Table.d.ts +1 -1
- package/types/components/Table/index.d.ts +1 -1
- package/types/components/Tabs/TabItem.d.ts +4 -4
- package/types/components/Tabs/Tabs.d.ts +2 -2
- package/types/components/Tabs/TabsController.d.ts +1 -1
- package/types/components/Tabs/index.d.ts +2 -2
- package/types/components/TextArea/TextArea.d.ts +36 -36
- package/types/components/TextField/TextField.d.ts +36 -36
- package/types/components/TextField/index.d.ts +2 -2
- package/types/components/TimePicker/index.d.ts +1 -1
- package/types/components/Toast/Toast.d.ts +1 -1
- package/types/components/Toast/index.d.ts +1 -1
- package/types/components/ToastNew/ToastNew.d.ts +1 -1
- package/types/components/Tokens/Colors/Colors.styles.d.ts +53 -16
- package/types/components/Tokens/NumberTokens/NumberTokens.styles.d.ts +26 -6
- package/types/components/Tokens/Typography/Typography.styles.d.ts +69 -20
- package/types/components/Tooltip/Tooltip.d.ts +1 -1
- package/types/components/Tooltip/index.d.ts +1 -1
- package/types/components/Tour/Tour.d.ts +1 -1
- package/types/components/Tour/index.d.ts +1 -1
- package/types/components/Tree/Tree.d.ts +1 -1
- package/types/components/Typography/Typography.d.ts +51 -51
- package/types/mixins/index.d.ts +1 -1
|
@@ -0,0 +1,89 @@
|
|
|
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 _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
12
|
+
function _tagged_template_literal(strings, raw) {
|
|
13
|
+
if (!raw) {
|
|
14
|
+
raw = strings.slice(0);
|
|
15
|
+
}
|
|
16
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
17
|
+
raw: {
|
|
18
|
+
value: Object.freeze(raw)
|
|
19
|
+
}
|
|
20
|
+
}));
|
|
21
|
+
}
|
|
22
|
+
function _templateObject() {
|
|
23
|
+
var data = _tagged_template_literal([
|
|
24
|
+
"\n ",
|
|
25
|
+
": var(--surface-solid-card);\n ",
|
|
26
|
+
": var(--shadow-down-hard-m);\n ",
|
|
27
|
+
": var(--text-secondary);\n ",
|
|
28
|
+
": var(--text-secondary-hover);\n ",
|
|
29
|
+
": var(--text-secondary-active);\n "
|
|
30
|
+
]);
|
|
31
|
+
_templateObject = function _templateObject() {
|
|
32
|
+
return data;
|
|
33
|
+
};
|
|
34
|
+
return data;
|
|
35
|
+
}
|
|
36
|
+
function _templateObject1() {
|
|
37
|
+
var data = _tagged_template_literal([
|
|
38
|
+
"\n ",
|
|
39
|
+
": var(--surface-accent);\n ",
|
|
40
|
+
": var(--shadow-down-hard-m);\n ",
|
|
41
|
+
": var(--on-dark-text-secondary);\n ",
|
|
42
|
+
": var(--on-dark-text-secondary-hover);\n ",
|
|
43
|
+
": var(--on-dark-text-secondary-active);\n "
|
|
44
|
+
]);
|
|
45
|
+
_templateObject1 = function _templateObject() {
|
|
46
|
+
return data;
|
|
47
|
+
};
|
|
48
|
+
return data;
|
|
49
|
+
}
|
|
50
|
+
function _templateObject2() {
|
|
51
|
+
var data = _tagged_template_literal([
|
|
52
|
+
"\n ",
|
|
53
|
+
": 1rem;\n ",
|
|
54
|
+
": 0.75rem 0.5rem 0.5rem 0.5rem;\n ",
|
|
55
|
+
": 0.625rem;\n "
|
|
56
|
+
]);
|
|
57
|
+
_templateObject2 = function _templateObject() {
|
|
58
|
+
return data;
|
|
59
|
+
};
|
|
60
|
+
return data;
|
|
61
|
+
}
|
|
62
|
+
function _templateObject3() {
|
|
63
|
+
var data = _tagged_template_literal([
|
|
64
|
+
"\n ",
|
|
65
|
+
": 0.75rem;\n ",
|
|
66
|
+
": 0.5rem 0.375rem 0.375rem 0.375rem;\n ",
|
|
67
|
+
": 0.5rem;\n "
|
|
68
|
+
]);
|
|
69
|
+
_templateObject3 = function _templateObject() {
|
|
70
|
+
return data;
|
|
71
|
+
};
|
|
72
|
+
return data;
|
|
73
|
+
}
|
|
74
|
+
var config = {
|
|
75
|
+
defaults: {
|
|
76
|
+
view: 'default',
|
|
77
|
+
size: 'm'
|
|
78
|
+
},
|
|
79
|
+
variations: {
|
|
80
|
+
view: {
|
|
81
|
+
default: (0, _emotion.css)(_templateObject(), _emotion._beta_popoverTokens.backgroundColor, _emotion._beta_popoverTokens.boxShadow, _emotion._beta_popoverTokens.iconColor, _emotion._beta_popoverTokens.iconColorHover, _emotion._beta_popoverTokens.iconColorActive),
|
|
82
|
+
info: (0, _emotion.css)(_templateObject1(), _emotion._beta_popoverTokens.backgroundColor, _emotion._beta_popoverTokens.boxShadow, _emotion._beta_popoverTokens.iconColor, _emotion._beta_popoverTokens.iconColorHover, _emotion._beta_popoverTokens.iconColorActive)
|
|
83
|
+
},
|
|
84
|
+
size: {
|
|
85
|
+
m: (0, _emotion.css)(_templateObject2(), _emotion._beta_popoverTokens.borderRadius, _emotion._beta_popoverTokens.padding, _emotion._beta_popoverTokens.iconOffset),
|
|
86
|
+
s: (0, _emotion.css)(_templateObject3(), _emotion._beta_popoverTokens.borderRadius, _emotion._beta_popoverTokens.padding, _emotion._beta_popoverTokens.iconOffset)
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
};
|
|
@@ -0,0 +1,81 @@
|
|
|
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 _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
12
|
+
function _tagged_template_literal(strings, raw) {
|
|
13
|
+
if (!raw) {
|
|
14
|
+
raw = strings.slice(0);
|
|
15
|
+
}
|
|
16
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
17
|
+
raw: {
|
|
18
|
+
value: Object.freeze(raw)
|
|
19
|
+
}
|
|
20
|
+
}));
|
|
21
|
+
}
|
|
22
|
+
function _templateObject() {
|
|
23
|
+
var data = _tagged_template_literal([
|
|
24
|
+
"\n ",
|
|
25
|
+
": var(--surface-solid-card);\n ",
|
|
26
|
+
": var(--shadow-down-hard-m);\n "
|
|
27
|
+
]);
|
|
28
|
+
_templateObject = function _templateObject() {
|
|
29
|
+
return data;
|
|
30
|
+
};
|
|
31
|
+
return data;
|
|
32
|
+
}
|
|
33
|
+
function _templateObject1() {
|
|
34
|
+
var data = _tagged_template_literal([
|
|
35
|
+
"\n ",
|
|
36
|
+
": var(--surface-accent);\n ",
|
|
37
|
+
": var(--shadow-down-hard-m);\n "
|
|
38
|
+
]);
|
|
39
|
+
_templateObject1 = function _templateObject() {
|
|
40
|
+
return data;
|
|
41
|
+
};
|
|
42
|
+
return data;
|
|
43
|
+
}
|
|
44
|
+
function _templateObject2() {
|
|
45
|
+
var data = _tagged_template_literal([
|
|
46
|
+
"\n ",
|
|
47
|
+
": 1rem;\n ",
|
|
48
|
+
": 0.75rem 0.5rem 0.5rem 0.5rem;\n "
|
|
49
|
+
]);
|
|
50
|
+
_templateObject2 = function _templateObject() {
|
|
51
|
+
return data;
|
|
52
|
+
};
|
|
53
|
+
return data;
|
|
54
|
+
}
|
|
55
|
+
function _templateObject3() {
|
|
56
|
+
var data = _tagged_template_literal([
|
|
57
|
+
"\n ",
|
|
58
|
+
": 0.75rem;\n ",
|
|
59
|
+
": 0.5rem 0.375rem 0.375rem 0.375rem;\n "
|
|
60
|
+
]);
|
|
61
|
+
_templateObject3 = function _templateObject() {
|
|
62
|
+
return data;
|
|
63
|
+
};
|
|
64
|
+
return data;
|
|
65
|
+
}
|
|
66
|
+
var config = {
|
|
67
|
+
defaults: {
|
|
68
|
+
view: 'default',
|
|
69
|
+
size: 'm'
|
|
70
|
+
},
|
|
71
|
+
variations: {
|
|
72
|
+
view: {
|
|
73
|
+
default: (0, _emotion.css)(_templateObject(), _emotion._beta_popoverTokens.backgroundColor, _emotion._beta_popoverTokens.boxShadow),
|
|
74
|
+
info: (0, _emotion.css)(_templateObject1(), _emotion._beta_popoverTokens.backgroundColor, _emotion._beta_popoverTokens.boxShadow)
|
|
75
|
+
},
|
|
76
|
+
size: {
|
|
77
|
+
m: (0, _emotion.css)(_templateObject2(), _emotion._beta_popoverTokens.borderRadius, _emotion._beta_popoverTokens.padding),
|
|
78
|
+
s: (0, _emotion.css)(_templateObject3(), _emotion._beta_popoverTokens.borderRadius, _emotion._beta_popoverTokens.padding)
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get Popover () {
|
|
13
|
+
return Popover;
|
|
14
|
+
},
|
|
15
|
+
get PopoverCloseInner () {
|
|
16
|
+
return PopoverCloseInner;
|
|
17
|
+
},
|
|
18
|
+
get PopoverCloseNone () {
|
|
19
|
+
return PopoverCloseNone;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
var _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
23
|
+
var _PopovercloseNoneconfig = require("./Popover.closeNone.config");
|
|
24
|
+
var _PopovercloseInnerconfig = require("./Popover.closeInner.config");
|
|
25
|
+
var mergedCloseNoneConfig = (0, _emotion.mergeConfig)(_emotion._beta_popoverConfig, _PopovercloseNoneconfig.config);
|
|
26
|
+
var PopoverCloseNone = (0, _emotion.component)(mergedCloseNoneConfig);
|
|
27
|
+
var mergedCloseInnerConfig = (0, _emotion.mergeConfig)(_emotion._beta_popoverConfig, _PopovercloseInnerconfig.config);
|
|
28
|
+
var PopoverCloseInner = (0, _emotion.component)(mergedCloseInnerConfig);
|
|
29
|
+
var Popover = (0, _emotion.createConditionalComponent)(PopoverCloseNone, [
|
|
30
|
+
{
|
|
31
|
+
conditions: {
|
|
32
|
+
prop: 'appearance',
|
|
33
|
+
value: 'closeInner'
|
|
34
|
+
},
|
|
35
|
+
component: PopoverCloseInner
|
|
36
|
+
}
|
|
37
|
+
]);
|
|
@@ -0,0 +1,84 @@
|
|
|
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 _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
12
|
+
function _tagged_template_literal(strings, raw) {
|
|
13
|
+
if (!raw) {
|
|
14
|
+
raw = strings.slice(0);
|
|
15
|
+
}
|
|
16
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
17
|
+
raw: {
|
|
18
|
+
value: Object.freeze(raw)
|
|
19
|
+
}
|
|
20
|
+
}));
|
|
21
|
+
}
|
|
22
|
+
function _templateObject() {
|
|
23
|
+
var data = _tagged_template_literal([
|
|
24
|
+
"\n ",
|
|
25
|
+
": var(--inverse-surface-solid-card-brightness);\n ",
|
|
26
|
+
": var(--shadow-down-hard-m);\n ",
|
|
27
|
+
": var(--inverse-text-primary);\n "
|
|
28
|
+
]);
|
|
29
|
+
_templateObject = function _templateObject() {
|
|
30
|
+
return data;
|
|
31
|
+
};
|
|
32
|
+
return data;
|
|
33
|
+
}
|
|
34
|
+
function _templateObject1() {
|
|
35
|
+
var data = _tagged_template_literal([
|
|
36
|
+
"\n ",
|
|
37
|
+
": 0.625rem;\n ",
|
|
38
|
+
": 0.75rem 0.875rem;\n ",
|
|
39
|
+
": 0.375rem;\n ",
|
|
40
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
41
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
42
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
43
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
44
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
45
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
|
46
|
+
]);
|
|
47
|
+
_templateObject1 = function _templateObject() {
|
|
48
|
+
return data;
|
|
49
|
+
};
|
|
50
|
+
return data;
|
|
51
|
+
}
|
|
52
|
+
function _templateObject2() {
|
|
53
|
+
var data = _tagged_template_literal([
|
|
54
|
+
"\n ",
|
|
55
|
+
": 0.5rem;\n ",
|
|
56
|
+
": 0.5rem 0.75rem;\n ",
|
|
57
|
+
": 0.25rem;\n ",
|
|
58
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
59
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
60
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
61
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
62
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
63
|
+
": var(--plasma-typo-body-xs-line-height);\n "
|
|
64
|
+
]);
|
|
65
|
+
_templateObject2 = function _templateObject() {
|
|
66
|
+
return data;
|
|
67
|
+
};
|
|
68
|
+
return data;
|
|
69
|
+
}
|
|
70
|
+
var config = {
|
|
71
|
+
defaults: {
|
|
72
|
+
view: 'default',
|
|
73
|
+
size: 'm'
|
|
74
|
+
},
|
|
75
|
+
variations: {
|
|
76
|
+
view: {
|
|
77
|
+
default: (0, _emotion.css)(_templateObject(), _emotion._beta_tooltipTokens.backgroundColor, _emotion._beta_tooltipTokens.boxShadow, _emotion._beta_tooltipTokens.color)
|
|
78
|
+
},
|
|
79
|
+
size: {
|
|
80
|
+
m: (0, _emotion.css)(_templateObject1(), _emotion._beta_tooltipTokens.borderRadius, _emotion._beta_tooltipTokens.padding, _emotion._beta_tooltipTokens.gap, _emotion._beta_tooltipTokens.fontFamily, _emotion._beta_tooltipTokens.fontSize, _emotion._beta_tooltipTokens.fontStyle, _emotion._beta_tooltipTokens.fontWeight, _emotion._beta_tooltipTokens.letterSpacing, _emotion._beta_tooltipTokens.lineHeight),
|
|
81
|
+
s: (0, _emotion.css)(_templateObject2(), _emotion._beta_tooltipTokens.borderRadius, _emotion._beta_tooltipTokens.padding, _emotion._beta_tooltipTokens.gap, _emotion._beta_tooltipTokens.fontFamily, _emotion._beta_tooltipTokens.fontSize, _emotion._beta_tooltipTokens.fontStyle, _emotion._beta_tooltipTokens.fontWeight, _emotion._beta_tooltipTokens.letterSpacing, _emotion._beta_tooltipTokens.lineHeight)
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Tooltip", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Tooltip;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
12
|
+
var _Tooltipconfig = require("./Tooltip.config");
|
|
13
|
+
var mergedConfig = (0, _emotion.mergeConfig)(_emotion._beta_tooltipConfig, _Tooltipconfig.config);
|
|
14
|
+
var Tooltip = (0, _emotion.component)(mergedConfig);
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
_export_star(require("./Popover"), exports);
|
|
6
|
+
_export_star(require("./Tooltip"), exports);
|
|
7
|
+
function _export_star(from, to) {
|
|
8
|
+
Object.keys(from).forEach(function(k) {
|
|
9
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
10
|
+
Object.defineProperty(to, k, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function() {
|
|
13
|
+
return from[k];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
return from;
|
|
19
|
+
}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
function _tagged_template_literal(strings, raw) {
|
|
2
|
+
if (!raw) {
|
|
3
|
+
raw = strings.slice(0);
|
|
4
|
+
}
|
|
5
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
6
|
+
raw: {
|
|
7
|
+
value: Object.freeze(raw)
|
|
8
|
+
}
|
|
9
|
+
}));
|
|
10
|
+
}
|
|
11
|
+
function _templateObject() {
|
|
12
|
+
var data = _tagged_template_literal([
|
|
13
|
+
"\n ",
|
|
14
|
+
": var(--surface-solid-card);\n ",
|
|
15
|
+
": var(--shadow-down-hard-m);\n ",
|
|
16
|
+
": var(--text-secondary);\n ",
|
|
17
|
+
": var(--text-secondary-hover);\n ",
|
|
18
|
+
": var(--text-secondary-active);\n "
|
|
19
|
+
]);
|
|
20
|
+
_templateObject = function _templateObject() {
|
|
21
|
+
return data;
|
|
22
|
+
};
|
|
23
|
+
return data;
|
|
24
|
+
}
|
|
25
|
+
function _templateObject1() {
|
|
26
|
+
var data = _tagged_template_literal([
|
|
27
|
+
"\n ",
|
|
28
|
+
": var(--surface-accent);\n ",
|
|
29
|
+
": var(--shadow-down-hard-m);\n ",
|
|
30
|
+
": var(--on-dark-text-secondary);\n ",
|
|
31
|
+
": var(--on-dark-text-secondary-hover);\n ",
|
|
32
|
+
": var(--on-dark-text-secondary-active);\n "
|
|
33
|
+
]);
|
|
34
|
+
_templateObject1 = function _templateObject() {
|
|
35
|
+
return data;
|
|
36
|
+
};
|
|
37
|
+
return data;
|
|
38
|
+
}
|
|
39
|
+
function _templateObject2() {
|
|
40
|
+
var data = _tagged_template_literal([
|
|
41
|
+
"\n ",
|
|
42
|
+
": 1rem;\n ",
|
|
43
|
+
": 0.75rem 0.5rem 0.5rem 0.5rem;\n ",
|
|
44
|
+
": 0.625rem;\n "
|
|
45
|
+
]);
|
|
46
|
+
_templateObject2 = function _templateObject() {
|
|
47
|
+
return data;
|
|
48
|
+
};
|
|
49
|
+
return data;
|
|
50
|
+
}
|
|
51
|
+
function _templateObject3() {
|
|
52
|
+
var data = _tagged_template_literal([
|
|
53
|
+
"\n ",
|
|
54
|
+
": 0.75rem;\n ",
|
|
55
|
+
": 0.5rem 0.375rem 0.375rem 0.375rem;\n ",
|
|
56
|
+
": 0.5rem;\n "
|
|
57
|
+
]);
|
|
58
|
+
_templateObject3 = function _templateObject() {
|
|
59
|
+
return data;
|
|
60
|
+
};
|
|
61
|
+
return data;
|
|
62
|
+
}
|
|
63
|
+
import { css, _beta_popoverTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
|
|
64
|
+
export var config = {
|
|
65
|
+
defaults: {
|
|
66
|
+
view: 'default',
|
|
67
|
+
size: 'm'
|
|
68
|
+
},
|
|
69
|
+
variations: {
|
|
70
|
+
view: {
|
|
71
|
+
default: css(_templateObject(), tokens.backgroundColor, tokens.boxShadow, tokens.iconColor, tokens.iconColorHover, tokens.iconColorActive),
|
|
72
|
+
info: css(_templateObject1(), tokens.backgroundColor, tokens.boxShadow, tokens.iconColor, tokens.iconColorHover, tokens.iconColorActive)
|
|
73
|
+
},
|
|
74
|
+
size: {
|
|
75
|
+
m: css(_templateObject2(), tokens.borderRadius, tokens.padding, tokens.iconOffset),
|
|
76
|
+
s: css(_templateObject3(), tokens.borderRadius, tokens.padding, tokens.iconOffset)
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
};
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
function _tagged_template_literal(strings, raw) {
|
|
2
|
+
if (!raw) {
|
|
3
|
+
raw = strings.slice(0);
|
|
4
|
+
}
|
|
5
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
6
|
+
raw: {
|
|
7
|
+
value: Object.freeze(raw)
|
|
8
|
+
}
|
|
9
|
+
}));
|
|
10
|
+
}
|
|
11
|
+
function _templateObject() {
|
|
12
|
+
var data = _tagged_template_literal([
|
|
13
|
+
"\n ",
|
|
14
|
+
": var(--surface-solid-card);\n ",
|
|
15
|
+
": var(--shadow-down-hard-m);\n "
|
|
16
|
+
]);
|
|
17
|
+
_templateObject = function _templateObject() {
|
|
18
|
+
return data;
|
|
19
|
+
};
|
|
20
|
+
return data;
|
|
21
|
+
}
|
|
22
|
+
function _templateObject1() {
|
|
23
|
+
var data = _tagged_template_literal([
|
|
24
|
+
"\n ",
|
|
25
|
+
": var(--surface-accent);\n ",
|
|
26
|
+
": var(--shadow-down-hard-m);\n "
|
|
27
|
+
]);
|
|
28
|
+
_templateObject1 = function _templateObject() {
|
|
29
|
+
return data;
|
|
30
|
+
};
|
|
31
|
+
return data;
|
|
32
|
+
}
|
|
33
|
+
function _templateObject2() {
|
|
34
|
+
var data = _tagged_template_literal([
|
|
35
|
+
"\n ",
|
|
36
|
+
": 1rem;\n ",
|
|
37
|
+
": 0.75rem 0.5rem 0.5rem 0.5rem;\n "
|
|
38
|
+
]);
|
|
39
|
+
_templateObject2 = function _templateObject() {
|
|
40
|
+
return data;
|
|
41
|
+
};
|
|
42
|
+
return data;
|
|
43
|
+
}
|
|
44
|
+
function _templateObject3() {
|
|
45
|
+
var data = _tagged_template_literal([
|
|
46
|
+
"\n ",
|
|
47
|
+
": 0.75rem;\n ",
|
|
48
|
+
": 0.5rem 0.375rem 0.375rem 0.375rem;\n "
|
|
49
|
+
]);
|
|
50
|
+
_templateObject3 = function _templateObject() {
|
|
51
|
+
return data;
|
|
52
|
+
};
|
|
53
|
+
return data;
|
|
54
|
+
}
|
|
55
|
+
import { css, _beta_popoverTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
|
|
56
|
+
export var config = {
|
|
57
|
+
defaults: {
|
|
58
|
+
view: 'default',
|
|
59
|
+
size: 'm'
|
|
60
|
+
},
|
|
61
|
+
variations: {
|
|
62
|
+
view: {
|
|
63
|
+
default: css(_templateObject(), tokens.backgroundColor, tokens.boxShadow),
|
|
64
|
+
info: css(_templateObject1(), tokens.backgroundColor, tokens.boxShadow)
|
|
65
|
+
},
|
|
66
|
+
size: {
|
|
67
|
+
m: css(_templateObject2(), tokens.borderRadius, tokens.padding),
|
|
68
|
+
s: css(_templateObject3(), tokens.borderRadius, tokens.padding)
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { _beta_popoverConfig, component, createConditionalComponent, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
|
|
2
|
+
import { config as closeNoneConfig } from './Popover.closeNone.config';
|
|
3
|
+
import { config as closeInnerConfig } from './Popover.closeInner.config';
|
|
4
|
+
var mergedCloseNoneConfig = mergeConfig(_beta_popoverConfig, closeNoneConfig);
|
|
5
|
+
export var PopoverCloseNone = component(mergedCloseNoneConfig);
|
|
6
|
+
var mergedCloseInnerConfig = mergeConfig(_beta_popoverConfig, closeInnerConfig);
|
|
7
|
+
export var PopoverCloseInner = component(mergedCloseInnerConfig);
|
|
8
|
+
export var Popover = createConditionalComponent(PopoverCloseNone, [
|
|
9
|
+
{
|
|
10
|
+
conditions: {
|
|
11
|
+
prop: 'appearance',
|
|
12
|
+
value: 'closeInner'
|
|
13
|
+
},
|
|
14
|
+
component: PopoverCloseInner
|
|
15
|
+
}
|
|
16
|
+
]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Popover } from './Popover';
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
function _tagged_template_literal(strings, raw) {
|
|
2
|
+
if (!raw) {
|
|
3
|
+
raw = strings.slice(0);
|
|
4
|
+
}
|
|
5
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
6
|
+
raw: {
|
|
7
|
+
value: Object.freeze(raw)
|
|
8
|
+
}
|
|
9
|
+
}));
|
|
10
|
+
}
|
|
11
|
+
function _templateObject() {
|
|
12
|
+
var data = _tagged_template_literal([
|
|
13
|
+
"\n ",
|
|
14
|
+
": var(--inverse-surface-solid-card-brightness);\n ",
|
|
15
|
+
": var(--shadow-down-hard-m);\n ",
|
|
16
|
+
": var(--inverse-text-primary);\n "
|
|
17
|
+
]);
|
|
18
|
+
_templateObject = function _templateObject() {
|
|
19
|
+
return data;
|
|
20
|
+
};
|
|
21
|
+
return data;
|
|
22
|
+
}
|
|
23
|
+
function _templateObject1() {
|
|
24
|
+
var data = _tagged_template_literal([
|
|
25
|
+
"\n ",
|
|
26
|
+
": 0.625rem;\n ",
|
|
27
|
+
": 0.75rem 0.875rem;\n ",
|
|
28
|
+
": 0.375rem;\n ",
|
|
29
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
30
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
31
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
32
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
33
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
34
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
|
35
|
+
]);
|
|
36
|
+
_templateObject1 = function _templateObject() {
|
|
37
|
+
return data;
|
|
38
|
+
};
|
|
39
|
+
return data;
|
|
40
|
+
}
|
|
41
|
+
function _templateObject2() {
|
|
42
|
+
var data = _tagged_template_literal([
|
|
43
|
+
"\n ",
|
|
44
|
+
": 0.5rem;\n ",
|
|
45
|
+
": 0.5rem 0.75rem;\n ",
|
|
46
|
+
": 0.25rem;\n ",
|
|
47
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
48
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
49
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
50
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
51
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
52
|
+
": var(--plasma-typo-body-xs-line-height);\n "
|
|
53
|
+
]);
|
|
54
|
+
_templateObject2 = function _templateObject() {
|
|
55
|
+
return data;
|
|
56
|
+
};
|
|
57
|
+
return data;
|
|
58
|
+
}
|
|
59
|
+
import { css, _beta_tooltipTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
|
|
60
|
+
export var config = {
|
|
61
|
+
defaults: {
|
|
62
|
+
view: 'default',
|
|
63
|
+
size: 'm'
|
|
64
|
+
},
|
|
65
|
+
variations: {
|
|
66
|
+
view: {
|
|
67
|
+
default: css(_templateObject(), tokens.backgroundColor, tokens.boxShadow, tokens.color)
|
|
68
|
+
},
|
|
69
|
+
size: {
|
|
70
|
+
m: css(_templateObject1(), tokens.borderRadius, tokens.padding, tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
|
|
71
|
+
s: css(_templateObject2(), tokens.borderRadius, tokens.padding, tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tooltip } from './Tooltip';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const config: {
|
|
2
|
+
defaults: {
|
|
3
|
+
view: string;
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
|
+
info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
10
|
+
};
|
|
11
|
+
size: {
|
|
12
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
13
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const config: {
|
|
2
|
+
defaults: {
|
|
3
|
+
view: string;
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
|
+
info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
10
|
+
};
|
|
11
|
+
size: {
|
|
12
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
13
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|