@occmundial/occ-atomic 3.0.0-beta.6 → 3.0.0-beta.61

Sign up to get free protection for your applications and to get access to all the features.
Files changed (160) hide show
  1. package/CHANGELOG.md +484 -0
  2. package/build/Avatar/Avatar.js +69 -21
  3. package/build/Avatar/Avatar.test.js +15 -8
  4. package/build/Avatar/AvatarContent/AvatarContent.js +61 -21
  5. package/build/Avatar/AvatarContent/AvatarContent.test.js +4 -18
  6. package/build/Avatar/AvatarContent/__snapshots__/AvatarContent.test.js.snap +75 -15
  7. package/build/Avatar/AvatarContent/styles.js +88 -21
  8. package/build/Avatar/__snapshots__/Avatar.test.js.snap +11 -2
  9. package/build/Avatar/styles.js +18 -7
  10. package/build/Banner/Banner.js +30 -40
  11. package/build/Banner/Banner.test.js +64 -17
  12. package/build/Banner/__snapshots__/Banner.test.js.snap +0 -28
  13. package/build/Banner/index.js +1 -6
  14. package/build/Button/Button.js +1 -1
  15. package/build/Button/Button.test.js +0 -11
  16. package/build/Button/__snapshots__/Button.test.js.snap +54 -58
  17. package/build/Button/styles.js +42 -75
  18. package/build/Checkbox/Checkbox.js +48 -3
  19. package/build/Checkbox/__snapshots__/Checkbox.test.js.snap +81 -49
  20. package/build/Checkbox/styles.js +91 -48
  21. package/build/Fab/__snapshots__/Fab.test.js.snap +2 -2
  22. package/build/Footer/Footer.js +81 -87
  23. package/build/Footer/List/List.js +89 -124
  24. package/build/Footer/List/styles.js +85 -31
  25. package/build/Footer/__snapshots__/Footer.test.js.snap +109 -59
  26. package/build/Footer/styles.js +116 -51
  27. package/build/Grid/Col/__snapshots__/Col.test.js.snap +16 -2
  28. package/build/Grid/Col/styles.js +12 -6
  29. package/build/Grid/Row/__snapshots__/Row.test.js.snap +18 -2
  30. package/build/Grid/Row/styles.js +15 -5
  31. package/build/Grid/styles.js +26 -9
  32. package/build/Menu/Menu.js +111 -0
  33. package/build/Menu/index.js +34 -0
  34. package/build/Menu/styles.js +28 -0
  35. package/build/MenuDivider/MenuDivider.js +47 -0
  36. package/build/MenuDivider/index.js +18 -0
  37. package/build/MenuDivider/styles.js +21 -0
  38. package/build/MenuItem/MenuItem.js +160 -0
  39. package/build/{Header/Menu → MenuItem}/index.js +2 -2
  40. package/build/MenuItem/styles.js +25 -0
  41. package/build/MenuItemBase/MenuItemBase.js +98 -0
  42. package/build/MenuItemBase/index.js +18 -0
  43. package/build/MenuItemBase/styles.js +57 -0
  44. package/build/MenuList/MenuList.js +71 -0
  45. package/build/{Header → MenuList}/index.js +2 -2
  46. package/build/MenuList/styles.js +54 -0
  47. package/build/MenuUser/MenuUser.js +153 -0
  48. package/build/MenuUser/index.js +18 -0
  49. package/build/MenuUser/styles.js +22 -0
  50. package/build/Modal/Modal.js +94 -66
  51. package/build/Modal/Modal.test.js +14 -7
  52. package/build/Modal/__snapshots__/Modal.test.js.snap +155 -100
  53. package/build/Modal/styles.js +165 -143
  54. package/build/NavAvatarButton/NavAvatarButton.js +125 -0
  55. package/build/{NavIcon → NavAvatarButton}/index.js +2 -2
  56. package/build/NavAvatarButton/styles.js +30 -0
  57. package/build/NavButton/NavButton.js +73 -0
  58. package/build/{Header/Nav → NavButton}/index.js +2 -2
  59. package/build/NavButton/styles.js +79 -0
  60. package/build/NavItem/styles.js +4 -4
  61. package/build/NavTab/NavTab.js +47 -32
  62. package/build/NavTab/styles.js +63 -28
  63. package/build/NavTop/styles.js +6 -6
  64. package/build/OrderBy/OrderBy.js +2 -1
  65. package/build/Pager/Page/Page.js +11 -6
  66. package/build/Pager/Page/Page.test.js +13 -9
  67. package/build/Pager/Page/__snapshots__/Page.test.js.snap +34 -10
  68. package/build/Pager/Page/styles.js +48 -14
  69. package/build/Pager/Pager.js +144 -235
  70. package/build/Pager/Pager.test.js +81 -36
  71. package/build/Pager/__snapshots__/Pager.test.js.snap +3 -36
  72. package/build/Pager/styles.js +5 -40
  73. package/build/Pill/Choice/Choice.js +6 -4
  74. package/build/Pill/Choice/styles.js +13 -10
  75. package/build/Pill/Group/styles.js +5 -5
  76. package/build/Pill/Stack/Stack.js +2 -2
  77. package/build/Pill/Stack/styles.js +5 -8
  78. package/build/Placeholder/Placeholder.js +29 -12
  79. package/build/Placeholder/Placeholder.test.js +4 -4
  80. package/build/Placeholder/__snapshots__/Placeholder.test.js.snap +81 -38
  81. package/build/Placeholder/styles.js +86 -42
  82. package/build/Provider/MenuListProvider.js +38 -0
  83. package/build/Provider/usePrevious.js +1 -1
  84. package/build/Radio/Radio.js +42 -6
  85. package/build/Radio/__snapshots__/Radio.test.js.snap +81 -80
  86. package/build/Radio/styles.js +93 -85
  87. package/build/SlideDown/SlideDown.js +162 -169
  88. package/build/SlideDown/SlideDown.test.js +49 -44
  89. package/build/SlideDown/__snapshots__/SlideDown.test.js.snap +44 -15
  90. package/build/SlideDown/styles.js +51 -20
  91. package/build/SlideToggle/SlideToggle.js +38 -6
  92. package/build/SlideToggle/SlideToggle.test.js +2 -2
  93. package/build/SlideToggle/__snapshots__/SlideToggle.test.js.snap +52 -37
  94. package/build/SlideToggle/styles.js +64 -45
  95. package/build/Tabs/Tab/Tab.js +73 -0
  96. package/build/Tabs/Tab/index.js +34 -0
  97. package/build/Tabs/Tab/index.test.js +132 -0
  98. package/build/Tabs/Tab/styles.js +74 -0
  99. package/build/Tabs/TabContent/TabContent.js +76 -0
  100. package/build/Tabs/TabContent/index.js +34 -0
  101. package/build/Tabs/TabContent/index.test.js +68 -0
  102. package/build/Tabs/TabContent/styles.js +23 -0
  103. package/build/Tabs/TabIndicator/TabIndicator.js +158 -0
  104. package/build/Tabs/TabIndicator/index.js +34 -0
  105. package/build/Tabs/TabIndicator/styles.js +24 -0
  106. package/build/Tabs/TabList/TabList.js +108 -0
  107. package/build/Tabs/TabList/index.js +34 -0
  108. package/build/{Pager/Break → Tabs/TabList}/styles.js +3 -2
  109. package/build/Tabs/Tabs.js +74 -0
  110. package/build/Tabs/context.js +94 -0
  111. package/build/Tabs/index.js +34 -0
  112. package/build/Tabs/index.test.js +157 -0
  113. package/build/Tabs/styles.js +19 -0
  114. package/build/Tag/Tag.js +2 -2
  115. package/build/Tag/__snapshots__/Tag.test.js.snap +40 -43
  116. package/build/Tag/styles.js +76 -82
  117. package/build/Text/Text.js +2 -1
  118. package/build/TextField/TextField.js +7 -6
  119. package/build/TextField/__snapshots__/TextField.test.js.snap +3 -0
  120. package/build/TextField/styles.js +3 -0
  121. package/build/Tip/Tip.js +62 -95
  122. package/build/Tip/Tip.test.js +29 -6
  123. package/build/Tip/TipText/index.js +32 -0
  124. package/build/Tip/__snapshots__/Tip.test.js.snap +127 -15
  125. package/build/Tip/styles.js +125 -31
  126. package/build/Toaster/Toast/Toast.js +76 -64
  127. package/build/Toaster/Toast/styles.js +118 -46
  128. package/build/Toaster/Toaster.js +3 -2
  129. package/build/Toaster/Toaster.test.js +5 -2
  130. package/build/Toaster/__snapshots__/Toaster.test.js.snap +1 -1
  131. package/build/Toaster/functions.js +4 -0
  132. package/build/Toaster/styles.js +3 -3
  133. package/build/Tooltip/Tooltip.js +73 -22
  134. package/build/Tooltip/__snapshots__/Tooltip.test.js.snap +22 -6
  135. package/build/Tooltip/styles.js +32 -10
  136. package/build/index.js +30 -16
  137. package/build/plugin/babel.js +0 -2
  138. package/build/subatomic/grid.js +5 -5
  139. package/build/tokens/colors.json +35 -3
  140. package/package.json +5 -2
  141. package/build/Banner/styles.js +0 -41
  142. package/build/Header/Header.js +0 -163
  143. package/build/Header/Header.test.js +0 -118
  144. package/build/Header/Menu/Menu.js +0 -135
  145. package/build/Header/Menu/Menu.test.js +0 -107
  146. package/build/Header/Menu/__snapshots__/Menu.test.js.snap +0 -113
  147. package/build/Header/Menu/styles.js +0 -123
  148. package/build/Header/Nav/Nav.js +0 -95
  149. package/build/Header/Nav/Nav.test.js +0 -81
  150. package/build/Header/Nav/__snapshots__/Nav.test.js.snap +0 -101
  151. package/build/Header/Nav/styles.js +0 -110
  152. package/build/Header/__snapshots__/Header.test.js.snap +0 -79
  153. package/build/Header/styles.js +0 -94
  154. package/build/NavIcon/NavIcon.js +0 -112
  155. package/build/NavIcon/styles.js +0 -81
  156. package/build/Pager/Break/Break.js +0 -27
  157. package/build/Pager/Break/Break.test.js +0 -53
  158. package/build/Pager/Break/__snapshots__/Break.test.js.snap +0 -13
  159. package/build/Pager/Break/index.js +0 -18
  160. /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,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 {}`;
@@ -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,112 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _Text = _interopRequireDefault(require("../Text"));
15
-
16
- var _Flexbox = _interopRequireDefault(require("../Flexbox"));
17
-
18
- var _Icon = _interopRequireDefault(require("../Icon"));
19
-
20
- var _colors = _interopRequireDefault(require("../subatomic/colors"));
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
-
24
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
-
26
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
27
-
28
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
29
-
30
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
31
-
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
-
34
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
35
-
36
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
37
-
38
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
39
-
40
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
-
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
-
44
- var NavIcon = /*#__PURE__*/function (_React$Component) {
45
- _inherits(NavIcon, _React$Component);
46
-
47
- var _super = _createSuper(NavIcon);
48
-
49
- function NavIcon() {
50
- _classCallCheck(this, NavIcon);
51
-
52
- return _super.apply(this, arguments);
53
- }
54
-
55
- _createClass(NavIcon, [{
56
- key: "render",
57
- value: function render() {
58
- var _this$props = this.props,
59
- classes = _this$props.classes,
60
- selected = _this$props.selected,
61
- label = _this$props.label,
62
- onClick = _this$props.onClick,
63
- direction = _this$props.direction,
64
- className = _this$props.className,
65
- testId = _this$props.testId,
66
- id = _this$props.id,
67
- iconName = _this$props.iconName,
68
- white = _this$props.white;
69
- var iconColor = white ? _colors["default"].bgWhite : _colors["default"].grey600;
70
- return /*#__PURE__*/_react["default"].createElement("div", {
71
- className: "".concat(classes.cont).concat(selected ? " ".concat(classes.selected) : '').concat(className ? " ".concat(className) : ''),
72
- onClick: onClick,
73
- "data-testid": testId,
74
- id: id
75
- }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
76
- display: "flex",
77
- direction: direction,
78
- justifyContent: "center",
79
- alignItems: "center",
80
- className: classes.flex
81
- }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
82
- iconName: iconName,
83
- colors: [iconColor]
84
- }), label && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
85
- micro: true
86
- }, /*#__PURE__*/_react["default"].createElement("span", {
87
- className: classes.text
88
- }, label))));
89
- }
90
- }]);
91
-
92
- return NavIcon;
93
- }(_react["default"].Component);
94
-
95
- NavIcon.propTypes = {
96
- classes: _propTypes["default"].object.isRequired,
97
- selected: _propTypes["default"].bool,
98
- iconName: _propTypes["default"].string.isRequired,
99
- label: _propTypes["default"].string,
100
- onClick: _propTypes["default"].func,
101
- width: _propTypes["default"].number,
102
- showBar: _propTypes["default"].bool,
103
- direction: _propTypes["default"].oneOf(['col', 'row']),
104
- className: _propTypes["default"].string,
105
-
106
- /** The testId property adds the data attribute data-testid to the main element and should be used for testing only. */
107
- testId: _propTypes["default"].string,
108
- id: _propTypes["default"].string,
109
- white: _propTypes["default"].bool
110
- };
111
- var _default = NavIcon;
112
- exports["default"] = _default;
@@ -1,81 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _spacing = _interopRequireDefault(require("../subatomic/spacing"));
9
-
10
- var _colors = _interopRequireDefault(require("../subatomic/colors"));
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
-
14
- var _default = {
15
- cont: {
16
- width: function width(props) {
17
- return props.width ? props.width : null;
18
- },
19
- display: 'inline-block',
20
- height: _spacing["default"].xLarge,
21
- cursor: 'pointer',
22
- position: 'relative',
23
- '&:hover $svg': {
24
- fill: function fill(props) {
25
- return props.white ? _colors["default"].bgWhite : _colors["default"].grey900;
26
- },
27
- opacity: function opacity(props) {
28
- return props.white ? 0.6 : null;
29
- }
30
- },
31
- '&:hover $text': {
32
- color: function color(props) {
33
- return props.white ? _colors["default"].white : _colors["default"].ink;
34
- },
35
- opacity: function opacity(props) {
36
- return props.white ? 0.6 : null;
37
- }
38
- },
39
- '&:after': {
40
- content: '""',
41
- position: 'absolute',
42
- width: '100%',
43
- height: 3,
44
- bottom: 0,
45
- left: 0,
46
- background: 'transparent',
47
- transition: '0.3s all'
48
- }
49
- },
50
- flex: {
51
- height: _spacing["default"].xLarge
52
- },
53
- selected: {
54
- '& $svg, &:hover $svg': {
55
- fill: function fill(props) {
56
- return props.white ? _colors["default"].bgWhite : _colors["default"].prim;
57
- }
58
- },
59
- '& $text, &:hover $text': {
60
- color: function color(props) {
61
- return props.white ? _colors["default"].white : _colors["default"].prim;
62
- }
63
- },
64
- '&:after': {
65
- background: function background(props) {
66
- return props.showBar ? props.white ? _colors["default"].sec : _colors["default"].prim : null;
67
- }
68
- }
69
- },
70
- text: {
71
- color: function color(props) {
72
- return props.white ? _colors["default"].white : _colors["default"].inkLight;
73
- },
74
- marginLeft: function marginLeft(props) {
75
- return props.direction !== 'col' ? _spacing["default"].xTiny : null;
76
- },
77
- textTransform: 'uppercase',
78
- transition: '0.3s all'
79
- }
80
- };
81
- 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 {}`;