@occmundial/occ-atomic 2.0.0-beta.1 → 2.0.0-beta.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (289) hide show
  1. package/.prettierrc +6 -0
  2. package/.whitesource +12 -0
  3. package/CHANGELOG.md +1354 -584
  4. package/CONTRIBUTING.md +24 -0
  5. package/README.md +21 -21
  6. package/build/Autocomplete/Autocomplete.js +217 -117
  7. package/build/Autocomplete/Autocomplete.test.js +90 -74
  8. package/build/Autocomplete/__snapshots__/Autocomplete.test.js.snap +20 -0
  9. package/build/Autocomplete/index.js +6 -1
  10. package/build/Autocomplete/styles.js +2 -5
  11. package/build/Avatar/Avatar.js +66 -28
  12. package/build/Avatar/Avatar.test.js +36 -13
  13. package/build/Avatar/AvatarContent/AvatarContent.js +11 -14
  14. package/build/Avatar/AvatarContent/AvatarContent.test.js +55 -50
  15. package/build/Avatar/AvatarContent/__snapshots__/AvatarContent.test.js.snap +41 -0
  16. package/build/Avatar/AvatarContent/index.js +6 -1
  17. package/build/Avatar/AvatarContent/styles.js +12 -11
  18. package/build/Avatar/__snapshots__/Avatar.test.js.snap +17 -0
  19. package/build/Avatar/index.js +22 -1
  20. package/build/Avatar/styles.js +2 -6
  21. package/build/Banner/Banner.js +76 -0
  22. package/build/Banner/Banner.test.js +40 -0
  23. package/build/Banner/__snapshots__/Banner.test.js.snap +33 -0
  24. package/build/Banner/index.js +18 -0
  25. package/build/Banner/styles.js +41 -0
  26. package/build/Button/Button.js +134 -61
  27. package/build/Button/Button.test.js +69 -20
  28. package/build/Button/Loading.js +82 -0
  29. package/build/Button/__snapshots__/Button.test.js.snap +322 -0
  30. package/build/Button/index.js +22 -1
  31. package/build/Button/styles.js +187 -178
  32. package/build/ButtonAlign/ButtonAlign.js +20 -16
  33. package/build/ButtonAlign/ButtonAlign.test.js +3 -3
  34. package/build/ButtonAlign/__snapshots__/ButtonAlign.test.js.snap +19 -0
  35. package/build/Card/Card.js +4 -5
  36. package/build/Card/Card.test.js +40 -35
  37. package/build/Card/__snapshots__/Card.test.js.snap +46 -0
  38. package/build/Card/index.js +22 -1
  39. package/build/Card/styles.js +2 -4
  40. package/build/Check/Check.js +18 -14
  41. package/build/Check/Check.test.js +7 -7
  42. package/build/Check/__snapshots__/Check.test.js.snap +92 -0
  43. package/build/Check/styles.js +2 -2
  44. package/build/Checkbox/Checkbox.js +106 -60
  45. package/build/Checkbox/Checkbox.test.js +58 -42
  46. package/build/Checkbox/__snapshots__/Checkbox.test.js.snap +92 -0
  47. package/build/Checkbox/index.js +4 -2
  48. package/build/Checkbox/styles.js +2 -5
  49. package/build/Column/Column.js +1 -1
  50. package/build/Column/Column.test.js +3 -3
  51. package/build/Column/__snapshots__/Column.test.js.snap +647 -0
  52. package/build/Container/Container.js +1 -1
  53. package/build/Container/Container.test.js +4 -4
  54. package/build/Container/__snapshots__/Container.test.js.snap +43 -0
  55. package/build/Droplist/Droplist.js +474 -227
  56. package/build/Droplist/Droplist.test.js +111 -87
  57. package/build/Droplist/__snapshots__/Droplist.test.js.snap +65 -0
  58. package/build/Droplist/functions.js +9 -2
  59. package/build/Droplist/index.js +22 -1
  60. package/build/Droplist/styles.js +41 -15
  61. package/build/Flexbox/Flexbox.js +64 -29
  62. package/build/Flexbox/Flexbox.test.js +32 -14
  63. package/build/Flexbox/__snapshots__/Flexbox.test.js.snap +106 -0
  64. package/build/Flexbox/index.js +22 -1
  65. package/build/Flexbox/styles.js +2 -6
  66. package/build/Footer/Footer.js +42 -30
  67. package/build/Footer/Footer.test.js +2 -2
  68. package/build/Footer/List/List.js +32 -25
  69. package/build/Footer/__snapshots__/Footer.test.js.snap +90 -0
  70. package/build/Footer/styles.js +5 -0
  71. package/build/Grid/Col/Col.js +15 -22
  72. package/build/Grid/Col/Col.test.js +33 -13
  73. package/build/Grid/Col/__snapshots__/Col.test.js.snap +963 -0
  74. package/build/Grid/Col/index.js +22 -1
  75. package/build/Grid/Col/styles.js +97 -116
  76. package/build/Grid/Grid.js +18 -12
  77. package/build/Grid/Row/Row.js +1 -1
  78. package/build/Grid/Row/Row.test.js +2 -2
  79. package/build/Grid/Row/__snapshots__/Row.test.js.snap +22 -0
  80. package/build/Grid/Row/index.js +4 -2
  81. package/build/Grid/index.js +4 -2
  82. package/build/Header/Header.js +35 -31
  83. package/build/Header/Header.test.js +8 -8
  84. package/build/Header/Menu/Menu.js +23 -19
  85. package/build/Header/Menu/Menu.test.js +7 -7
  86. package/build/Header/Menu/__snapshots__/Menu.test.js.snap +113 -0
  87. package/build/Header/Nav/Nav.js +19 -15
  88. package/build/Header/Nav/Nav.test.js +5 -5
  89. package/build/Header/Nav/__snapshots__/Nav.test.js.snap +101 -0
  90. package/build/Header/__snapshots__/Header.test.js.snap +79 -0
  91. package/build/Hidden/Hidden.js +17 -13
  92. package/build/Hidden/Hidden.test.js +6 -6
  93. package/build/Hidden/__snapshots__/Hidden.test.js.snap +3 -0
  94. package/build/Hidden/index.js +4 -2
  95. package/build/Icon/Icon.js +90 -15
  96. package/build/Icon/Icon.test.js +49 -56
  97. package/build/Icon/__snapshots__/Icon.test.js.snap +32 -0
  98. package/build/Icon/index.js +22 -1
  99. package/build/Icon/styles.js +16 -9
  100. package/build/Input/Input.js +29 -25
  101. package/build/Input/Input.test.js +21 -21
  102. package/build/Input/__snapshots__/Input.test.js.snap +194 -0
  103. package/build/Input/index.js +17 -13
  104. package/build/Label/Label.js +17 -13
  105. package/build/Label/Label.test.js +6 -6
  106. package/build/Label/__snapshots__/Label.test.js.snap +82 -0
  107. package/build/LayerApp/LayerApp.js +22 -18
  108. package/build/LayerApp/LayerApp.test.js +4 -4
  109. package/build/LayerApp/__snapshots__/LayerApp.test.js.snap +37 -0
  110. package/build/Modal/Modal.js +55 -37
  111. package/build/Modal/Modal.test.js +15 -12
  112. package/build/Modal/__snapshots__/Modal.test.js.snap +208 -0
  113. package/build/Modal/index.js +19 -13
  114. package/build/Modal/styles.js +43 -31
  115. package/build/NavAside/NavAside.js +24 -19
  116. package/build/NavAside/NavAside.test.js +15 -13
  117. package/build/NavAside/__snapshots__/NavAside.test.js.snap +116 -0
  118. package/build/NavAside/index.js +16 -12
  119. package/build/NavIcon/NavIcon.js +41 -20
  120. package/build/NavIcon/styles.js +6 -16
  121. package/build/NavItem/NavItem.js +29 -16
  122. package/build/NavTab/NavTab.js +38 -29
  123. package/build/NavTop/NavTop.js +20 -16
  124. package/build/OrderBy/OrderBy.js +23 -19
  125. package/build/OrderBy/OrderBy.test.js +6 -6
  126. package/build/OrderBy/__snapshots__/OrderBy.test.js.snap +54 -0
  127. package/build/Pager/Break/Break.js +1 -1
  128. package/build/Pager/Break/Break.test.js +4 -4
  129. package/build/Pager/Break/__snapshots__/Break.test.js.snap +13 -0
  130. package/build/Pager/Page/Page.js +1 -1
  131. package/build/Pager/Page/Page.test.js +5 -5
  132. package/build/Pager/Page/__snapshots__/Page.test.js.snap +27 -0
  133. package/build/Pager/Pager.js +21 -17
  134. package/build/Pager/Pager.test.js +12 -12
  135. package/build/Pager/__snapshots__/Pager.test.js.snap +50 -0
  136. package/build/Pager/styles.js +1 -1
  137. package/build/Pill/Choice/Choice.js +23 -18
  138. package/build/Pill/Choice/styles.js +8 -3
  139. package/build/Pill/Group/Group.js +7 -4
  140. package/build/Pill/Group/styles.js +7 -4
  141. package/build/Pill/Pill.js +36 -23
  142. package/build/Pill/Pill.test.js +12 -12
  143. package/build/Pill/Stack/Stack.js +10 -7
  144. package/build/Pill/Stack/styles.js +4 -1
  145. package/build/Pill/__snapshots__/Pill.test.js.snap +62 -0
  146. package/build/Pill/styles.js +6 -2
  147. package/build/Placeholder/Placeholder.js +2 -2
  148. package/build/Placeholder/Placeholder.test.js +3 -3
  149. package/build/Placeholder/__snapshots__/Placeholder.test.js.snap +130 -0
  150. package/build/Placeholder/styles.js +23 -16
  151. package/build/Provider/Provider.js +89 -0
  152. package/build/Provider/index.js +13 -0
  153. package/build/Provider/useAtomic.js +17 -0
  154. package/build/{hooks → Provider}/usePrevious.js +1 -1
  155. package/build/Radio/Radio.js +29 -15
  156. package/build/Radio/Radio.test.js +6 -6
  157. package/build/Radio/__snapshots__/Radio.test.js.snap +83 -0
  158. package/build/RangeCounter/RangeCounter.js +17 -13
  159. package/build/RangeCounter/RangeCounter.test.js +3 -3
  160. package/build/RangeCounter/__snapshots__/RangeCounter.test.js.snap +20 -0
  161. package/build/RangeCounter/styles.js +1 -1
  162. package/build/Row/Row.js +1 -1
  163. package/build/Row/Row.test.js +2 -2
  164. package/build/Row/__snapshots__/Row.test.js.snap +22 -0
  165. package/build/SightLogo/SightLogo.js +2 -2
  166. package/build/SightLogo/SightLogo.test.js +2 -2
  167. package/build/SightLogo/__snapshots__/SightLogo.test.js.snap +24 -0
  168. package/build/SlideDown/SlideDown.js +41 -27
  169. package/build/SlideDown/SlideDown.test.js +22 -16
  170. package/build/SlideDown/__snapshots__/SlideDown.test.js.snap +42 -0
  171. package/build/SlideToggle/SlideToggle.js +31 -17
  172. package/build/SlideToggle/SlideToggle.test.js +7 -7
  173. package/build/SlideToggle/__snapshots__/SlideToggle.test.js.snap +62 -0
  174. package/build/SubHeader/SubHeader.js +20 -16
  175. package/build/SubHeader/SubHeader.test.js +7 -7
  176. package/build/SubHeader/__snapshots__/SubHeader.test.js.snap +50 -0
  177. package/build/SwitchGroup/SwitchGroup.js +17 -13
  178. package/build/SwitchGroup/SwitchGroup.test.js +6 -6
  179. package/build/SwitchGroup/__snapshots__/SwitchGroup.test.js.snap +52 -0
  180. package/build/SwitchGroup/styles.js +1 -1
  181. package/build/Tag/Tag.js +27 -10
  182. package/build/Tag/Tag.test.js +8 -8
  183. package/build/Tag/__snapshots__/Tag.test.js.snap +137 -0
  184. package/build/Tag/styles.js +72 -27
  185. package/build/Text/Text.js +454 -122
  186. package/build/Text/Text.test.js +13 -13
  187. package/build/Text/__snapshots__/Text.test.js.snap +216 -0
  188. package/build/Text/styles.js +171 -78
  189. package/build/TextField/TextField.js +455 -302
  190. package/build/TextField/TextField.test.js +138 -146
  191. package/build/TextField/__snapshots__/TextField.test.js.snap +258 -0
  192. package/build/TextField/index.js +6 -1
  193. package/build/TextField/styles.js +99 -33
  194. package/build/Tip/Tip.js +91 -27
  195. package/build/Tip/Tip.test.js +8 -8
  196. package/build/Tip/__snapshots__/Tip.test.js.snap +49 -0
  197. package/build/Tip/styles.js +32 -12
  198. package/build/Title/Title.js +16 -12
  199. package/build/Title/Title.test.js +3 -3
  200. package/build/Title/__snapshots__/Title.test.js.snap +31 -0
  201. package/build/Toaster/Toast/Toast.js +11 -11
  202. package/build/Toaster/Toaster.js +27 -23
  203. package/build/Toaster/Toaster.test.js +6 -6
  204. package/build/Toaster/__snapshots__/Toaster.test.js.snap +5 -0
  205. package/build/Tooltip/Tooltip.js +210 -0
  206. package/build/Tooltip/Tooltip.test.js +35 -0
  207. package/build/Tooltip/__snapshots__/Tooltip.test.js.snap +33 -0
  208. package/build/Tooltip/hooks.js +132 -0
  209. package/build/Tooltip/index.js +18 -0
  210. package/build/Tooltip/styles.js +44 -0
  211. package/build/TourTip/TourTip.js +15 -11
  212. package/build/TourTip/TourTip.test.js +2 -2
  213. package/build/TourTip/__snapshots__/TourTip.test.js.snap +74 -0
  214. package/build/Visible/Visible.js +16 -12
  215. package/build/Visible/Visible.test.js +4 -4
  216. package/build/Visible/__snapshots__/Visible.test.js.snap +3 -0
  217. package/build/WindowSize/WindowSize.js +17 -11
  218. package/build/WindowSize/WindowSize.test.js +4 -4
  219. package/build/WindowSize/__snapshots__/WindowSize.test.js.snap +3 -0
  220. package/build/index.js +82 -8
  221. package/build/plugin/babel.js +61 -0
  222. package/build/subatomic/colors.js +8 -3
  223. package/build/subatomic/fonts.js +1 -1
  224. package/build/subatomic/icons/attachment.js +23 -0
  225. package/build/subatomic/icons/attachmentSolid.js +23 -0
  226. package/build/subatomic/icons/avatarSmile.js +23 -0
  227. package/build/subatomic/icons/book.js +23 -0
  228. package/build/subatomic/icons/cash.js +23 -0
  229. package/build/subatomic/icons/copy.js +23 -0
  230. package/build/subatomic/icons/copySolid.js +23 -0
  231. package/build/subatomic/icons/crossSolid.js +23 -0
  232. package/build/subatomic/icons/dislike.js +1 -1
  233. package/build/subatomic/icons/dislikeSolid.js +23 -0
  234. package/build/subatomic/icons/energy.js +23 -0
  235. package/build/subatomic/icons/energySolid.js +23 -0
  236. package/build/subatomic/icons/eye.js +1 -1
  237. package/build/subatomic/icons/eyeClosed.js +1 -1
  238. package/build/subatomic/icons/eyeClosedSolid.js +23 -0
  239. package/build/subatomic/icons/eyeSolid.js +23 -0
  240. package/build/subatomic/icons/hourGlass.js +23 -0
  241. package/build/subatomic/icons/like.js +1 -1
  242. package/build/subatomic/icons/likeSolid.js +23 -0
  243. package/build/subatomic/icons/location.js +23 -0
  244. package/build/subatomic/icons/locationSolid.js +23 -0
  245. package/build/subatomic/icons/matchJob.js +23 -0
  246. package/build/subatomic/icons/messages.js +1 -1
  247. package/build/subatomic/icons/messagesSolid.js +1 -1
  248. package/build/subatomic/icons/moreOptionsHorizontal.js +23 -0
  249. package/build/subatomic/icons/noMessages.js +23 -0
  250. package/build/subatomic/icons/noMessagesSolid.js +23 -0
  251. package/build/subatomic/icons/occDart.js +25 -8
  252. package/build/subatomic/icons/occHorizontal.js +25 -8
  253. package/build/subatomic/icons/occLogo.js +65 -0
  254. package/build/subatomic/icons/occVertical.js +25 -8
  255. package/build/subatomic/icons/profile.js +23 -0
  256. package/build/subatomic/icons/profileSolid.js +23 -0
  257. package/build/subatomic/icons/profileView.js +23 -0
  258. package/build/subatomic/icons/refresh.js +23 -0
  259. package/build/subatomic/icons/refreshSolid.js +23 -0
  260. package/build/subatomic/icons/sendMessage.js +23 -0
  261. package/build/subatomic/icons/sendMessageSolid.js +23 -0
  262. package/build/subatomic/icons/starsSolid.js +23 -0
  263. package/build/subatomic/icons/suitcase.js +23 -0
  264. package/build/subatomic/icons/suitcaseSolid.js +23 -0
  265. package/build/subatomic/icons/tag.js +1 -1
  266. package/build/subatomic/icons/tagSolid.js +23 -0
  267. package/build/subatomic/icons/trash.js +1 -1
  268. package/build/subatomic/icons/trashSolid.js +1 -1
  269. package/build/subatomic/icons/warning.js +23 -0
  270. package/build/subatomic/icons/warningSolid.js +23 -0
  271. package/build/subatomic/icons/webSite.js +23 -0
  272. package/build/subatomic/icons/webSiteSolid.js +23 -0
  273. package/build/subatomic/icons.js +230 -112
  274. package/build/subatomic/mappedIcons.js +171 -0
  275. package/build/tokens/borderRadius.json +8 -0
  276. package/build/tokens/colors.json +567 -0
  277. package/build/tokens/fonts.json +231 -0
  278. package/build/tokens/index.js +47 -0
  279. package/build/tokens/shadows.json +13 -0
  280. package/build/tokens/spacing.json +16 -0
  281. package/commitlint.config.js +6 -0
  282. package/package.json +124 -113
  283. package/playroom/FrameComponent.js +31 -0
  284. package/playroom/styles.js +14 -0
  285. package/playroom.config.js +7 -7
  286. package/build/Grid/Grid.test.js +0 -22
  287. package/build/Grid/Row/Rowdsd.js +0 -39
  288. package/build/hooks/useEventListener.js +0 -23
  289. package/yarn-error.log +0 -10737
@@ -0,0 +1,963 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Col matches the snapshot 1`] = `ShallowWrapper {}`;
4
+
5
+ exports[`Col styles matches the snapshot 1`] = `
6
+ Object {
7
+ "@media (min-width: 1200px)": Object {
8
+ "lg1": Object {
9
+ "float": "left",
10
+ "width": "8.333333333333334%",
11
+ },
12
+ "lg10": Object {
13
+ "float": "left",
14
+ "width": "83.33333333333334%",
15
+ },
16
+ "lg11": Object {
17
+ "float": "left",
18
+ "width": "91.66666666666667%",
19
+ },
20
+ "lg12": Object {
21
+ "float": "left",
22
+ "width": "100%",
23
+ },
24
+ "lg2": Object {
25
+ "float": "left",
26
+ "width": "16.666666666666668%",
27
+ },
28
+ "lg3": Object {
29
+ "float": "left",
30
+ "width": "25%",
31
+ },
32
+ "lg4": Object {
33
+ "float": "left",
34
+ "width": "33.333333333333336%",
35
+ },
36
+ "lg5": Object {
37
+ "float": "left",
38
+ "width": "41.66666666666667%",
39
+ },
40
+ "lg6": Object {
41
+ "float": "left",
42
+ "width": "50%",
43
+ },
44
+ "lg7": Object {
45
+ "float": "left",
46
+ "width": "58.333333333333336%",
47
+ },
48
+ "lg8": Object {
49
+ "float": "left",
50
+ "width": "66.66666666666667%",
51
+ },
52
+ "lg9": Object {
53
+ "float": "left",
54
+ "width": "75%",
55
+ },
56
+ "offset-lg1": Object {
57
+ "marginLeft": "8.333333333333334%",
58
+ },
59
+ "offset-lg10": Object {
60
+ "marginLeft": "83.33333333333334%",
61
+ },
62
+ "offset-lg11": Object {
63
+ "marginLeft": "91.66666666666667%",
64
+ },
65
+ "offset-lg12": Object {
66
+ "marginLeft": "100%",
67
+ },
68
+ "offset-lg2": Object {
69
+ "marginLeft": "16.666666666666668%",
70
+ },
71
+ "offset-lg3": Object {
72
+ "marginLeft": "25%",
73
+ },
74
+ "offset-lg4": Object {
75
+ "marginLeft": "33.333333333333336%",
76
+ },
77
+ "offset-lg5": Object {
78
+ "marginLeft": "41.66666666666667%",
79
+ },
80
+ "offset-lg6": Object {
81
+ "marginLeft": "50%",
82
+ },
83
+ "offset-lg7": Object {
84
+ "marginLeft": "58.333333333333336%",
85
+ },
86
+ "offset-lg8": Object {
87
+ "marginLeft": "66.66666666666667%",
88
+ },
89
+ "offset-lg9": Object {
90
+ "marginLeft": "75%",
91
+ },
92
+ "pull-lg1": Object {
93
+ "right": "8.333333333333334%",
94
+ },
95
+ "pull-lg10": Object {
96
+ "right": "83.33333333333334%",
97
+ },
98
+ "pull-lg11": Object {
99
+ "right": "91.66666666666667%",
100
+ },
101
+ "pull-lg12": Object {
102
+ "right": "100%",
103
+ },
104
+ "pull-lg2": Object {
105
+ "right": "16.666666666666668%",
106
+ },
107
+ "pull-lg3": Object {
108
+ "right": "25%",
109
+ },
110
+ "pull-lg4": Object {
111
+ "right": "33.333333333333336%",
112
+ },
113
+ "pull-lg5": Object {
114
+ "right": "41.66666666666667%",
115
+ },
116
+ "pull-lg6": Object {
117
+ "right": "50%",
118
+ },
119
+ "pull-lg7": Object {
120
+ "right": "58.333333333333336%",
121
+ },
122
+ "pull-lg8": Object {
123
+ "right": "66.66666666666667%",
124
+ },
125
+ "pull-lg9": Object {
126
+ "right": "75%",
127
+ },
128
+ "push-lg1": Object {
129
+ "left": "8.333333333333334%",
130
+ },
131
+ "push-lg10": Object {
132
+ "left": "83.33333333333334%",
133
+ },
134
+ "push-lg11": Object {
135
+ "left": "91.66666666666667%",
136
+ },
137
+ "push-lg12": Object {
138
+ "left": "100%",
139
+ },
140
+ "push-lg2": Object {
141
+ "left": "16.666666666666668%",
142
+ },
143
+ "push-lg3": Object {
144
+ "left": "25%",
145
+ },
146
+ "push-lg4": Object {
147
+ "left": "33.333333333333336%",
148
+ },
149
+ "push-lg5": Object {
150
+ "left": "41.66666666666667%",
151
+ },
152
+ "push-lg6": Object {
153
+ "left": "50%",
154
+ },
155
+ "push-lg7": Object {
156
+ "left": "58.333333333333336%",
157
+ },
158
+ "push-lg8": Object {
159
+ "left": "66.66666666666667%",
160
+ },
161
+ "push-lg9": Object {
162
+ "left": "75%",
163
+ },
164
+ },
165
+ "@media (min-width: 1500px)": Object {
166
+ "offset-xl1": Object {
167
+ "marginLeft": "8.333333333333334%",
168
+ },
169
+ "offset-xl10": Object {
170
+ "marginLeft": "83.33333333333334%",
171
+ },
172
+ "offset-xl11": Object {
173
+ "marginLeft": "91.66666666666667%",
174
+ },
175
+ "offset-xl12": Object {
176
+ "marginLeft": "100%",
177
+ },
178
+ "offset-xl2": Object {
179
+ "marginLeft": "16.666666666666668%",
180
+ },
181
+ "offset-xl3": Object {
182
+ "marginLeft": "25%",
183
+ },
184
+ "offset-xl4": Object {
185
+ "marginLeft": "33.333333333333336%",
186
+ },
187
+ "offset-xl5": Object {
188
+ "marginLeft": "41.66666666666667%",
189
+ },
190
+ "offset-xl6": Object {
191
+ "marginLeft": "50%",
192
+ },
193
+ "offset-xl7": Object {
194
+ "marginLeft": "58.333333333333336%",
195
+ },
196
+ "offset-xl8": Object {
197
+ "marginLeft": "66.66666666666667%",
198
+ },
199
+ "offset-xl9": Object {
200
+ "marginLeft": "75%",
201
+ },
202
+ "pull-xl1": Object {
203
+ "right": "8.333333333333334%",
204
+ },
205
+ "pull-xl10": Object {
206
+ "right": "83.33333333333334%",
207
+ },
208
+ "pull-xl11": Object {
209
+ "right": "91.66666666666667%",
210
+ },
211
+ "pull-xl12": Object {
212
+ "right": "100%",
213
+ },
214
+ "pull-xl2": Object {
215
+ "right": "16.666666666666668%",
216
+ },
217
+ "pull-xl3": Object {
218
+ "right": "25%",
219
+ },
220
+ "pull-xl4": Object {
221
+ "right": "33.333333333333336%",
222
+ },
223
+ "pull-xl5": Object {
224
+ "right": "41.66666666666667%",
225
+ },
226
+ "pull-xl6": Object {
227
+ "right": "50%",
228
+ },
229
+ "pull-xl7": Object {
230
+ "right": "58.333333333333336%",
231
+ },
232
+ "pull-xl8": Object {
233
+ "right": "66.66666666666667%",
234
+ },
235
+ "pull-xl9": Object {
236
+ "right": "75%",
237
+ },
238
+ "push-xl1": Object {
239
+ "left": "8.333333333333334%",
240
+ },
241
+ "push-xl10": Object {
242
+ "left": "83.33333333333334%",
243
+ },
244
+ "push-xl11": Object {
245
+ "left": "91.66666666666667%",
246
+ },
247
+ "push-xl12": Object {
248
+ "left": "100%",
249
+ },
250
+ "push-xl2": Object {
251
+ "left": "16.666666666666668%",
252
+ },
253
+ "push-xl3": Object {
254
+ "left": "25%",
255
+ },
256
+ "push-xl4": Object {
257
+ "left": "33.333333333333336%",
258
+ },
259
+ "push-xl5": Object {
260
+ "left": "41.66666666666667%",
261
+ },
262
+ "push-xl6": Object {
263
+ "left": "50%",
264
+ },
265
+ "push-xl7": Object {
266
+ "left": "58.333333333333336%",
267
+ },
268
+ "push-xl8": Object {
269
+ "left": "66.66666666666667%",
270
+ },
271
+ "push-xl9": Object {
272
+ "left": "75%",
273
+ },
274
+ "xl1": Object {
275
+ "float": "left",
276
+ "width": "8.333333333333334%",
277
+ },
278
+ "xl10": Object {
279
+ "float": "left",
280
+ "width": "83.33333333333334%",
281
+ },
282
+ "xl11": Object {
283
+ "float": "left",
284
+ "width": "91.66666666666667%",
285
+ },
286
+ "xl12": Object {
287
+ "float": "left",
288
+ "width": "100%",
289
+ },
290
+ "xl2": Object {
291
+ "float": "left",
292
+ "width": "16.666666666666668%",
293
+ },
294
+ "xl3": Object {
295
+ "float": "left",
296
+ "width": "25%",
297
+ },
298
+ "xl4": Object {
299
+ "float": "left",
300
+ "width": "33.333333333333336%",
301
+ },
302
+ "xl5": Object {
303
+ "float": "left",
304
+ "width": "41.66666666666667%",
305
+ },
306
+ "xl6": Object {
307
+ "float": "left",
308
+ "width": "50%",
309
+ },
310
+ "xl7": Object {
311
+ "float": "left",
312
+ "width": "58.333333333333336%",
313
+ },
314
+ "xl8": Object {
315
+ "float": "left",
316
+ "width": "66.66666666666667%",
317
+ },
318
+ "xl9": Object {
319
+ "float": "left",
320
+ "width": "75%",
321
+ },
322
+ },
323
+ "@media (min-width: 576px)": Object {
324
+ "offset-xs1": Object {
325
+ "marginLeft": "8.333333333333334%",
326
+ },
327
+ "offset-xs10": Object {
328
+ "marginLeft": "83.33333333333334%",
329
+ },
330
+ "offset-xs11": Object {
331
+ "marginLeft": "91.66666666666667%",
332
+ },
333
+ "offset-xs12": Object {
334
+ "marginLeft": "100%",
335
+ },
336
+ "offset-xs2": Object {
337
+ "marginLeft": "16.666666666666668%",
338
+ },
339
+ "offset-xs3": Object {
340
+ "marginLeft": "25%",
341
+ },
342
+ "offset-xs4": Object {
343
+ "marginLeft": "33.333333333333336%",
344
+ },
345
+ "offset-xs5": Object {
346
+ "marginLeft": "41.66666666666667%",
347
+ },
348
+ "offset-xs6": Object {
349
+ "marginLeft": "50%",
350
+ },
351
+ "offset-xs7": Object {
352
+ "marginLeft": "58.333333333333336%",
353
+ },
354
+ "offset-xs8": Object {
355
+ "marginLeft": "66.66666666666667%",
356
+ },
357
+ "offset-xs9": Object {
358
+ "marginLeft": "75%",
359
+ },
360
+ "pull-xs1": Object {
361
+ "right": "8.333333333333334%",
362
+ },
363
+ "pull-xs10": Object {
364
+ "right": "83.33333333333334%",
365
+ },
366
+ "pull-xs11": Object {
367
+ "right": "91.66666666666667%",
368
+ },
369
+ "pull-xs12": Object {
370
+ "right": "100%",
371
+ },
372
+ "pull-xs2": Object {
373
+ "right": "16.666666666666668%",
374
+ },
375
+ "pull-xs3": Object {
376
+ "right": "25%",
377
+ },
378
+ "pull-xs4": Object {
379
+ "right": "33.333333333333336%",
380
+ },
381
+ "pull-xs5": Object {
382
+ "right": "41.66666666666667%",
383
+ },
384
+ "pull-xs6": Object {
385
+ "right": "50%",
386
+ },
387
+ "pull-xs7": Object {
388
+ "right": "58.333333333333336%",
389
+ },
390
+ "pull-xs8": Object {
391
+ "right": "66.66666666666667%",
392
+ },
393
+ "pull-xs9": Object {
394
+ "right": "75%",
395
+ },
396
+ "push-xs1": Object {
397
+ "left": "8.333333333333334%",
398
+ },
399
+ "push-xs10": Object {
400
+ "left": "83.33333333333334%",
401
+ },
402
+ "push-xs11": Object {
403
+ "left": "91.66666666666667%",
404
+ },
405
+ "push-xs12": Object {
406
+ "left": "100%",
407
+ },
408
+ "push-xs2": Object {
409
+ "left": "16.666666666666668%",
410
+ },
411
+ "push-xs3": Object {
412
+ "left": "25%",
413
+ },
414
+ "push-xs4": Object {
415
+ "left": "33.333333333333336%",
416
+ },
417
+ "push-xs5": Object {
418
+ "left": "41.66666666666667%",
419
+ },
420
+ "push-xs6": Object {
421
+ "left": "50%",
422
+ },
423
+ "push-xs7": Object {
424
+ "left": "58.333333333333336%",
425
+ },
426
+ "push-xs8": Object {
427
+ "left": "66.66666666666667%",
428
+ },
429
+ "push-xs9": Object {
430
+ "left": "75%",
431
+ },
432
+ "xs1": Object {
433
+ "float": "left",
434
+ "width": "8.333333333333334%",
435
+ },
436
+ "xs10": Object {
437
+ "float": "left",
438
+ "width": "83.33333333333334%",
439
+ },
440
+ "xs11": Object {
441
+ "float": "left",
442
+ "width": "91.66666666666667%",
443
+ },
444
+ "xs12": Object {
445
+ "float": "left",
446
+ "width": "100%",
447
+ },
448
+ "xs2": Object {
449
+ "float": "left",
450
+ "width": "16.666666666666668%",
451
+ },
452
+ "xs3": Object {
453
+ "float": "left",
454
+ "width": "25%",
455
+ },
456
+ "xs4": Object {
457
+ "float": "left",
458
+ "width": "33.333333333333336%",
459
+ },
460
+ "xs5": Object {
461
+ "float": "left",
462
+ "width": "41.66666666666667%",
463
+ },
464
+ "xs6": Object {
465
+ "float": "left",
466
+ "width": "50%",
467
+ },
468
+ "xs7": Object {
469
+ "float": "left",
470
+ "width": "58.333333333333336%",
471
+ },
472
+ "xs8": Object {
473
+ "float": "left",
474
+ "width": "66.66666666666667%",
475
+ },
476
+ "xs9": Object {
477
+ "float": "left",
478
+ "width": "75%",
479
+ },
480
+ },
481
+ "@media (min-width: 768px)": Object {
482
+ "offset-sm1": Object {
483
+ "marginLeft": "8.333333333333334%",
484
+ },
485
+ "offset-sm10": Object {
486
+ "marginLeft": "83.33333333333334%",
487
+ },
488
+ "offset-sm11": Object {
489
+ "marginLeft": "91.66666666666667%",
490
+ },
491
+ "offset-sm12": Object {
492
+ "marginLeft": "100%",
493
+ },
494
+ "offset-sm2": Object {
495
+ "marginLeft": "16.666666666666668%",
496
+ },
497
+ "offset-sm3": Object {
498
+ "marginLeft": "25%",
499
+ },
500
+ "offset-sm4": Object {
501
+ "marginLeft": "33.333333333333336%",
502
+ },
503
+ "offset-sm5": Object {
504
+ "marginLeft": "41.66666666666667%",
505
+ },
506
+ "offset-sm6": Object {
507
+ "marginLeft": "50%",
508
+ },
509
+ "offset-sm7": Object {
510
+ "marginLeft": "58.333333333333336%",
511
+ },
512
+ "offset-sm8": Object {
513
+ "marginLeft": "66.66666666666667%",
514
+ },
515
+ "offset-sm9": Object {
516
+ "marginLeft": "75%",
517
+ },
518
+ "pull-sm1": Object {
519
+ "right": "8.333333333333334%",
520
+ },
521
+ "pull-sm10": Object {
522
+ "right": "83.33333333333334%",
523
+ },
524
+ "pull-sm11": Object {
525
+ "right": "91.66666666666667%",
526
+ },
527
+ "pull-sm12": Object {
528
+ "right": "100%",
529
+ },
530
+ "pull-sm2": Object {
531
+ "right": "16.666666666666668%",
532
+ },
533
+ "pull-sm3": Object {
534
+ "right": "25%",
535
+ },
536
+ "pull-sm4": Object {
537
+ "right": "33.333333333333336%",
538
+ },
539
+ "pull-sm5": Object {
540
+ "right": "41.66666666666667%",
541
+ },
542
+ "pull-sm6": Object {
543
+ "right": "50%",
544
+ },
545
+ "pull-sm7": Object {
546
+ "right": "58.333333333333336%",
547
+ },
548
+ "pull-sm8": Object {
549
+ "right": "66.66666666666667%",
550
+ },
551
+ "pull-sm9": Object {
552
+ "right": "75%",
553
+ },
554
+ "push-sm1": Object {
555
+ "left": "8.333333333333334%",
556
+ },
557
+ "push-sm10": Object {
558
+ "left": "83.33333333333334%",
559
+ },
560
+ "push-sm11": Object {
561
+ "left": "91.66666666666667%",
562
+ },
563
+ "push-sm12": Object {
564
+ "left": "100%",
565
+ },
566
+ "push-sm2": Object {
567
+ "left": "16.666666666666668%",
568
+ },
569
+ "push-sm3": Object {
570
+ "left": "25%",
571
+ },
572
+ "push-sm4": Object {
573
+ "left": "33.333333333333336%",
574
+ },
575
+ "push-sm5": Object {
576
+ "left": "41.66666666666667%",
577
+ },
578
+ "push-sm6": Object {
579
+ "left": "50%",
580
+ },
581
+ "push-sm7": Object {
582
+ "left": "58.333333333333336%",
583
+ },
584
+ "push-sm8": Object {
585
+ "left": "66.66666666666667%",
586
+ },
587
+ "push-sm9": Object {
588
+ "left": "75%",
589
+ },
590
+ "sm1": Object {
591
+ "float": "left",
592
+ "width": "8.333333333333334%",
593
+ },
594
+ "sm10": Object {
595
+ "float": "left",
596
+ "width": "83.33333333333334%",
597
+ },
598
+ "sm11": Object {
599
+ "float": "left",
600
+ "width": "91.66666666666667%",
601
+ },
602
+ "sm12": Object {
603
+ "float": "left",
604
+ "width": "100%",
605
+ },
606
+ "sm2": Object {
607
+ "float": "left",
608
+ "width": "16.666666666666668%",
609
+ },
610
+ "sm3": Object {
611
+ "float": "left",
612
+ "width": "25%",
613
+ },
614
+ "sm4": Object {
615
+ "float": "left",
616
+ "width": "33.333333333333336%",
617
+ },
618
+ "sm5": Object {
619
+ "float": "left",
620
+ "width": "41.66666666666667%",
621
+ },
622
+ "sm6": Object {
623
+ "float": "left",
624
+ "width": "50%",
625
+ },
626
+ "sm7": Object {
627
+ "float": "left",
628
+ "width": "58.333333333333336%",
629
+ },
630
+ "sm8": Object {
631
+ "float": "left",
632
+ "width": "66.66666666666667%",
633
+ },
634
+ "sm9": Object {
635
+ "float": "left",
636
+ "width": "75%",
637
+ },
638
+ },
639
+ "@media (min-width: 992px)": Object {
640
+ "md1": Object {
641
+ "float": "left",
642
+ "width": "8.333333333333334%",
643
+ },
644
+ "md10": Object {
645
+ "float": "left",
646
+ "width": "83.33333333333334%",
647
+ },
648
+ "md11": Object {
649
+ "float": "left",
650
+ "width": "91.66666666666667%",
651
+ },
652
+ "md12": Object {
653
+ "float": "left",
654
+ "width": "100%",
655
+ },
656
+ "md2": Object {
657
+ "float": "left",
658
+ "width": "16.666666666666668%",
659
+ },
660
+ "md3": Object {
661
+ "float": "left",
662
+ "width": "25%",
663
+ },
664
+ "md4": Object {
665
+ "float": "left",
666
+ "width": "33.333333333333336%",
667
+ },
668
+ "md5": Object {
669
+ "float": "left",
670
+ "width": "41.66666666666667%",
671
+ },
672
+ "md6": Object {
673
+ "float": "left",
674
+ "width": "50%",
675
+ },
676
+ "md7": Object {
677
+ "float": "left",
678
+ "width": "58.333333333333336%",
679
+ },
680
+ "md8": Object {
681
+ "float": "left",
682
+ "width": "66.66666666666667%",
683
+ },
684
+ "md9": Object {
685
+ "float": "left",
686
+ "width": "75%",
687
+ },
688
+ "offset-md1": Object {
689
+ "marginLeft": "8.333333333333334%",
690
+ },
691
+ "offset-md10": Object {
692
+ "marginLeft": "83.33333333333334%",
693
+ },
694
+ "offset-md11": Object {
695
+ "marginLeft": "91.66666666666667%",
696
+ },
697
+ "offset-md12": Object {
698
+ "marginLeft": "100%",
699
+ },
700
+ "offset-md2": Object {
701
+ "marginLeft": "16.666666666666668%",
702
+ },
703
+ "offset-md3": Object {
704
+ "marginLeft": "25%",
705
+ },
706
+ "offset-md4": Object {
707
+ "marginLeft": "33.333333333333336%",
708
+ },
709
+ "offset-md5": Object {
710
+ "marginLeft": "41.66666666666667%",
711
+ },
712
+ "offset-md6": Object {
713
+ "marginLeft": "50%",
714
+ },
715
+ "offset-md7": Object {
716
+ "marginLeft": "58.333333333333336%",
717
+ },
718
+ "offset-md8": Object {
719
+ "marginLeft": "66.66666666666667%",
720
+ },
721
+ "offset-md9": Object {
722
+ "marginLeft": "75%",
723
+ },
724
+ "pull-md1": Object {
725
+ "right": "8.333333333333334%",
726
+ },
727
+ "pull-md10": Object {
728
+ "right": "83.33333333333334%",
729
+ },
730
+ "pull-md11": Object {
731
+ "right": "91.66666666666667%",
732
+ },
733
+ "pull-md12": Object {
734
+ "right": "100%",
735
+ },
736
+ "pull-md2": Object {
737
+ "right": "16.666666666666668%",
738
+ },
739
+ "pull-md3": Object {
740
+ "right": "25%",
741
+ },
742
+ "pull-md4": Object {
743
+ "right": "33.333333333333336%",
744
+ },
745
+ "pull-md5": Object {
746
+ "right": "41.66666666666667%",
747
+ },
748
+ "pull-md6": Object {
749
+ "right": "50%",
750
+ },
751
+ "pull-md7": Object {
752
+ "right": "58.333333333333336%",
753
+ },
754
+ "pull-md8": Object {
755
+ "right": "66.66666666666667%",
756
+ },
757
+ "pull-md9": Object {
758
+ "right": "75%",
759
+ },
760
+ "push-md1": Object {
761
+ "left": "8.333333333333334%",
762
+ },
763
+ "push-md10": Object {
764
+ "left": "83.33333333333334%",
765
+ },
766
+ "push-md11": Object {
767
+ "left": "91.66666666666667%",
768
+ },
769
+ "push-md12": Object {
770
+ "left": "100%",
771
+ },
772
+ "push-md2": Object {
773
+ "left": "16.666666666666668%",
774
+ },
775
+ "push-md3": Object {
776
+ "left": "25%",
777
+ },
778
+ "push-md4": Object {
779
+ "left": "33.333333333333336%",
780
+ },
781
+ "push-md5": Object {
782
+ "left": "41.66666666666667%",
783
+ },
784
+ "push-md6": Object {
785
+ "left": "50%",
786
+ },
787
+ "push-md7": Object {
788
+ "left": "58.333333333333336%",
789
+ },
790
+ "push-md8": Object {
791
+ "left": "66.66666666666667%",
792
+ },
793
+ "push-md9": Object {
794
+ "left": "75%",
795
+ },
796
+ },
797
+ "col": Object {
798
+ "boxSizing": "border-box",
799
+ "minHeight": "1px",
800
+ "paddingLeft": 12,
801
+ "paddingRight": 12,
802
+ "position": "relative",
803
+ },
804
+ "offset-xxs1": Object {
805
+ "marginLeft": "8.333333333333334%",
806
+ },
807
+ "offset-xxs10": Object {
808
+ "marginLeft": "83.33333333333334%",
809
+ },
810
+ "offset-xxs11": Object {
811
+ "marginLeft": "91.66666666666667%",
812
+ },
813
+ "offset-xxs12": Object {
814
+ "marginLeft": "100%",
815
+ },
816
+ "offset-xxs2": Object {
817
+ "marginLeft": "16.666666666666668%",
818
+ },
819
+ "offset-xxs3": Object {
820
+ "marginLeft": "25%",
821
+ },
822
+ "offset-xxs4": Object {
823
+ "marginLeft": "33.333333333333336%",
824
+ },
825
+ "offset-xxs5": Object {
826
+ "marginLeft": "41.66666666666667%",
827
+ },
828
+ "offset-xxs6": Object {
829
+ "marginLeft": "50%",
830
+ },
831
+ "offset-xxs7": Object {
832
+ "marginLeft": "58.333333333333336%",
833
+ },
834
+ "offset-xxs8": Object {
835
+ "marginLeft": "66.66666666666667%",
836
+ },
837
+ "offset-xxs9": Object {
838
+ "marginLeft": "75%",
839
+ },
840
+ "pull-xxs1": Object {
841
+ "right": "8.333333333333334%",
842
+ },
843
+ "pull-xxs10": Object {
844
+ "right": "83.33333333333334%",
845
+ },
846
+ "pull-xxs11": Object {
847
+ "right": "91.66666666666667%",
848
+ },
849
+ "pull-xxs12": Object {
850
+ "right": "100%",
851
+ },
852
+ "pull-xxs2": Object {
853
+ "right": "16.666666666666668%",
854
+ },
855
+ "pull-xxs3": Object {
856
+ "right": "25%",
857
+ },
858
+ "pull-xxs4": Object {
859
+ "right": "33.333333333333336%",
860
+ },
861
+ "pull-xxs5": Object {
862
+ "right": "41.66666666666667%",
863
+ },
864
+ "pull-xxs6": Object {
865
+ "right": "50%",
866
+ },
867
+ "pull-xxs7": Object {
868
+ "right": "58.333333333333336%",
869
+ },
870
+ "pull-xxs8": Object {
871
+ "right": "66.66666666666667%",
872
+ },
873
+ "pull-xxs9": Object {
874
+ "right": "75%",
875
+ },
876
+ "push-xxs1": Object {
877
+ "left": "8.333333333333334%",
878
+ },
879
+ "push-xxs10": Object {
880
+ "left": "83.33333333333334%",
881
+ },
882
+ "push-xxs11": Object {
883
+ "left": "91.66666666666667%",
884
+ },
885
+ "push-xxs12": Object {
886
+ "left": "100%",
887
+ },
888
+ "push-xxs2": Object {
889
+ "left": "16.666666666666668%",
890
+ },
891
+ "push-xxs3": Object {
892
+ "left": "25%",
893
+ },
894
+ "push-xxs4": Object {
895
+ "left": "33.333333333333336%",
896
+ },
897
+ "push-xxs5": Object {
898
+ "left": "41.66666666666667%",
899
+ },
900
+ "push-xxs6": Object {
901
+ "left": "50%",
902
+ },
903
+ "push-xxs7": Object {
904
+ "left": "58.333333333333336%",
905
+ },
906
+ "push-xxs8": Object {
907
+ "left": "66.66666666666667%",
908
+ },
909
+ "push-xxs9": Object {
910
+ "left": "75%",
911
+ },
912
+ "xxs1": Object {
913
+ "float": "left",
914
+ "width": "8.333333333333334%",
915
+ },
916
+ "xxs10": Object {
917
+ "float": "left",
918
+ "width": "83.33333333333334%",
919
+ },
920
+ "xxs11": Object {
921
+ "float": "left",
922
+ "width": "91.66666666666667%",
923
+ },
924
+ "xxs12": Object {
925
+ "float": "left",
926
+ "width": "100%",
927
+ },
928
+ "xxs2": Object {
929
+ "float": "left",
930
+ "width": "16.666666666666668%",
931
+ },
932
+ "xxs3": Object {
933
+ "float": "left",
934
+ "width": "25%",
935
+ },
936
+ "xxs4": Object {
937
+ "float": "left",
938
+ "width": "33.333333333333336%",
939
+ },
940
+ "xxs5": Object {
941
+ "float": "left",
942
+ "width": "41.66666666666667%",
943
+ },
944
+ "xxs6": Object {
945
+ "float": "left",
946
+ "width": "50%",
947
+ },
948
+ "xxs7": Object {
949
+ "float": "left",
950
+ "width": "58.333333333333336%",
951
+ },
952
+ "xxs8": Object {
953
+ "float": "left",
954
+ "width": "66.66666666666667%",
955
+ },
956
+ "xxs9": Object {
957
+ "float": "left",
958
+ "width": "75%",
959
+ },
960
+ }
961
+ `;
962
+
963
+ exports[`ColJSS matches the snapshot 1`] = `ShallowWrapper {}`;