@occmundial/occ-atomic 1.39.1 → 1.40.0-beta.2

package/build/Grid/Row/__snapshots__/Row.test.js.snap

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Row matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Row styles matches the snapshot 1`] = `
+Object {
+  "row": Object {
+    "&:after": Object {
+      "clear": "both",
+    },
+    "&:before, &:after": Object {
+      "content": "\\"\\"",
+      "display": "table",
+    },
+    "boxSizing": "border-box",
+    "marginLeft": -12,
+    "marginRight": -12,
+  },
+}
+`;
+
+exports[`RowJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Header/Menu/__snapshots__/Menu.test.js.snap

@@ -0,0 +1,113 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Menu matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Menu styles matches the snapshot 1`] = `
+Object {
+  "@media (max-width: 767px)": Object {
+    "dropdownMenu": Object {
+      "width": "200px",
+    },
+  },
+  "btnContainer": Object {
+    "display": "inline-block",
+    "position": "relative",
+    "verticalAlign": "middle",
+  },
+  "btnMenu": Object {
+    "&:hover": Object {
+      "background": "#ffffff",
+      "color": "#1476fb",
+    },
+    "&:hover $menuIcon": Object {
+      "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjMTQ3NmZiIiBjeD0iNy45IiBjeT0iMi45IiByPSIxLjUiLz4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjMTQ3NmZiIiBjeD0iNy45IiBjeT0iMTIuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDxjaXJjbGUgZmlsbD0iIzE0NzZmYiIgY3g9IjcuOSIgY3k9IjcuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDwvc3ZnPg==)",
+    },
+    "background": "none",
+    "border": "none",
+    "borderRadius": "3px",
+    "color": "#ffffff",
+    "cursor": "pointer",
+    "marginLeft": "10px",
+    "outline": "none !important",
+    "padding": "5px 10px 2px 10px",
+    "transition": "0.3s all",
+  },
+  "btnMenuOpen": Object {
+    "& $menuIcon": Object {
+      "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjMTQ3NmZiIiBjeD0iNy45IiBjeT0iMi45IiByPSIxLjUiLz4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjMTQ3NmZiIiBjeD0iNy45IiBjeT0iMTIuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDxjaXJjbGUgZmlsbD0iIzE0NzZmYiIgY3g9IjcuOSIgY3k9IjcuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDwvc3ZnPg==)",
+    },
+    "background": "#ffffff",
+    "color": "#1476fb",
+  },
+  "dropdownMenu": Object {
+    "backgroundClip": "padding-box",
+    "backgroundColor": "#ffffff",
+    "border": "1px solid rgba(0,0,0,.15)",
+    "boxShadow": "0 6px 12px rgba(0,0,0,.175)",
+    "display": "none",
+    "float": "left",
+    "fontSize": "14px",
+    "listStyle": "none",
+    "margin": "13px 0 0 -187px",
+    "minWidth": "160px",
+    "padding": "5px 0",
+    "position": "absolute",
+    "right": "0",
+    "textAlign": "left",
+    "top": "100%",
+    "zIndex": "1000",
+  },
+  "dropdownMenuOpen": Object {
+    "display": "block",
+  },
+  "label": Object {
+    "display": "inline-block",
+    "margin": "0",
+    "maxWidth": "65px",
+    "overflow": "hidden",
+    "paddingRight": "5px",
+    "textOverflow": "ellipsis",
+    "whiteSpace": "nowrap",
+  },
+  "listAnchor": Object {
+    "&:hover, &:focus": Object {
+      "color": "#1476fb",
+      "textDecoration": "none",
+    },
+    "clear": "both",
+    "color": "#000",
+    "cursor": "pointer",
+    "display": "block",
+    "fontWeight": "400",
+    "lineHeight": "1.42857143",
+    "margin": "5px 0 5px 0",
+    "padding": "0 10px",
+    "textDecoration": "none",
+    "whiteSpace": "nowrap",
+  },
+  "menu": Object {
+    "cursor": "pointer !important",
+    "display": "inline-block",
+    "marginTop": "5px",
+  },
+  "menuIcon": Object {
+    "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNy45IiBjeT0iMi45IiByPSIxLjUiLz4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNy45IiBjeT0iMTIuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjcuOSIgY3k9IjcuOSIgcj0iMS41Ii8+CiAgICAgICAgICAgIDwvc3ZnPg==)",
+    "backgroundPosition": "center center",
+    "backgroundRepeat": "no-repeat",
+    "display": "inline-block",
+    "height": "16px",
+    "transition": "0.3s all",
+    "width": "16px",
+  },
+  "separator": Object {
+    "background": "#ebebeb",
+    "height": "1px",
+  },
+  "signOut": Object {
+    "color": "#ff456a !important",
+    "margin": "10px 0 5px 0",
+  },
+}
+`;
+
+exports[`MenuJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Header/Nav/__snapshots__/Nav.test.js.snap

@@ -0,0 +1,101 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Nav matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Nav styles matches the snapshot 1`] = `
+Object {
+  "@media (max-width: 767px)": Object {
+    "activeItem": Object {
+      "& $icon": Object {
+        "marginBottom": "14px",
+      },
+      "& $listAnchor": Object {
+        "display": "none",
+      },
+      "&:after": Object {
+        "background": "#06f7fa",
+        "borderRadius": "50%",
+        "bottom": "0",
+        "content": "\\"\\"",
+        "display": "block",
+        "height": "4px",
+        "left": "50%",
+        "marginBottom": "8px",
+        "position": "absolute",
+        "transform": "translateX(-50%)",
+        "width": "4px",
+      },
+    },
+    "icon": Object {},
+    "listAnchor": Object {},
+    "listItem": Object {
+      "&:last-child": Object {
+        "marginRight": "0",
+      },
+      "margin": "0 25px 0 0",
+    },
+    "menu": Object {
+      "clear": "both",
+      "margin": "0",
+      "textAlign": "center",
+    },
+  },
+  "@media (min-width: 768px)": Object {
+    "listItem": Object {
+      "float": "left",
+    },
+    "menu": Object {
+      "float": "left",
+    },
+  },
+  "activeItem": Object {
+    "& $icon, &:hover $icon": Object {
+      "filter": "brightness(1)",
+    },
+    "& $listAnchor, &:hover $listAnchor": Object {
+      "color": "#ffffff",
+    },
+  },
+  "icon": Object {
+    "backgroundPosition": "center center",
+    "backgroundRepeat": "no-repeat",
+  },
+  "listAnchor": Object {
+    "color": "#104791",
+    "display": "block",
+    "lineHeight": "20px",
+    "marginBottom": "2px",
+    "marginTop": "-4px",
+    "padding": "0",
+    "position": "relative",
+    "textAlign": "center",
+    "textDecoration": "none !important",
+    "transition": "0.3s all",
+  },
+  "listItem": Object {
+    "&:hover $icon": Object {
+      "filter": "brightness(0.8)",
+    },
+    "&:hover $listAnchor": Object {
+      "color": "#224099",
+    },
+    "cursor": "pointer",
+    "display": "inline-block",
+    "fontSize": "12px",
+    "margin": "7px 30px 0 0",
+    "padding": "5px 0 0 0",
+    "position": "relative",
+    "textAlign": "center",
+    "width": "auto",
+  },
+  "menu": Object {
+    "background": "#1476fb",
+    "listStyle": "none",
+    "margin": "0 10px",
+    "paddingLeft": "0",
+    "textAlign": "center",
+  },
+}
+`;
+
+exports[`NavJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Header/__snapshots__/Header.test.js.snap

@@ -0,0 +1,79 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Header matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Header styles matches the snapshot 1`] = `
+Object {
+  "@media (max-width: 767px)": Object {
+    "content": Object {
+      "borderTop": "1px solid transparent",
+    },
+    "master": Object {
+      "boxShadow": "none",
+      "left": "0",
+      "position": "fixed",
+      "top": "0",
+      "width": "100%",
+      "zIndex": "10",
+    },
+  },
+  "@media (min-width: 1200px)": Object {
+    "master": Object {
+      "padding": "0 45px 0 45px",
+    },
+  },
+  "bubble": Object {
+    "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCA1MCA0MS45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA0MS45OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNERkVERkYiIGQ9Ik0yNSwwQzExLjIsMCwwLDkuMSwwLDIwLjNjMCw0LDEuNSw3LjgsNCwxMC45YzAuMywwLjQsMSwxLDAuOCwxLjhjLTAuMSwwLjUtMi4zLDcuNi0yLjMsNy42CiAgICAgICAgICAgIAljLTAuMiwwLjYsMC4yLDEuMywxLDEuM2MwLjYsMCwxLTAuMiwxLTAuMnM3LjQtMyw3LjgtMy4yYzEtMC41LDIuNC0wLjEsMywwLjFjMywxLDYuMywxLjQsOS44LDEuNEMzOC45LDQwLDUwLDMxLjYsNTAsMjAuNAogICAgICAgICAgICAJQzUwLDkuMSwzOC44LDAsMjUsMHoiLz4KICAgICAgICAgICAgPC9zdmc+)",
+    "display": "block",
+    "height": "25px",
+    "width": "25px",
+  },
+  "content": Object {
+    "borderBottom": "1px solid transparent",
+    "boxShadow": "0px 0px 0px 0px rgba(0, 0, 0, 0.75)",
+  },
+  "master": Object {
+    "backgroundColor": "#1476fb",
+    "boxShadow": "0 6px 5px -3px rgba(0,0,0,0.12), 0 6px 18px 0 rgba(0,29,124,0.08)",
+    "minHeight": "60px",
+    "padding": "0 15px 0 15px",
+  },
+  "messages": Object {
+    "cursor": "pointer",
+    "display": "inline-flex",
+    "outline": "0",
+    "transform": "translateY(30%)",
+  },
+  "navbar": Object {
+    "border": "none",
+    "fontFamily": "'OccText', sans-serif",
+    "position": "relative",
+    "zIndex": "9",
+  },
+  "separate": Object {
+    "marginTop": "60px",
+    "position": "relative",
+    "zIndex": "9",
+  },
+  "shadow": Object {
+    "boxShadow": "0 6px 5px -3px rgba(0,0,0,0.12), 0 6px 18px 0 rgba(0,29,124,0.08) !important",
+  },
+  "title": Object {
+    "color": "#ffffff",
+    "float": "left",
+    "fontSize": "16px",
+    "overflow": "hidden",
+    "paddingBottom": "5px",
+    "paddingTop": "17px",
+    "textOverflow": "ellipsis",
+    "whiteSpace": "nowrap",
+    "width": "calc(100% - 150px)",
+  },
+  "user": Object {
+    "float": "right !important",
+    "paddingTop": "9px",
+  },
+}
+`;
+
+exports[`HeaderJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Hidden/__snapshots__/Hidden.test.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Hidden matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Icon/__snapshots__/Icon.test.js.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Icon matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Icon styles matches the snapshot 1`] = `
+Object {
+  "click": Object {
+    "cursor": "pointer",
+  },
+  "icon": Object {
+    "&:hover": Object {
+      "background": [Function],
+    },
+    "background": [Function],
+    "border": "0",
+    "boxSizing": "border-box",
+    "display": [Function],
+    "height": [Function],
+    "outline": "0",
+    "transition": [Function],
+    "width": [Function],
+  },
+}
+`;
+
+exports[`IconJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Input/__snapshots__/Input.test.js.snap

@@ -0,0 +1,194 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Input matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Input styles matches the snapshot 1`] = `
+Object {
+  "clear": Object {
+    "background": "none",
+    "border": "0",
+    "cursor": "pointer",
+    "margin": "0",
+    "outline": "0",
+    "padding": "0",
+    "position": "absolute",
+    "right": "0",
+    "top": "20px",
+  },
+  "complete": Object {
+    "& $input": Object {
+      "borderColor": "#000000",
+    },
+    "& $placeholder": Object {
+      "color": "#000000",
+    },
+    "& $pushHolder": Object {
+      "left": "0",
+    },
+    "color": "#000000",
+  },
+  "container": Object {
+    "marginBottom": "16px",
+    "paddingBottom": "11px",
+    "position": "relative",
+  },
+  "correct": Object {
+    "& $input": Object {
+      "borderColor": "#09ba8a",
+    },
+    "& $placeholder": Object {
+      "color": "#09ba8a",
+    },
+    "& $pushHolder": Object {
+      "left": "0",
+    },
+    "color": "#09ba8a",
+  },
+  "counter": Object {
+    "position": "absolute",
+    "right": "0",
+    "top": "0",
+  },
+  "default": Object {
+    "& $input": Object {
+      "borderColor": "#bfbfbf",
+    },
+    "& $placeholder": Object {
+      "color": "#a7a7a7",
+      "fontSize": "16px",
+      "top": "20px",
+    },
+    "color": "#b0b0b0",
+  },
+  "disabled": Object {
+    "& $input": Object {
+      "borderColor": "#bfbfbf",
+      "color": "#bfbfbf",
+    },
+    "& $placeholder": Object {
+      "color": "#cdcdcd",
+      "fontSize": "16px",
+      "top": "20px",
+    },
+    "& $pushHolder": Object {
+      "left": "0",
+    },
+    "color": "#bfbfbf",
+  },
+  "error": Object {
+    "& $input": Object {
+      "borderColor": "#ef2525",
+    },
+    "& $placeholder": Object {
+      "color": "#ef2525",
+    },
+    "& $pushHolder": Object {
+      "left": "0",
+    },
+    "color": "#ef2525",
+  },
+  "expanded": Object {
+    "height": "80px",
+  },
+  "focus": Object {
+    "& $inputWrap:after": Object {
+      "left": "0",
+      "width": "100%",
+    },
+    "& $placeholder": Object {
+      "color": "#1476fb",
+    },
+    "& $pushHolder": Object {
+      "left": "0",
+    },
+    "color": "#1476fb",
+  },
+  "hasClear": Object {
+    "paddingRight": "24px",
+  },
+  "hasIcon": Object {
+    "paddingLeft": "24px",
+  },
+  "icon": Object {
+    "left": "0",
+    "position": "absolute",
+    "top": "19px",
+  },
+  "input": Object {
+    "&::placeholder": Object {
+      "color": "#a7a7a7",
+    },
+    "alignItems": "center",
+    "background": "transparent",
+    "border": "0",
+    "borderBottom": "1px solid #bfbfbf",
+    "boxSizing": "border-box",
+    "color": "#222222",
+    "display": "flex",
+    "fontFamily": "'OccText', sans-serif",
+    "fontSize": "16px",
+    "fontWeight": "normal",
+    "height": "34px",
+    "lineHeight": "16px",
+    "marginBottom": "4px",
+    "outline": "none",
+    "padding": "10px 0",
+    "transition": "0.3s all",
+    "width": "100%",
+  },
+  "inputWrap": Object {
+    "&:after": Object {
+      "background": "#1476fb",
+      "bottom": "0",
+      "content": "\\"\\"",
+      "display": "block",
+      "height": "1px",
+      "left": "50%",
+      "position": "absolute",
+      "transition": "0.3s all",
+      "width": "0",
+    },
+    "boxSizing": "border-box",
+    "position": "relative",
+  },
+  "label": Object {
+    "boxSizing": "border-box",
+    "display": "inline-block",
+    "float": "left",
+    "fontFamily": "'OccText', sans-serif",
+    "fontSize": "11px",
+    "fontWeight": "normal",
+    "marginBottom": "0",
+    "maxWidth": "100%",
+    "transition": "0.3s all",
+  },
+  "left": Object {
+    "float": "left",
+  },
+  "placeholder": Object {
+    "fontSize": "11px",
+    "pointerEvents": "none",
+    "position": "absolute",
+    "top": "0",
+  },
+  "push": Object {
+    "paddingTop": "15px",
+  },
+  "pushHolder": Object {
+    "left": "24px",
+  },
+  "select": Object {
+    "appearance": "none",
+    "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAxNCAxNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzRFNjI3MyIgZD0iTTExLjUsNC4ybDAuMywwLjRjMC4xLDAuMSwwLjEsMC4yLDAsMC4zTDcuMSw5LjhjLTAuMSwwLjEtMC4yLDAuMS0wLjMsMGMwLDAsMCwwLDAsMEwyLjEsNC44CiAgICAgICAgICAgIAljLTAuMS0wLjEtMC4xLTAuMiwwLTAuM2wwLjMtMC40YzAuMS0wLjEsMC4yLTAuMSwwLjMsMGMwLDAsMCwwLDAsMGw0LjEsNC40YzAuMSwwLjEsMC4yLDAuMSwwLjMsMGMwLDAsMCwwLDAsMGw0LjEtNC40CiAgICAgICAgICAgIAlDMTEuMyw0LjEsMTEuNCw0LjEsMTEuNSw0LjJDMTEuNSw0LjEsMTEuNSw0LjIsMTEuNSw0LjJ6Ii8+CiAgICAgICAgICAgIDwvc3ZnPg==)",
+    "backgroundPosition": "calc(100% - 5px) 5px",
+    "backgroundSize": "24px 24px",
+    "padding": "0",
+  },
+  "textarea": Object {
+    "lineHeight": "22px",
+    "padding": "5px 0",
+  },
+}
+`;
+
+exports[`InputJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Label/__snapshots__/Label.test.js.snap

@@ -0,0 +1,82 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Label matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Label styles matches the snapshot 1`] = `
+Object {
+  "blue": Object {
+    "& $close": Object {
+      "&:after": Object {
+        "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgcG9pbnRzPSI1LjQsNCA0LDUuNCAxMC43LDEyLjEgNC4yLDE4LjYgNS42LDIwIDEyLjEsMTMuNSAxOC40LDE5LjggMTkuOCwxOC40IDEzLjUsMTIuMSAyMCw1LjYgMTguNiw0LjIKICAgICAgICAgICAgCTEyLjEsMTAuNyAiLz4KICAgICAgICAgICAgPC9zdmc+)",
+      },
+      "&:before": Object {
+        "background": "#083cae",
+      },
+    },
+    "background": "#083cae",
+    "borderColor": "#083cae",
+    "color": "#ffffff",
+  },
+  "close": Object {
+    "&:after": Object {
+      "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPHBvbHlnb24gZmlsbD0iI2FiYjZiZCIgcG9pbnRzPSI1LjQsNCA0LDUuNCAxMC43LDEyLjEgNC4yLDE4LjYgNS42LDIwIDEyLjEsMTMuNSAxOC40LDE5LjggMTkuOCwxOC40IDEzLjUsMTIuMSAyMCw1LjYgMTguNiw0LjIKICAgICAgICAgICAgCTEyLjEsMTAuNyAiLz4KICAgICAgICAgICAgPC9zdmc+)",
+      "content": "\\"\\"",
+      "height": "18px",
+      "left": "0",
+      "position": "absolute",
+      "top": "0",
+      "width": "18px",
+    },
+    "&:before": Object {
+      "background": "#ffffff",
+      "borderRadius": "50%",
+      "content": "\\"\\"",
+      "filter": "blur(10px)",
+      "height": "50px",
+      "left": "-16px",
+      "position": "absolute",
+      "top": "-16px",
+      "width": "50px",
+    },
+    "&:hover": Object {
+      "opacity": "1",
+    },
+    "borderRadius": "50%",
+    "cursor": "pointer",
+    "display": "block",
+    "height": "18px",
+    "opacity": "0",
+    "position": "absolute",
+    "right": "4px",
+    "top": "1px",
+    "transition": "0.3s all",
+    "width": "18px",
+  },
+  "cursor": Object {
+    "cursor": "pointer",
+  },
+  "default": Object {
+    "background": "#ffffff",
+    "borderColor": "#979797",
+    "color": "#979797",
+  },
+  "label": Object {
+    "border": "1px solid",
+    "borderRadius": "11px",
+    "boxSizing": "border-box",
+    "display": "inline-block",
+    "fontFamily": "'OccText', sans-serif",
+    "fontSize": "11px",
+    "fontWeight": "normal",
+    "height": "22px",
+    "lineHeight": "20px",
+    "marginRight": "5px",
+    "overflow": "hidden",
+    "padding": "0 15px",
+    "position": "relative",
+    "textAlign": "center",
+  },
+}
+`;
+
+exports[`LabelJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/LayerApp/__snapshots__/LayerApp.test.js.snap

@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LayerApp matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`LayerApp styles matches the snapshot 1`] = `
+Object {
+  "blue": Object {
+    "background": "#ffffff",
+  },
+  "content": Object {
+    "boxSizing": "border-box",
+    "height": "calc(100% - 60px)",
+    "left": "0",
+    "paddingBottom": "50px",
+    "paddingTop": "30px",
+    "position": "absolute",
+    "top": "60px",
+    "width": "100%",
+    "zIndex": "1",
+  },
+  "layerApp": Object {
+    "boxSizing": "border-box",
+    "fontFamily": "'OccText', sans-serif",
+    "height": "100%",
+    "left": "0",
+    "overflow": "auto",
+    "position": "fixed",
+    "top": "0",
+    "width": "100%",
+  },
+  "white": Object {
+    "background": "#f7f7f7",
+  },
+}
+`;
+
+exports[`LayerAppJSS matches the snapshot 1`] = `ShallowWrapper {}`;