@occmundial/occ-atomic 3.0.0-beta.6 → 3.0.0-beta.60
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +476 -0
- package/build/Avatar/Avatar.js +69 -21
- package/build/Avatar/Avatar.test.js +15 -8
- package/build/Avatar/AvatarContent/AvatarContent.js +61 -21
- package/build/Avatar/AvatarContent/AvatarContent.test.js +4 -18
- package/build/Avatar/AvatarContent/__snapshots__/AvatarContent.test.js.snap +75 -15
- package/build/Avatar/AvatarContent/styles.js +88 -21
- package/build/Avatar/__snapshots__/Avatar.test.js.snap +11 -2
- package/build/Avatar/styles.js +18 -7
- package/build/Banner/Banner.js +30 -40
- package/build/Banner/Banner.test.js +64 -17
- package/build/Banner/__snapshots__/Banner.test.js.snap +0 -28
- package/build/Banner/index.js +1 -6
- package/build/Button/Button.js +1 -1
- package/build/Button/Button.test.js +0 -11
- package/build/Button/__snapshots__/Button.test.js.snap +54 -58
- package/build/Button/styles.js +42 -75
- package/build/Checkbox/Checkbox.js +48 -3
- package/build/Checkbox/__snapshots__/Checkbox.test.js.snap +81 -49
- package/build/Checkbox/styles.js +91 -48
- package/build/Fab/__snapshots__/Fab.test.js.snap +2 -2
- package/build/Footer/Footer.js +81 -87
- package/build/Footer/List/List.js +89 -124
- package/build/Footer/List/styles.js +85 -31
- package/build/Footer/__snapshots__/Footer.test.js.snap +109 -59
- package/build/Footer/styles.js +116 -51
- package/build/Grid/Col/__snapshots__/Col.test.js.snap +16 -2
- package/build/Grid/Col/styles.js +12 -6
- package/build/Grid/Row/__snapshots__/Row.test.js.snap +18 -2
- package/build/Grid/Row/styles.js +15 -5
- package/build/Grid/styles.js +26 -9
- package/build/Menu/Menu.js +111 -0
- package/build/Menu/index.js +34 -0
- package/build/Menu/styles.js +28 -0
- package/build/Modal/Modal.js +94 -66
- package/build/Modal/Modal.test.js +14 -7
- package/build/Modal/__snapshots__/Modal.test.js.snap +155 -100
- package/build/Modal/styles.js +165 -143
- package/build/OrderBy/OrderBy.js +2 -1
- package/build/Pager/Page/Page.js +11 -6
- package/build/Pager/Page/Page.test.js +13 -9
- package/build/Pager/Page/__snapshots__/Page.test.js.snap +34 -10
- package/build/Pager/Page/styles.js +48 -14
- package/build/Pager/Pager.js +144 -235
- package/build/Pager/Pager.test.js +81 -36
- package/build/Pager/__snapshots__/Pager.test.js.snap +3 -36
- package/build/Pager/styles.js +5 -40
- package/build/Pill/Choice/Choice.js +6 -4
- package/build/Pill/Choice/styles.js +13 -10
- package/build/Pill/Group/styles.js +5 -5
- package/build/Pill/Stack/Stack.js +2 -2
- package/build/Pill/Stack/styles.js +5 -8
- package/build/Placeholder/Placeholder.js +29 -12
- package/build/Placeholder/Placeholder.test.js +4 -4
- package/build/Placeholder/__snapshots__/Placeholder.test.js.snap +81 -38
- package/build/Placeholder/styles.js +86 -42
- package/build/Provider/usePrevious.js +1 -1
- package/build/Radio/Radio.js +42 -6
- package/build/Radio/__snapshots__/Radio.test.js.snap +81 -80
- package/build/Radio/styles.js +93 -85
- package/build/SlideDown/SlideDown.js +162 -169
- package/build/SlideDown/SlideDown.test.js +49 -44
- package/build/SlideDown/__snapshots__/SlideDown.test.js.snap +44 -15
- package/build/SlideDown/styles.js +51 -20
- package/build/SlideToggle/SlideToggle.js +38 -6
- package/build/SlideToggle/SlideToggle.test.js +2 -2
- package/build/SlideToggle/__snapshots__/SlideToggle.test.js.snap +52 -37
- package/build/SlideToggle/styles.js +64 -45
- package/build/Tabs/Tab/Tab.js +73 -0
- package/build/Tabs/Tab/index.js +34 -0
- package/build/Tabs/Tab/index.test.js +132 -0
- package/build/Tabs/Tab/styles.js +74 -0
- package/build/Tabs/TabContent/TabContent.js +76 -0
- package/build/Tabs/TabContent/index.js +34 -0
- package/build/Tabs/TabContent/index.test.js +68 -0
- package/build/Tabs/TabContent/styles.js +23 -0
- package/build/Tabs/TabIndicator/TabIndicator.js +158 -0
- package/build/Tabs/TabIndicator/index.js +34 -0
- package/build/Tabs/TabIndicator/styles.js +24 -0
- package/build/Tabs/TabList/TabList.js +108 -0
- package/build/Tabs/TabList/index.js +34 -0
- package/build/{Pager/Break → Tabs/TabList}/styles.js +3 -2
- package/build/Tabs/Tabs.js +74 -0
- package/build/Tabs/context.js +94 -0
- package/build/Tabs/index.js +34 -0
- package/build/Tabs/index.test.js +157 -0
- package/build/Tabs/styles.js +19 -0
- package/build/Tag/Tag.js +2 -2
- package/build/Tag/__snapshots__/Tag.test.js.snap +40 -43
- package/build/Tag/styles.js +76 -82
- package/build/Text/Text.js +2 -1
- package/build/TextField/TextField.js +7 -6
- package/build/TextField/__snapshots__/TextField.test.js.snap +3 -0
- package/build/TextField/styles.js +3 -0
- package/build/Tip/Tip.js +62 -95
- package/build/Tip/Tip.test.js +29 -6
- package/build/Tip/TipText/index.js +32 -0
- package/build/Tip/__snapshots__/Tip.test.js.snap +127 -15
- package/build/Tip/styles.js +125 -31
- package/build/Toaster/Toast/Toast.js +76 -64
- package/build/Toaster/Toast/styles.js +118 -46
- package/build/Toaster/Toaster.js +3 -2
- package/build/Toaster/Toaster.test.js +5 -2
- package/build/Toaster/__snapshots__/Toaster.test.js.snap +1 -1
- package/build/Toaster/functions.js +4 -0
- package/build/Toaster/styles.js +3 -3
- package/build/Tooltip/Tooltip.js +73 -22
- package/build/Tooltip/__snapshots__/Tooltip.test.js.snap +22 -6
- package/build/Tooltip/styles.js +32 -10
- package/build/index.js +18 -16
- package/build/plugin/babel.js +0 -2
- package/build/subatomic/grid.js +5 -5
- package/build/tokens/colors.json +35 -3
- package/package.json +5 -2
- package/build/Banner/styles.js +0 -41
- package/build/Header/Header.js +0 -163
- package/build/Header/Header.test.js +0 -118
- package/build/Header/Menu/Menu.js +0 -135
- package/build/Header/Menu/Menu.test.js +0 -107
- package/build/Header/Menu/__snapshots__/Menu.test.js.snap +0 -113
- package/build/Header/Menu/index.js +0 -18
- package/build/Header/Menu/styles.js +0 -123
- package/build/Header/Nav/Nav.js +0 -95
- package/build/Header/Nav/Nav.test.js +0 -81
- package/build/Header/Nav/__snapshots__/Nav.test.js.snap +0 -101
- package/build/Header/Nav/index.js +0 -18
- package/build/Header/Nav/styles.js +0 -110
- package/build/Header/__snapshots__/Header.test.js.snap +0 -79
- package/build/Header/index.js +0 -18
- package/build/Header/styles.js +0 -94
- package/build/Pager/Break/Break.js +0 -27
- package/build/Pager/Break/Break.test.js +0 -53
- package/build/Pager/Break/__snapshots__/Break.test.js.snap +0 -13
- package/build/Pager/Break/index.js +0 -18
- /package/build/Button/{Loading.js → Loading/index.js} +0 -0
@@ -1,101 +0,0 @@
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
2
|
-
|
3
|
-
exports[`Nav matches the snapshot 1`] = `ShallowWrapper {}`;
|
4
|
-
|
5
|
-
exports[`Nav styles matches the snapshot 1`] = `
|
6
|
-
Object {
|
7
|
-
"@media (max-width: 767px)": Object {
|
8
|
-
"activeItem": Object {
|
9
|
-
"& $icon": Object {
|
10
|
-
"marginBottom": "14px",
|
11
|
-
},
|
12
|
-
"& $listAnchor": Object {
|
13
|
-
"display": "none",
|
14
|
-
},
|
15
|
-
"&:after": Object {
|
16
|
-
"background": "#06f7fa",
|
17
|
-
"borderRadius": "50%",
|
18
|
-
"bottom": "0",
|
19
|
-
"content": "\\"\\"",
|
20
|
-
"display": "block",
|
21
|
-
"height": "4px",
|
22
|
-
"left": "50%",
|
23
|
-
"marginBottom": "8px",
|
24
|
-
"position": "absolute",
|
25
|
-
"transform": "translateX(-50%)",
|
26
|
-
"width": "4px",
|
27
|
-
},
|
28
|
-
},
|
29
|
-
"icon": Object {},
|
30
|
-
"listAnchor": Object {},
|
31
|
-
"listItem": Object {
|
32
|
-
"&:last-child": Object {
|
33
|
-
"marginRight": "0",
|
34
|
-
},
|
35
|
-
"margin": "0 25px 0 0",
|
36
|
-
},
|
37
|
-
"menu": Object {
|
38
|
-
"clear": "both",
|
39
|
-
"margin": "0",
|
40
|
-
"textAlign": "center",
|
41
|
-
},
|
42
|
-
},
|
43
|
-
"@media (min-width: 768px)": Object {
|
44
|
-
"listItem": Object {
|
45
|
-
"float": "left",
|
46
|
-
},
|
47
|
-
"menu": Object {
|
48
|
-
"float": "left",
|
49
|
-
},
|
50
|
-
},
|
51
|
-
"activeItem": Object {
|
52
|
-
"& $icon, &:hover $icon": Object {
|
53
|
-
"filter": "brightness(1)",
|
54
|
-
},
|
55
|
-
"& $listAnchor, &:hover $listAnchor": Object {
|
56
|
-
"color": "#ffffff",
|
57
|
-
},
|
58
|
-
},
|
59
|
-
"icon": Object {
|
60
|
-
"backgroundPosition": "center center",
|
61
|
-
"backgroundRepeat": "no-repeat",
|
62
|
-
},
|
63
|
-
"listAnchor": Object {
|
64
|
-
"color": "#104791",
|
65
|
-
"display": "block",
|
66
|
-
"lineHeight": "20px",
|
67
|
-
"marginBottom": "2px",
|
68
|
-
"marginTop": "-4px",
|
69
|
-
"padding": "0",
|
70
|
-
"position": "relative",
|
71
|
-
"textAlign": "center",
|
72
|
-
"textDecoration": "none !important",
|
73
|
-
"transition": "0.3s all",
|
74
|
-
},
|
75
|
-
"listItem": Object {
|
76
|
-
"&:hover $icon": Object {
|
77
|
-
"filter": "brightness(0.8)",
|
78
|
-
},
|
79
|
-
"&:hover $listAnchor": Object {
|
80
|
-
"color": "#224099",
|
81
|
-
},
|
82
|
-
"cursor": "pointer",
|
83
|
-
"display": "inline-block",
|
84
|
-
"fontSize": "12px",
|
85
|
-
"margin": "7px 30px 0 0",
|
86
|
-
"padding": "5px 0 0 0",
|
87
|
-
"position": "relative",
|
88
|
-
"textAlign": "center",
|
89
|
-
"width": "auto",
|
90
|
-
},
|
91
|
-
"menu": Object {
|
92
|
-
"background": "#1476fb",
|
93
|
-
"listStyle": "none",
|
94
|
-
"margin": "0 10px",
|
95
|
-
"paddingLeft": "0",
|
96
|
-
"textAlign": "center",
|
97
|
-
},
|
98
|
-
}
|
99
|
-
`;
|
100
|
-
|
101
|
-
exports[`NavJSS matches the snapshot 1`] = `ShallowWrapper {}`;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports["default"] = void 0;
|
7
|
-
|
8
|
-
var _reactJss = _interopRequireDefault(require("react-jss"));
|
9
|
-
|
10
|
-
var _Nav = _interopRequireDefault(require("./Nav"));
|
11
|
-
|
12
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
13
|
-
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
15
|
-
|
16
|
-
var _default = (0, _reactJss["default"])(_styles["default"])(_Nav["default"]);
|
17
|
-
|
18
|
-
exports["default"] = _default;
|
@@ -1,110 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports["default"] = void 0;
|
7
|
-
|
8
|
-
var _colors = _interopRequireDefault(require("../../subatomic/colors"));
|
9
|
-
|
10
|
-
var _grid = _interopRequireDefault(require("../../subatomic/grid"));
|
11
|
-
|
12
|
-
var _menu$listItem$icon$a;
|
13
|
-
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
15
|
-
|
16
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
17
|
-
|
18
|
-
var _default = (_menu$listItem$icon$a = {
|
19
|
-
menu: {
|
20
|
-
background: _colors["default"].blue,
|
21
|
-
margin: '0 10px',
|
22
|
-
paddingLeft: '0',
|
23
|
-
listStyle: 'none',
|
24
|
-
textAlign: 'center'
|
25
|
-
},
|
26
|
-
listItem: {
|
27
|
-
width: 'auto',
|
28
|
-
margin: '7px 30px 0 0',
|
29
|
-
textAlign: 'center',
|
30
|
-
padding: '5px 0 0 0',
|
31
|
-
display: 'inline-block',
|
32
|
-
fontSize: '12px',
|
33
|
-
cursor: 'pointer',
|
34
|
-
position: 'relative',
|
35
|
-
'&:hover $icon': {
|
36
|
-
filter: 'brightness(0.8)'
|
37
|
-
},
|
38
|
-
'&:hover $listAnchor': {
|
39
|
-
color: _colors["default"].darkBlueH
|
40
|
-
}
|
41
|
-
},
|
42
|
-
icon: {
|
43
|
-
backgroundRepeat: 'no-repeat',
|
44
|
-
backgroundPosition: 'center center'
|
45
|
-
},
|
46
|
-
activeItem: {
|
47
|
-
'& $icon, &:hover $icon': {
|
48
|
-
filter: 'brightness(1)'
|
49
|
-
},
|
50
|
-
'& $listAnchor, &:hover $listAnchor': {
|
51
|
-
color: _colors["default"].white
|
52
|
-
}
|
53
|
-
},
|
54
|
-
listAnchor: {
|
55
|
-
padding: '0',
|
56
|
-
marginTop: '-4px',
|
57
|
-
marginBottom: '2px',
|
58
|
-
textAlign: 'center',
|
59
|
-
lineHeight: '20px',
|
60
|
-
color: _colors["default"].darkBlue,
|
61
|
-
textDecoration: 'none !important',
|
62
|
-
position: 'relative',
|
63
|
-
display: 'block',
|
64
|
-
transition: '0.3s all'
|
65
|
-
}
|
66
|
-
}, _defineProperty(_menu$listItem$icon$a, "@media (min-width: ".concat(_grid["default"].sm, "px)"), {
|
67
|
-
menu: {
|
68
|
-
"float": 'left'
|
69
|
-
},
|
70
|
-
listItem: {
|
71
|
-
"float": 'left'
|
72
|
-
}
|
73
|
-
}), _defineProperty(_menu$listItem$icon$a, "@media (max-width: ".concat(_grid["default"].sm - 1, "px)"), {
|
74
|
-
menu: {
|
75
|
-
clear: 'both',
|
76
|
-
textAlign: 'center',
|
77
|
-
margin: '0'
|
78
|
-
},
|
79
|
-
listItem: {
|
80
|
-
margin: '0 25px 0 0',
|
81
|
-
'&:last-child': {
|
82
|
-
marginRight: '0'
|
83
|
-
}
|
84
|
-
},
|
85
|
-
activeItem: {
|
86
|
-
'&:after': {
|
87
|
-
content: '""',
|
88
|
-
width: '4px',
|
89
|
-
height: '4px',
|
90
|
-
display: 'block',
|
91
|
-
borderRadius: '50%',
|
92
|
-
background: _colors["default"].cyan,
|
93
|
-
position: 'absolute',
|
94
|
-
bottom: '0',
|
95
|
-
left: '50%',
|
96
|
-
marginBottom: '8px',
|
97
|
-
transform: 'translateX(-50%)'
|
98
|
-
},
|
99
|
-
'& $listAnchor': {
|
100
|
-
display: 'none'
|
101
|
-
},
|
102
|
-
'& $icon': {
|
103
|
-
marginBottom: '14px'
|
104
|
-
}
|
105
|
-
},
|
106
|
-
listAnchor: {},
|
107
|
-
icon: {}
|
108
|
-
}), _menu$listItem$icon$a);
|
109
|
-
|
110
|
-
exports["default"] = _default;
|
@@ -1,79 +0,0 @@
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
2
|
-
|
3
|
-
exports[`Header matches the snapshot 1`] = `ShallowWrapper {}`;
|
4
|
-
|
5
|
-
exports[`Header styles matches the snapshot 1`] = `
|
6
|
-
Object {
|
7
|
-
"@media (max-width: 767px)": Object {
|
8
|
-
"content": Object {
|
9
|
-
"borderTop": "1px solid transparent",
|
10
|
-
},
|
11
|
-
"master": Object {
|
12
|
-
"boxShadow": "none",
|
13
|
-
"left": "0",
|
14
|
-
"position": "fixed",
|
15
|
-
"top": "0",
|
16
|
-
"width": "100%",
|
17
|
-
"zIndex": "10",
|
18
|
-
},
|
19
|
-
},
|
20
|
-
"@media (min-width: 1200px)": Object {
|
21
|
-
"master": Object {
|
22
|
-
"padding": "0 45px 0 45px",
|
23
|
-
},
|
24
|
-
},
|
25
|
-
"bubble": Object {
|
26
|
-
"background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCA1MCA0MS45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA0MS45OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNERkVERkYiIGQ9Ik0yNSwwQzExLjIsMCwwLDkuMSwwLDIwLjNjMCw0LDEuNSw3LjgsNCwxMC45YzAuMywwLjQsMSwxLDAuOCwxLjhjLTAuMSwwLjUtMi4zLDcuNi0yLjMsNy42CiAgICAgICAgICAgIAljLTAuMiwwLjYsMC4yLDEuMywxLDEuM2MwLjYsMCwxLTAuMiwxLTAuMnM3LjQtMyw3LjgtMy4yYzEtMC41LDIuNC0wLjEsMywwLjFjMywxLDYuMywxLjQsOS44LDEuNEMzOC45LDQwLDUwLDMxLjYsNTAsMjAuNAogICAgICAgICAgICAJQzUwLDkuMSwzOC44LDAsMjUsMHoiLz4KICAgICAgICAgICAgPC9zdmc+)",
|
27
|
-
"display": "block",
|
28
|
-
"height": "25px",
|
29
|
-
"width": "25px",
|
30
|
-
},
|
31
|
-
"content": Object {
|
32
|
-
"borderBottom": "1px solid transparent",
|
33
|
-
"boxShadow": "0px 0px 0px 0px rgba(0, 0, 0, 0.75)",
|
34
|
-
},
|
35
|
-
"master": Object {
|
36
|
-
"backgroundColor": "#1476fb",
|
37
|
-
"boxShadow": "0 6px 5px -3px rgba(0,0,0,0.12), 0 6px 18px 0 rgba(0,29,124,0.08)",
|
38
|
-
"minHeight": "60px",
|
39
|
-
"padding": "0 15px 0 15px",
|
40
|
-
},
|
41
|
-
"messages": Object {
|
42
|
-
"cursor": "pointer",
|
43
|
-
"display": "inline-flex",
|
44
|
-
"outline": "0",
|
45
|
-
"transform": "translateY(30%)",
|
46
|
-
},
|
47
|
-
"navbar": Object {
|
48
|
-
"border": "none",
|
49
|
-
"fontFamily": "'OccText', sans-serif",
|
50
|
-
"position": "relative",
|
51
|
-
"zIndex": "9",
|
52
|
-
},
|
53
|
-
"separate": Object {
|
54
|
-
"marginTop": "60px",
|
55
|
-
"position": "relative",
|
56
|
-
"zIndex": "9",
|
57
|
-
},
|
58
|
-
"shadow": Object {
|
59
|
-
"boxShadow": "0 6px 5px -3px rgba(0,0,0,0.12), 0 6px 18px 0 rgba(0,29,124,0.08) !important",
|
60
|
-
},
|
61
|
-
"title": Object {
|
62
|
-
"color": "#ffffff",
|
63
|
-
"float": "left",
|
64
|
-
"fontSize": "16px",
|
65
|
-
"overflow": "hidden",
|
66
|
-
"paddingBottom": "5px",
|
67
|
-
"paddingTop": "17px",
|
68
|
-
"textOverflow": "ellipsis",
|
69
|
-
"whiteSpace": "nowrap",
|
70
|
-
"width": "calc(100% - 150px)",
|
71
|
-
},
|
72
|
-
"user": Object {
|
73
|
-
"float": "right !important",
|
74
|
-
"paddingTop": "9px",
|
75
|
-
},
|
76
|
-
}
|
77
|
-
`;
|
78
|
-
|
79
|
-
exports[`HeaderJSS matches the snapshot 1`] = `ShallowWrapper {}`;
|
package/build/Header/index.js
DELETED
@@ -1,18 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports["default"] = void 0;
|
7
|
-
|
8
|
-
var _reactJss = _interopRequireDefault(require("react-jss"));
|
9
|
-
|
10
|
-
var _Header = _interopRequireDefault(require("./Header"));
|
11
|
-
|
12
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
13
|
-
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
15
|
-
|
16
|
-
var _default = (0, _reactJss["default"])(_styles["default"])(_Header["default"]);
|
17
|
-
|
18
|
-
exports["default"] = _default;
|
package/build/Header/styles.js
DELETED
@@ -1,94 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports["default"] = void 0;
|
7
|
-
|
8
|
-
var _colors = _interopRequireDefault(require("../subatomic/colors"));
|
9
|
-
|
10
|
-
var _fonts = _interopRequireDefault(require("../subatomic/fonts"));
|
11
|
-
|
12
|
-
var _grid = _interopRequireDefault(require("../subatomic/grid"));
|
13
|
-
|
14
|
-
var _icons = _interopRequireDefault(require("../subatomic/icons"));
|
15
|
-
|
16
|
-
var _shadows = _interopRequireDefault(require("../subatomic/shadows"));
|
17
|
-
|
18
|
-
var _navbar$shadow$master;
|
19
|
-
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
21
|
-
|
22
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
23
|
-
|
24
|
-
var _default = (_navbar$shadow$master = {
|
25
|
-
navbar: {
|
26
|
-
border: 'none',
|
27
|
-
fontFamily: _fonts["default"].body,
|
28
|
-
position: 'relative',
|
29
|
-
zIndex: '9'
|
30
|
-
},
|
31
|
-
shadow: {
|
32
|
-
boxShadow: "".concat(_shadows["default"].lvl3, " !important")
|
33
|
-
},
|
34
|
-
master: {
|
35
|
-
backgroundColor: _colors["default"].blue,
|
36
|
-
padding: '0 15px 0 15px',
|
37
|
-
minHeight: '60px',
|
38
|
-
boxShadow: _shadows["default"].lvl3
|
39
|
-
},
|
40
|
-
content: {
|
41
|
-
borderBottom: '1px solid transparent',
|
42
|
-
boxShadow: '0px 0px 0px 0px rgba(0, 0, 0, 0.75)'
|
43
|
-
},
|
44
|
-
title: {
|
45
|
-
width: 'calc(100% - 150px)',
|
46
|
-
fontSize: '16px',
|
47
|
-
color: _colors["default"].white,
|
48
|
-
paddingTop: '17px',
|
49
|
-
paddingBottom: '5px',
|
50
|
-
"float": 'left',
|
51
|
-
overflow: 'hidden',
|
52
|
-
textOverflow: 'ellipsis',
|
53
|
-
whiteSpace: 'nowrap'
|
54
|
-
},
|
55
|
-
user: {
|
56
|
-
paddingTop: '9px',
|
57
|
-
"float": 'right !important'
|
58
|
-
},
|
59
|
-
messages: {
|
60
|
-
cursor: 'pointer',
|
61
|
-
outline: '0',
|
62
|
-
display: 'inline-flex',
|
63
|
-
transform: 'translateY(30%)'
|
64
|
-
},
|
65
|
-
bubble: {
|
66
|
-
width: _icons["default"].bubble.width,
|
67
|
-
height: _icons["default"].bubble.height,
|
68
|
-
display: _icons["default"].bubble.display,
|
69
|
-
background: _icons["default"].base(_icons["default"].bubble.icon())
|
70
|
-
},
|
71
|
-
separate: {
|
72
|
-
marginTop: '60px',
|
73
|
-
zIndex: '9',
|
74
|
-
position: 'relative'
|
75
|
-
}
|
76
|
-
}, _defineProperty(_navbar$shadow$master, "@media (max-width: ".concat(_grid["default"].sm - 1, "px)"), {
|
77
|
-
master: {
|
78
|
-
position: 'fixed',
|
79
|
-
top: '0',
|
80
|
-
left: '0',
|
81
|
-
width: '100%',
|
82
|
-
zIndex: '10',
|
83
|
-
boxShadow: 'none'
|
84
|
-
},
|
85
|
-
content: {
|
86
|
-
borderTop: '1px solid transparent'
|
87
|
-
}
|
88
|
-
}), _defineProperty(_navbar$shadow$master, "@media (min-width: ".concat(_grid["default"].lg, "px)"), {
|
89
|
-
master: {
|
90
|
-
padding: '0 45px 0 45px'
|
91
|
-
}
|
92
|
-
}), _navbar$shadow$master);
|
93
|
-
|
94
|
-
exports["default"] = _default;
|
@@ -1,27 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports["default"] = void 0;
|
7
|
-
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
9
|
-
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
|
-
|
14
|
-
var Break = function Break(_ref) {
|
15
|
-
var classes = _ref.classes,
|
16
|
-
label = _ref.label;
|
17
|
-
return /*#__PURE__*/_react["default"].createElement("li", {
|
18
|
-
className: classes.li
|
19
|
-
}, label);
|
20
|
-
};
|
21
|
-
|
22
|
-
Break.propTypes = {
|
23
|
-
classes: _propTypes["default"].object,
|
24
|
-
label: _propTypes["default"].string
|
25
|
-
};
|
26
|
-
var _default = Break;
|
27
|
-
exports["default"] = _default;
|
@@ -1,53 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
4
|
-
|
5
|
-
var _enzyme = require("enzyme");
|
6
|
-
|
7
|
-
var _Break = _interopRequireDefault(require("./Break"));
|
8
|
-
|
9
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
10
|
-
|
11
|
-
var _index = _interopRequireDefault(require("./index"));
|
12
|
-
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
14
|
-
|
15
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
16
|
-
|
17
|
-
var reduceClasses = function reduceClasses(prev, curr) {
|
18
|
-
return Object.assign({}, prev, _defineProperty({}, curr, curr));
|
19
|
-
};
|
20
|
-
|
21
|
-
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
|
-
describe("Break", function () {
|
23
|
-
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
|
25
|
-
classes: classes
|
26
|
-
}));
|
27
|
-
expect(wrapper).toMatchSnapshot();
|
28
|
-
});
|
29
|
-
it('renders the li', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
|
31
|
-
classes: classes
|
32
|
-
}));
|
33
|
-
expect(wrapper.find('.li').length).toBe(1);
|
34
|
-
});
|
35
|
-
it('renders the label content', function () {
|
36
|
-
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
|
37
|
-
label: "...",
|
38
|
-
classes: classes
|
39
|
-
}));
|
40
|
-
expect(wrapper.find('.li').text()).toEqual('...');
|
41
|
-
});
|
42
|
-
});
|
43
|
-
describe("BreakJSS", function () {
|
44
|
-
it('matches the snapshot', function () {
|
45
|
-
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
|
46
|
-
expect(wrapper).toMatchSnapshot();
|
47
|
-
});
|
48
|
-
});
|
49
|
-
describe("Break styles", function () {
|
50
|
-
it('matches the snapshot', function () {
|
51
|
-
expect(_styles["default"]).toMatchSnapshot();
|
52
|
-
});
|
53
|
-
});
|
@@ -1,13 +0,0 @@
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
2
|
-
|
3
|
-
exports[`Break matches the snapshot 1`] = `ShallowWrapper {}`;
|
4
|
-
|
5
|
-
exports[`Break styles matches the snapshot 1`] = `
|
6
|
-
Object {
|
7
|
-
"li": Object {
|
8
|
-
"display": "inline-block",
|
9
|
-
},
|
10
|
-
}
|
11
|
-
`;
|
12
|
-
|
13
|
-
exports[`BreakJSS matches the snapshot 1`] = `ShallowWrapper {}`;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports["default"] = void 0;
|
7
|
-
|
8
|
-
var _reactJss = _interopRequireDefault(require("react-jss"));
|
9
|
-
|
10
|
-
var _Break = _interopRequireDefault(require("./Break"));
|
11
|
-
|
12
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
13
|
-
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
15
|
-
|
16
|
-
var _default = (0, _reactJss["default"])(_styles["default"])(_Break["default"]);
|
17
|
-
|
18
|
-
exports["default"] = _default;
|
File without changes
|