@salutejs/sdds-finai 0.323.0-canary.2378.20145088610.0 → 0.323.0-canary.2378.20191024234.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/_beta/Popover/{Popover.config.d.ts → Popover.closeInner.config.d.ts} +1 -0
- package/components/_beta/Popover/Popover.closeInner.config.js +89 -0
- package/components/_beta/Popover/Popover.closeNone.config.d.ts +16 -0
- package/components/_beta/Popover/{Popover.config.js → Popover.closeNone.config.js} +2 -1
- package/components/_beta/Popover/Popover.d.ts +21 -1
- package/components/_beta/Popover/Popover.js +29 -6
- package/es/components/_beta/Popover/Popover.closeInner.config.js +79 -0
- package/es/components/_beta/Popover/{Popover.config.js → Popover.closeNone.config.js} +2 -1
- package/es/components/_beta/Popover/Popover.js +16 -4
- package/package.json +3 -3
|
@@ -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 _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
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, _styledcomponents.css)(_templateObject(), _styledcomponents._beta_popoverTokens.backgroundColor, _styledcomponents._beta_popoverTokens.boxShadow, _styledcomponents._beta_popoverTokens.iconColor, _styledcomponents._beta_popoverTokens.iconColorHover, _styledcomponents._beta_popoverTokens.iconColorActive),
|
|
82
|
+
info: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents._beta_popoverTokens.backgroundColor, _styledcomponents._beta_popoverTokens.boxShadow, _styledcomponents._beta_popoverTokens.iconColor, _styledcomponents._beta_popoverTokens.iconColorHover, _styledcomponents._beta_popoverTokens.iconColorActive)
|
|
83
|
+
},
|
|
84
|
+
size: {
|
|
85
|
+
m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents._beta_popoverTokens.borderRadius, _styledcomponents._beta_popoverTokens.padding, _styledcomponents._beta_popoverTokens.iconOffset),
|
|
86
|
+
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents._beta_popoverTokens.borderRadius, _styledcomponents._beta_popoverTokens.padding, _styledcomponents._beta_popoverTokens.iconOffset)
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
};
|
|
@@ -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").PolymorphicClassName;
|
|
9
|
+
info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
10
|
+
};
|
|
11
|
+
size: {
|
|
12
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const PopoverCloseNone: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
2
2
|
view: {
|
|
3
3
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
4
4
|
info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -8,3 +8,23 @@ export declare const Popover: import("react").FunctionComponent<import("@salutej
|
|
|
8
8
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
9
|
};
|
|
10
10
|
}> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export declare const PopoverCloseInner: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
12
|
+
view: {
|
|
13
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
|
+
info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
15
|
+
};
|
|
16
|
+
size: {
|
|
17
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
18
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
19
|
+
};
|
|
20
|
+
}> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
21
|
+
export declare const Popover: import("react").ForwardRefExoticComponent<Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
22
|
+
view: {
|
|
23
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
24
|
+
info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
25
|
+
};
|
|
26
|
+
size: {
|
|
27
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
28
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
29
|
+
};
|
|
30
|
+
}> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -2,13 +2,36 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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 () {
|
|
8
13
|
return Popover;
|
|
14
|
+
},
|
|
15
|
+
get PopoverCloseInner () {
|
|
16
|
+
return PopoverCloseInner;
|
|
17
|
+
},
|
|
18
|
+
get PopoverCloseNone () {
|
|
19
|
+
return PopoverCloseNone;
|
|
9
20
|
}
|
|
10
21
|
});
|
|
11
22
|
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
23
|
+
var _PopovercloseNoneconfig = require("./Popover.closeNone.config");
|
|
24
|
+
var _PopovercloseInnerconfig = require("./Popover.closeInner.config");
|
|
25
|
+
var mergedCloseNoneConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents._beta_popoverConfig, _PopovercloseNoneconfig.config);
|
|
26
|
+
var PopoverCloseNone = (0, _styledcomponents.component)(mergedCloseNoneConfig);
|
|
27
|
+
var mergedCloseInnerConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents._beta_popoverConfig, _PopovercloseInnerconfig.config);
|
|
28
|
+
var PopoverCloseInner = (0, _styledcomponents.component)(mergedCloseInnerConfig);
|
|
29
|
+
var Popover = (0, _styledcomponents.createConditionalComponent)(PopoverCloseNone, [
|
|
30
|
+
{
|
|
31
|
+
conditions: {
|
|
32
|
+
prop: 'appearance',
|
|
33
|
+
value: 'closeInner'
|
|
34
|
+
},
|
|
35
|
+
component: PopoverCloseInner
|
|
36
|
+
}
|
|
37
|
+
]);
|
|
@@ -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/styled-components';
|
|
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
|
+
};
|
|
@@ -1,4 +1,16 @@
|
|
|
1
|
-
import { _beta_popoverConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
|
-
import { config } from './Popover.config';
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { _beta_popoverConfig, component, createConditionalComponent, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
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
|
+
]);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-finai",
|
|
3
|
-
"version": "0.323.0-canary.2378.
|
|
3
|
+
"version": "0.323.0-canary.2378.20191024234.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS FinAI web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"directory": "packages/sdds-fiai"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@salutejs/plasma-new-hope": "0.344.0-canary.2378.
|
|
22
|
+
"@salutejs/plasma-new-hope": "0.344.0-canary.2378.20191024234.0",
|
|
23
23
|
"@salutejs/sdds-themes": "0.50.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"salute.developers@gmail.com"
|
|
84
84
|
],
|
|
85
85
|
"sideEffects": false,
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "55cdd08d2c650404f3e8455aa1035861b2f39cdc"
|
|
87
87
|
}
|