react-jupiter 5.12.0 → 6.0.0-beta.10
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/accordion/index.js +1 -1
- package/accordion/index.styles.js +47 -5
- package/accordion/panel.js +5 -5
- package/avatar/index.js +2 -2
- package/avatar/index.styles.js +15 -15
- package/button/index.js +139 -45
- package/button/index.styles.js +96 -93
- package/button/theme.js +53 -29
- package/button/utils.js +2 -2
- package/card/card-template/index.js +2 -2
- package/card/card-template/index.stories.js +99 -59
- package/card/card-template/index.style.js +22 -22
- package/card/card-template/index.test.js +8 -8
- package/card/event-card/event-card-label/index.style.js +8 -8
- package/card/event-card/index.js +5 -5
- package/card/event-card/index.stories.js +139 -128
- package/card/event-card/index.style.js +121 -111
- package/card/event-card/index.test.js +1 -1
- package/card/organization-card/index.js +1 -1
- package/card/organization-card/index.stories.js +40 -10
- package/card/organization-card/index.style.js +6 -6
- package/card/organization-card/index.test.js +1 -1
- package/card/orgnizer-card/buttons.js +1 -1
- package/card/orgnizer-card/index.js +27 -27
- package/card/orgnizer-card/index.stories.js +73 -17
- package/card/orgnizer-card/index.style.js +58 -47
- package/cover/index.js +5 -5
- package/cover/index.style.js +44 -37
- package/display/index.js +1 -1
- package/display/index.style.js +77 -76
- package/file-item/fileImgIcon.js +2 -2
- package/file-item/fileImgsFont.js +798 -798
- package/file-item/index.js +2 -2
- package/file-item/index.style.js +31 -30
- package/file-item/utils.js +1 -1
- package/form/captcha/index.js +3 -3
- package/form/captcha/index.stories.js +41 -22
- package/form/captcha/index.style.js +38 -36
- package/form/checkbox/checkbox-option.js +2 -2
- package/form/checkbox/checkbox.js +4 -4
- package/form/checkbox/index.stories.js +100 -35
- package/form/checkbox/index.style.js +62 -40
- package/form/dropdown/index.stories.js +96 -39
- package/form/dropdown/index.style.js +57 -55
- package/form/dropdown/option.js +1 -1
- package/form/dropdown/select.js +2 -2
- package/form/errorMsg.js +2 -2
- package/form/radio/index.stories.js +96 -33
- package/form/radio/index.style.js +61 -52
- package/form/radio/radio-option.js +2 -2
- package/form/radio/radio.js +4 -4
- package/form/text-input/index.js +4 -4
- package/form/text-input/index.stories.js +67 -16
- package/form/text-input/index.style.js +57 -55
- package/form/textarea/index.js +1 -1
- package/form/textarea/index.stories.js +79 -20
- package/form/textarea/index.style.js +23 -23
- package/form-v7/captcha/index.js +6 -6
- package/form-v7/captcha/index.stories.js +55 -25
- package/form-v7/captcha/index.style.js +38 -36
- package/form-v7/checkbox/checkbox-option.js +5 -3
- package/form-v7/checkbox/checkbox.js +9 -7
- package/form-v7/checkbox/index.stories.js +100 -67
- package/form-v7/checkbox/index.style.js +62 -40
- package/form-v7/dropdown/index.stories.js +101 -92
- package/form-v7/dropdown/index.style.js +57 -55
- package/form-v7/dropdown/option.js +1 -1
- package/form-v7/dropdown/select.js +8 -7
- package/form-v7/errorMsg.js +2 -2
- package/form-v7/file-input/index.js +6 -6
- package/form-v7/file-input/index.stories.js +63 -22
- package/form-v7/file-input/index.style.js +62 -54
- package/form-v7/form/index.stories.js +167 -64
- package/form-v7/index.style.js +10 -2
- package/form-v7/label/index.js +2 -2
- package/form-v7/label/index.style.js +11 -11
- package/form-v7/radio/index.stories.js +100 -65
- package/form-v7/radio/index.style.js +61 -52
- package/form-v7/radio/radio-option.js +5 -3
- package/form-v7/radio/radio.js +9 -7
- package/form-v7/text-input/index.js +8 -7
- package/form-v7/text-input/index.stories.js +83 -64
- package/form-v7/text-input/index.style.js +49 -41
- package/form-v7/textarea/index.js +5 -4
- package/form-v7/textarea/index.stories.js +77 -31
- package/form-v7/textarea/index.style.js +23 -23
- package/globalStyle.js +26 -26
- package/grid/index.js +83 -0
- package/icon/iconFont.js +1054 -796
- package/icon/index.js +97 -28
- package/icon/index.styles.js +7 -7
- package/index.js +2 -2
- package/modal/index.js +13 -13
- package/modal/index.style.js +15 -15
- package/numeric-summery-report/index.js +1 -1
- package/numeric-summery-report/index.style.js +16 -11
- package/package.json +1 -3
- package/product-menu/index.style.js +38 -37
- package/product-menu/menu-item.js +1 -1
- package/product-menu/menu.js +1 -1
- package/product-menu/theme.js +5 -1
- package/product-owner/index.js +1 -1
- package/product-owner/index.style.js +12 -6
- package/product-properties/index.js +5 -5
- package/product-properties/index.style.js +14 -11
- package/product-properties/product-property/index.js +1 -1
- package/product-properties/product-property/index.style.js +6 -6
- package/progress-bar/index.js +1 -1
- package/progress-bar/index.styles.js +65 -63
- package/show-date/index.js +1 -1
- package/spacing/core.js +104 -68
- package/spacing/margin/index.js +11 -11
- package/spacing/padding/index.js +11 -11
- package/table/actionCell.js +2 -2
- package/table/index.js +1 -1
- package/table/index.style.js +107 -106
- package/table/tableHeaderRow.js +1 -1
- package/table/tableRow.js +4 -4
- package/tabs/index.style.js +35 -32
- package/tabs/tabPanel.js +2 -2
- package/tabs/tabs.js +3 -3
- package/tabs/theme.js +1 -1
- package/titled-avatar/index.js +2 -2
- package/titled-avatar/index.style.js +30 -25
- package/typography/heading/index.js +2 -2
- package/typography/heading/index.stories.js +87 -34
- package/typography/heading/index.styles.js +69 -67
- package/typography/heading/index.test.js +13 -13
- package/typography/link/index.js +5 -5
- package/typography/link/index.stories.js +66 -8
- package/typography/link/index.styles.js +5 -5
- package/typography/link/index.test.js +1 -1
- package/typography/paragraph/index.js +3 -3
- package/typography/paragraph/index.stories.js +56 -27
- package/typography/paragraph/index.styles.js +10 -10
- package/typography/paragraph/index.test.js +3 -3
- package/typography/text/index.js +6 -6
- package/typography/text/index.stories.js +196 -26
- package/typography/text/index.styles.js +73 -72
- package/typography/text/index.test.js +2 -2
- package/typography/utils.js +24 -24
- package/utils/media-query.js +5 -5
- package/utils/test.js +1 -1
- package/icons/index.js +0 -29
- package/icons/index.style.js +0 -30
- package/icons/theme.js +0 -12
- package/icons/utils.js +0 -672
package/button/theme.js
CHANGED
|
@@ -1,34 +1,58 @@
|
|
|
1
|
-
"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.
|
|
1
|
+
"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.theme=exports.sizes=exports.colorMap=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
padding:"4px 48px",
|
|
7
|
-
font:20,
|
|
8
|
-
minWidth:172,
|
|
9
|
-
height:56
|
|
3
|
+
theme=exports.theme={
|
|
4
|
+
colors:_themes.default.colors,
|
|
5
|
+
borderRadius:_themes.default.borderRadius.low
|
|
10
6
|
},
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
sizes=exports.sizes={
|
|
8
|
+
xs:"px-2 py-1 text-xs min-h-[24px]",
|
|
9
|
+
sm:"px-3 py-1 text-xs min-h-[32px]",
|
|
10
|
+
md:"px-4 py-2 text-sm min-h-[40px]",
|
|
11
|
+
lg:"px-6 py-3 text-base min-h-[48px]"
|
|
16
12
|
},
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
colorMap=exports.colorMap={
|
|
16
|
+
red:{
|
|
17
|
+
base:"red-600",
|
|
18
|
+
hover:"red-700",
|
|
19
|
+
active:"red-800",
|
|
20
|
+
light:"red-50",
|
|
21
|
+
lighter:"red-100"
|
|
22
22
|
},
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
23
|
+
blue:{
|
|
24
|
+
base:"secondary",
|
|
25
|
+
hover:"secondary/90",
|
|
26
|
+
active:"secondary/80",
|
|
27
|
+
light:"secondary/10",
|
|
28
|
+
lighter:"secondary/20"
|
|
29
29
|
},
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
30
|
+
green:{
|
|
31
|
+
base:"green-600",
|
|
32
|
+
hover:"green-700",
|
|
33
|
+
active:"green-800",
|
|
34
|
+
light:"green-50",
|
|
35
|
+
lighter:"green-100"
|
|
36
|
+
},
|
|
37
|
+
yellow:{
|
|
38
|
+
base:"yellow-500",
|
|
39
|
+
hover:"yellow-600",
|
|
40
|
+
active:"yellow-700",
|
|
41
|
+
light:"yellow-50",
|
|
42
|
+
lighter:"yellow-100"
|
|
43
|
+
},
|
|
44
|
+
darkBlue:{
|
|
45
|
+
base:"main",
|
|
46
|
+
hover:"main/90",
|
|
47
|
+
active:"main/80",
|
|
48
|
+
light:"main/10",
|
|
49
|
+
lighter:"main/20"
|
|
50
|
+
},
|
|
51
|
+
gray:{
|
|
52
|
+
base:"gray-600",
|
|
53
|
+
hover:"gray-700",
|
|
54
|
+
active:"gray-800",
|
|
55
|
+
light:"gray-50",
|
|
56
|
+
lighter:"gray-100"
|
|
57
|
+
}
|
|
58
|
+
};// Color mapping to Tailwind colors
|
package/button/utils.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function setFontColor(a,b){return(
|
|
2
2
|
|
|
3
|
-
"secondary"===a?
|
|
3
|
+
"secondary")===a?
|
|
4
4
|
b:
|
|
5
5
|
"tertiary"===a?
|
|
6
6
|
"darkBlue":
|
|
7
7
|
|
|
8
|
-
"white"
|
|
8
|
+
"white"
|
|
9
9
|
|
|
10
10
|
}var _default=exports.default=
|
|
11
11
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_themes=_interopRequireDefault(require("../../themes")),_index=_interopRequireDefault(require("./index.style"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_themes=_interopRequireDefault(require("../../themes")),_index=_interopRequireDefault(require("./index.style"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -46,7 +46,7 @@ const CardTemplate=(a)=>
|
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
|
|
49
|
-
return/*#__PURE__*/
|
|
49
|
+
return(/*#__PURE__*/
|
|
50
50
|
_react.default.createElement(_styledComponents.ThemeProvider,{theme:_themes.default},/*#__PURE__*/
|
|
51
51
|
_react.default.createElement(_globalStyle.default,null),
|
|
52
52
|
(()=>g?g(/*#__PURE__*/_react.default.createElement(_index.default,_extends({maxWidth:f,level:d,hoverToLevel:e,direction:h,"data-test":"card-template",background:i},c),b)):/*#__PURE__*/_react.default.createElement(_index.default,_extends({maxWidth:f,level:d,hoverToLevel:e,direction:h,"data-test":"card-template",background:i},c),b))()
|
|
@@ -1,70 +1,110 @@
|
|
|
1
|
-
"use strict";var _react=_interopRequireDefault(require("react")),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithLink=exports.WithBackground=exports.VerticalDirection=exports.Level5=exports.Level4=exports.Level3=exports.Level2=exports.HoverLevel1To4=exports.HorizontalDirection=exports.Default=void 0;var _react=_interopRequireDefault(require("react")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
|
|
2
2
|
|
|
3
3
|
|
|
4
|
+
{
|
|
5
|
+
title:"Components/Card/CardTemplate",
|
|
6
|
+
component:_index.default,
|
|
7
|
+
argTypes:{
|
|
8
|
+
level:{
|
|
9
|
+
control:"number",
|
|
10
|
+
description:"The level of the card (1-5)"
|
|
11
|
+
},
|
|
12
|
+
hoverToLevel:{
|
|
13
|
+
control:"number",
|
|
14
|
+
description:"The level to hover to"
|
|
15
|
+
},
|
|
16
|
+
direction:{
|
|
17
|
+
control:"select",
|
|
18
|
+
options:["vertical","horizontal"],
|
|
19
|
+
description:"The direction of the card content"
|
|
20
|
+
},
|
|
21
|
+
background:{
|
|
22
|
+
control:"text",
|
|
23
|
+
description:"The background image URL"
|
|
24
|
+
},
|
|
25
|
+
renderLink:{
|
|
26
|
+
control:"function",
|
|
27
|
+
description:"Function to render a link wrapper"
|
|
28
|
+
},
|
|
29
|
+
style:{
|
|
30
|
+
control:"object",
|
|
31
|
+
description:"Additional styles to apply"
|
|
32
|
+
},
|
|
33
|
+
children:{
|
|
34
|
+
control:"text",
|
|
35
|
+
description:"The content of the card"
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
};const
|
|
4
39
|
|
|
40
|
+
Template=(a)=>/*#__PURE__*/
|
|
41
|
+
_react.default.createElement(_index.default,a,/*#__PURE__*/
|
|
42
|
+
_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
|
|
43
|
+
),
|
|
5
44
|
|
|
6
45
|
|
|
7
|
-
(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
)
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
)
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
).
|
|
43
|
-
|
|
44
|
-
|
|
46
|
+
Default=exports.Default=Template.bind({}),
|
|
47
|
+
|
|
48
|
+
Level2=exports.Level2=Template.bind({});
|
|
49
|
+
Level2.args={
|
|
50
|
+
level:2,
|
|
51
|
+
style:{marginTop:"50px"}
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
const Level3=exports.Level3=Template.bind({});
|
|
55
|
+
Level3.args={
|
|
56
|
+
level:3,
|
|
57
|
+
style:{marginTop:"50px"}
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
const Level4=exports.Level4=Template.bind({});
|
|
61
|
+
Level4.args={
|
|
62
|
+
level:4,
|
|
63
|
+
style:{marginTop:"50px"}
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
const Level5=exports.Level5=Template.bind({});
|
|
67
|
+
Level5.args={
|
|
68
|
+
level:5,
|
|
69
|
+
style:{marginTop:"50px"}
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
const HoverLevel1To4=exports.HoverLevel1To4=Template.bind({});
|
|
73
|
+
HoverLevel1To4.args={
|
|
74
|
+
level:1,
|
|
75
|
+
hoverToLevel:4,
|
|
76
|
+
style:{marginTop:"50px"}
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
const WithLink=exports.WithLink=Template.bind({});
|
|
80
|
+
WithLink.args={
|
|
81
|
+
renderLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"http://google.com"},a),
|
|
82
|
+
children:/*#__PURE__*/_react.default.createElement("div",{style:{height:"100px"}},"with link to google")
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
const VerticalDirection=exports.VerticalDirection=Template.bind({});
|
|
86
|
+
VerticalDirection.args={
|
|
87
|
+
direction:"vertical",
|
|
88
|
+
children:/*#__PURE__*/
|
|
89
|
+
_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
|
|
45
90
|
_react.default.createElement("div",{style:{height:"100px",backgroundColor:"lightgray"}},"Hello card template."),/*#__PURE__*/
|
|
46
91
|
_react.default.createElement("div",{style:{height:"100px",backgroundColor:"oldlace"}},"Hello card template.")
|
|
47
92
|
)
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
93
|
+
|
|
94
|
+
};
|
|
95
|
+
|
|
96
|
+
const HorizontalDirection=exports.HorizontalDirection=Template.bind({});
|
|
97
|
+
HorizontalDirection.args={
|
|
98
|
+
direction:"horizontal",
|
|
99
|
+
children:/*#__PURE__*/
|
|
100
|
+
_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
|
|
51
101
|
_react.default.createElement("div",{style:{height:"100px",backgroundColor:"lightgray"}},"Hello card template."),/*#__PURE__*/
|
|
52
102
|
_react.default.createElement("div",{style:{height:"100px",backgroundColor:"oldlace"}},"Hello card template.")
|
|
53
103
|
)
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
_react.default.createElement(_index.default,null,/*#__PURE__*/
|
|
62
|
-
_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
|
|
63
|
-
)
|
|
64
|
-
).
|
|
65
|
-
add("default level",()=>/*#__PURE__*/
|
|
66
|
-
_react.default.createElement(_index.default,null,/*#__PURE__*/
|
|
67
|
-
_react.default.createElement("div",{style:{height:"100px"}},"Hello card template.")
|
|
68
|
-
)
|
|
69
|
-
).
|
|
70
|
-
addDecorator(_addonInfo.withInfo);
|
|
104
|
+
|
|
105
|
+
};
|
|
106
|
+
|
|
107
|
+
const WithBackground=exports.WithBackground=Template.bind({});
|
|
108
|
+
WithBackground.args={
|
|
109
|
+
background:"http://static.simpledesktops.com/uploads/desktops/2019/11/08/Jupiter.png"
|
|
110
|
+
};
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;
|
|
2
|
-
|
|
3
|
-
const TemplateContainer=_styledComponents.default.section
|
|
4
|
-
|
|
5
|
-
(a)=>{let{direction:b}=a;return"vertical"===b?"column":"row"}
|
|
6
|
-
(a)=>{let{theme:b}=a;return
|
|
7
|
-
|
|
8
|
-
(a)=>{let{maxWidth:b}=a;return b
|
|
9
|
-
(a)=>{let{theme:b,level:c}=a;return
|
|
10
|
-
b.shadows[c].blur
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
(a)=>{let{theme:b}=a;return
|
|
14
|
-
(a)=>{let{background:b}=a;return b
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
(a)=>{let{theme:b,level:c,hoverToLevel:d}=a;return(
|
|
18
|
-
d>c?
|
|
19
|
-
b.shadows[d].blur
|
|
20
|
-
"")}
|
|
21
|
-
|
|
22
|
-
|
|
1
|
+
"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
|
|
2
|
+
|
|
3
|
+
const TemplateContainer=_styledComponents.default.section`
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: ${(a)=>{let{direction:b}=a;return"vertical"===b?"column":"row"}};
|
|
6
|
+
border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius.low}px`}};
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
${(a)=>{let{maxWidth:b}=a;return b?`max-width: ${b}px`:""}};
|
|
9
|
+
box-shadow: ${(a)=>{let{theme:b,level:c}=a;return(
|
|
10
|
+
`0 0 ${b.shadows[c].blur}px ${b.shadows[c].spread}px rgba(0, 0, 0, ${b.shadows[c].opacity})`)}};
|
|
11
|
+
text-decoration: none;
|
|
12
|
+
transition: ${
|
|
13
|
+
(a)=>{let{theme:b}=a;return`all ${b.animation.time}s ${b.animation.method}`}};
|
|
14
|
+
${(a)=>{let{background:b}=a;return b?`background: url(${b}) bottom left / 142px no-repeat`:""}};
|
|
15
|
+
|
|
16
|
+
&:hover {
|
|
17
|
+
${(a)=>{let{theme:b,level:c,hoverToLevel:d}=a;return(
|
|
18
|
+
d>c?
|
|
19
|
+
`box-shadow: 0 0 ${b.shadows[d].blur}px ${b.shadows[d].spread}px rgba(0, 0, 0, ${b.shadows[d].opacity})`:
|
|
20
|
+
"")}};
|
|
21
|
+
}
|
|
22
|
+
`;var _default=exports.default=
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
TemplateContainer;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme");require("jest-styled-components");var _index=_interopRequireDefault(require("./index")),_typography=require("../../typography"),_test=_interopRequireDefault(require("../../utils/test")),_themes=_interopRequireDefault(require("../../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)
|
|
1
|
+
"use strict";var _react=_interopRequireDefault(require("react")),_enzyme=require("enzyme");require("jest-styled-components");var _index=_interopRequireDefault(require("./index")),_typography=require("../../typography"),_test=_interopRequireDefault(require("../../utils/test")),_themes=_interopRequireDefault(require("../../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}const
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -66,20 +66,20 @@ maxWidth:300
|
|
|
66
66
|
},
|
|
67
67
|
b=setupMount(a);
|
|
68
68
|
expect(b).toHaveStyleRule(
|
|
69
|
-
"box-shadow",
|
|
70
|
-
_themes.default.shadows[1].blur
|
|
69
|
+
"box-shadow",
|
|
70
|
+
`0 0 ${_themes.default.shadows[1].blur}px ${_themes.default.shadows[1].spread}px rgba(0,0,0,${_themes.default.shadows[1].opacity})`
|
|
71
71
|
),
|
|
72
72
|
expect(b).toHaveStyleRule(
|
|
73
|
-
"box-shadow",
|
|
74
|
-
_themes.default.shadows[3].blur
|
|
73
|
+
"box-shadow",
|
|
74
|
+
`0 0 ${_themes.default.shadows[3].blur}px ${_themes.default.shadows[3].spread}px rgba(0,0,0,${_themes.default.shadows[3].opacity})`,
|
|
75
75
|
{
|
|
76
76
|
modifier:":hover"
|
|
77
77
|
}
|
|
78
78
|
),
|
|
79
79
|
expect(b).toHaveStyleRule(
|
|
80
|
-
"border-radius",
|
|
81
|
-
_themes.default.borderRadius.low
|
|
80
|
+
"border-radius",
|
|
81
|
+
`${_themes.default.borderRadius.low}px`
|
|
82
82
|
),
|
|
83
|
-
expect(b).toHaveStyleRule("max-width"
|
|
83
|
+
expect(b).toHaveStyleRule("max-width",`${a.maxWidth}px`)
|
|
84
84
|
})
|
|
85
85
|
});
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;
|
|
2
|
-
|
|
3
|
-
const ImageLabel=_styledComponents.default.img
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
|
|
2
|
+
|
|
3
|
+
const ImageLabel=_styledComponents.default.img`
|
|
4
|
+
display: inline-block;
|
|
5
|
+
margin-left: 12px;
|
|
6
|
+
// margin-bottom: 5px;
|
|
7
|
+
width: 33px;
|
|
8
|
+
`;var _default=exports.default=
|
|
9
9
|
|
|
10
10
|
ImageLabel;
|
package/card/event-card/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireWildcard(require("prop-types")),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_constants=require("./constants"),_showDate=_interopRequireDefault(require("../../show-date")),_typography=require("../../typography"),_titledAvatar=_interopRequireDefault(require("../../titled-avatar")),_eventCardLabel=_interopRequireDefault(require("./event-card-label")),_index=require("./index.style"),_icon=_interopRequireDefault(require("../../icon"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireWildcard(require("prop-types")),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_constants=require("./constants"),_showDate=_interopRequireDefault(require("../../show-date")),_typography=require("../../typography"),_titledAvatar=_interopRequireDefault(require("../../titled-avatar")),_eventCardLabel=_interopRequireDefault(require("./event-card-label")),_index=require("./index.style"),_icon=_interopRequireDefault(require("../../icon"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&{}.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}const
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -81,11 +81,11 @@ _react.default.createElement(_index.DateBookmarkContainer,{"data-test":"vertical
|
|
|
81
81
|
_react.default.createElement(_index.DateLabelContainer,null,
|
|
82
82
|
l&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"finished"}),
|
|
83
83
|
!l&&k&&/*#__PURE__*/_react.default.createElement(_eventCardLabel.default,{type:"ads"}),
|
|
84
|
-
!!
|
|
84
|
+
!!q?.status&&/*#__PURE__*/
|
|
85
85
|
_react.default.createElement(_index.PartnershipBox,null,/*#__PURE__*/
|
|
86
|
-
_react.default.createElement(_icon.default,{name:
|
|
86
|
+
_react.default.createElement(_icon.default,{name:q?.status,color:"yellow",stickyLeft:!0,marginRight:3}),
|
|
87
87
|
" ",
|
|
88
|
-
"colleague"===
|
|
88
|
+
"colleague"===q?.status?"\u0647\u0645\u06A9\u0627\u0631":"\u0647\u0645\u06CC\u0627\u0631"
|
|
89
89
|
),
|
|
90
90
|
|
|
91
91
|
o&&/*#__PURE__*/_react.default.createElement(_showDate.default,{date:o,color:"gray",fontSize:"12"}),
|
|
@@ -186,7 +186,7 @@ _react.default.createElement(_index.HorizontalPlacePrice,{list:s,isHorizontal:!0
|
|
|
186
186
|
|
|
187
187
|
|
|
188
188
|
|
|
189
|
-
return/*#__PURE__*/
|
|
189
|
+
return(/*#__PURE__*/
|
|
190
190
|
_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
|
|
191
191
|
_react.default.createElement(_globalStyle.default,null),
|
|
192
192
|
(()=>{switch(j){case _constants.HORIZONTAL_CARD:return u();case _constants.HORIZONTAL_MOBILE_CARD:return v();case _constants.VERTICAL_CARD:default:return t()}})()
|