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

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

@@ -0,0 +1,258 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextField matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`TextField styles matches the snapshot 1`] = `
+Object {
+  "alignRight": Object {
+    "textAlign": "right",
+  },
+  "assistiveText": Object {
+    "color": "#aaaaaa",
+    "fontSize": 12,
+    "fontWeight": 300,
+  },
+  "bottom": Object {
+    "height": 20,
+    "marginTop": 4,
+  },
+  "clear": Object {
+    "background": "none",
+    "border": 0,
+    "cursor": "pointer",
+    "height": 24,
+    "margin": 0,
+    "outline": 0,
+    "padding": 3,
+    "position": "absolute",
+    "right": 12,
+    "top": "50%",
+    "transform": "translateY(-50%)",
+    "width": 24,
+    "zIndex": 1,
+  },
+  "container": Object {
+    "marginBottom": 8,
+    "position": "relative",
+  },
+  "counter": Object {
+    "color": "#aaaaaa",
+  },
+  "default": Object {},
+  "disabled": Object {
+    "& $input": Object {
+      "borderColor": "#dddddd",
+      "color": "#dddddd",
+      "paddingTop": 9,
+    },
+    "& $label": Object {
+      "color": "#dddddd",
+    },
+    "& $passIcon": Object {
+      "cursor": "auto",
+    },
+  },
+  "error": Object {
+    "& $input": Object {
+      "background": "rgba(219, 55, 55, 0.04)",
+      "borderColor": "#db3737",
+      "color": "#db3737",
+    },
+    "& $searchField": Object {
+      "borderWidth": 2,
+      "color": "#222222",
+      "paddingLeft": 7,
+    },
+    "& $searchFieldHasIcon": Object {
+      "paddingLeft": 41,
+    },
+  },
+  "errorAssistiveText": Object {
+    "color": "#db3737",
+  },
+  "errorIcon": Object {
+    "marginBottom": -2,
+  },
+  "filled": Object {
+    "& $input": Object {
+      "borderColor": "#222222",
+      "borderWidth": 2,
+      "paddingLeft": 7,
+    },
+    "& $searchFieldHasIcon": Object {
+      "paddingLeft": 41,
+    },
+  },
+  "focus": Object {
+    "& $input": Object {
+      "borderColor": "#083cae",
+    },
+    "& $searchField": Object {
+      "borderWidth": 2,
+      "paddingLeft": 7,
+    },
+    "& $searchFieldHasIcon": Object {
+      "paddingLeft": 41,
+    },
+  },
+  "hasClear": Object {
+    "paddingRight": 42,
+  },
+  "hasIcon": Object {
+    "paddingLeft": 42,
+  },
+  "hasPass": Object {
+    "paddingRight": 42,
+  },
+  "hasRightIcon": Object {
+    "marginRight": 16,
+  },
+  "icon": Object {
+    "left": 16,
+    "position": "absolute",
+    "top": "50%",
+    "transform": "translateY(-50%)",
+  },
+  "input": Object {
+    "&::-webkit-inner-spin-button": Object {
+      "-webkit-appearance": "none",
+      "margin": 0,
+    },
+    "&::-webkit-outer-spin-button": Object {
+      "-webkit-appearance": "none",
+      "margin": 0,
+    },
+    "&::placeholder": Object {
+      "color": "#aaaaaa",
+    },
+    "&[type=number]": Object {
+      "-moz-appearance": "textfield",
+    },
+    "-webkit-appearance": "none",
+    "alignItems": "center",
+    "appearance": "none",
+    "background": "#ffffff",
+    "border": "1px solid #dddddd",
+    "borderRadius": 4,
+    "boxShadow": "none",
+    "boxSizing": "border-box",
+    "caretColor": "#083cae",
+    "color": "#222222",
+    "display": "flex",
+    "fontFamily": "'OccText', sans-serif",
+    "fontSize": 16,
+    "fontWeight": 300,
+    "height": 40,
+    "lineHeight": 1.5,
+    "outline": "none",
+    "padding": Array [
+      8,
+      16,
+    ],
+    "transition": "0.3s all",
+    "width": "100%",
+  },
+  "inputDisabled": Object {
+    "overflow": "hidden",
+    "whiteSpace": "nowrap",
+  },
+  "inputWrap": Object {
+    "boxSizing": "border-box",
+    "position": "relative",
+  },
+  "label": Object {
+    "& a": Object {
+      "color": "#1476fb",
+      "outline": "none",
+      "textDecoration": "none",
+    },
+    "color": "#222222",
+    "fontFamily": "'OccText', sans-serif",
+    "fontSize": 14,
+    "fontWeight": 300,
+    "lineHeight": 1.5,
+    "transition": "0.3s all",
+  },
+  "left": Object {
+    "float": "left",
+  },
+  "passIcon": Object {
+    "background": "none",
+    "border": 0,
+    "cursor": "pointer",
+    "height": 24,
+    "margin": 0,
+    "outline": 0,
+    "padding": 3,
+    "position": "absolute",
+    "right": 12,
+    "top": 8,
+    "width": 24,
+    "zIndex": 1,
+  },
+  "right": Object {
+    "float": "right",
+  },
+  "searchField": Object {
+    "background": Array [
+      "#ffffff",
+      "!important",
+    ],
+    "borderColor": "#777777",
+    "borderRadius": 24,
+    "height": 48,
+  },
+  "searchFieldHasIcon": Object {},
+  "select": Object {
+    "& optgroup": Object {
+      "color": "#777777",
+      "fontSize": 14,
+      "fontWeight": "normal",
+      "lineHeight": 1.5,
+    },
+    "& option": Object {
+      "&:disabled": Object {
+        "color": "#aaaaaa",
+      },
+      "color": "#222222",
+      "fontSize": 16,
+      "lineHeight": 1.5,
+    },
+    "&::-ms-expand": Object {
+      "display": "none",
+    },
+    "&:invalid, & option[value=\\"\\"]": Object {
+      "color": "#aaaaaa",
+    },
+    "paddingRight": 32,
+  },
+  "selectIcon": Object {
+    "background": "none",
+    "border": 0,
+    "height": 24,
+    "margin": 0,
+    "outline": 0,
+    "padding": "3px 0",
+    "pointerEvents": "none",
+    "position": "absolute",
+    "right": 12,
+    "top": 8,
+    "width": 18,
+    "zIndex": 1,
+  },
+  "textarea": Object {
+    "alignItems": "flex-start",
+    "height": 120,
+    "resize": "none",
+  },
+  "top": Object {
+    "&:after": Object {
+      "clear": "both",
+      "content": "\\"\\"",
+    },
+    "height": 24,
+  },
+}
+`;
+
+exports[`TextFieldJSS matches the snapshot 1`] = `ShallowWrapper {}`;

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

@@ -0,0 +1,49 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Tip matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Tip styles matches the snapshot 1`] = `
+Object {
+  "container": Object {
+    "alignItems": "center",
+    "borderRadius": 6,
+    "padding": 16,
+  },
+  "cta": Object {
+    "cursor": "pointer",
+    "textDecoration": "underline",
+  },
+  "error": Object {
+    "backgroundColor": "#fcebeb",
+  },
+  "icon": Object {
+    "marginRight": 8,
+  },
+  "info": Object {
+    "backgroundColor": "#efebf7",
+  },
+  "noBorderRadius": Object {
+    "borderRadius": 0,
+  },
+  "promote": Object {
+    "backgroundColor": "#222222",
+  },
+  "spacedClose": Object {
+    "marginRight": 48,
+  },
+  "success": Object {
+    "backgroundColor": "#e6f5eb",
+  },
+  "text": Object {
+    "maxWidth": "100%",
+  },
+  "textWithIcon": Object {
+    "maxWidth": "calc(100% - 32px)",
+  },
+  "warning": Object {
+    "backgroundColor": "#fffaed",
+  },
+}
+`;
+
+exports[`TipJSS matches the snapshot 1`] = `ShallowWrapper {}`;

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

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Title matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Title styles matches the snapshot 1`] = `
+Object {
+  "h1": Object {
+    "fontSize": "22px",
+  },
+  "h2": Object {
+    "fontSize": "20px",
+  },
+  "h3": Object {
+    "fontSize": "18px",
+  },
+  "h4": Object {
+    "fontSize": "15px",
+  },
+  "title": Object {
+    "boxSizing": "border-box",
+    "color": "#3e5466",
+    "fontFamily": "'Nunito Sans', sans-serif",
+    "fontWeight": "600",
+    "lineHeight": "1.1",
+    "marginBottom": "15px",
+    "marginTop": "20px",
+  },
+}
+`;
+
+exports[`TitleJSS matches the snapshot 1`] = `ShallowWrapper {}`;

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

@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Toaster launches a toast 1`] = `"<div class=\\"container\\"><div class=\\"Toast-toast-0-1-1 Toast-success-0-1-3\\"><div class=\\"Flexbox-flex-0-1-12 Toast-content-0-1-7\\"><div class=\\"Flexbox-flex-0-1-12 Flexbox-acenter-0-1-29\\"><div class=\\"\\" style=\\"flex: 1;\\"><p class=\\"Text-text-0-1-44 Text-subheading-0-1-48 Text-white-0-1-62\\">Title</p></div></div></div></div></div>"`;
+
+exports[`Toaster matches the snapshot 1`] = `"<div class=\\"container\\"></div>"`;

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

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Tooltip matches the snapshot 1`] = `"<div class=\\"activator false\\"></div>"`;
+
+exports[`Tooltip styles matches the snapshot 1`] = `
+Object {
+  "activator": Object {
+    "display": "inline-block",
+  },
+  "dark": Object {
+    "background": "#222222",
+    "color": "#ffffff",
+  },
+  "info": Object {
+    "background": "#efebf7",
+    "color": "#5736ab",
+  },
+  "light": Object {
+    "background": "#ffffff",
+    "color": "#5736ab",
+  },
+  "purple": Object {
+    "background": "#5736ab",
+    "color": "#ffffff",
+  },
+  "tooltip": Object {
+    "borderRadius": "4px",
+    "fontSize": "14px",
+    "lineHeight": 1.5,
+    "padding": "16px",
+  },
+}
+`;

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

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TourTip matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`TourTip styles matches the snapshot 1`] = `
+Object {
+  "down": Object {
+    "&:after": Object {
+      "borderBottom": "5px solid #1476fb",
+      "borderLeft": "5px solid transparent",
+      "borderRight": "5px solid transparent",
+      "bottom": "100%",
+      "left": "50%",
+      "transform": "translateX(-50%)",
+    },
+  },
+  "left": Object {
+    "&:after": Object {
+      "borderBottom": "5px solid transparent",
+      "borderLeft": "5px solid #1476fb",
+      "borderTop": "5px solid transparent",
+      "left": "100%",
+      "top": "50%",
+      "transform": "translateY(-50%)",
+    },
+  },
+  "right": Object {
+    "&:after": Object {
+      "borderBottom": "5px solid transparent",
+      "borderRight": "5px solid #1476fb",
+      "borderTop": "5px solid transparent",
+      "right": "100%",
+      "top": "50%",
+      "transform": "translateY(-50%)",
+    },
+  },
+  "tip": Object {
+    "&:after": Object {
+      "content": "\\"\\"",
+      "display": "block",
+      "position": "absolute",
+    },
+    "alignItems": "center",
+    "background": "#1476fb",
+    "borderRadius": "3px",
+    "boxShadow": "0 12px 9px -5px rgba(0,0,0,0.12), 0 10px 32px 0 rgba(0,29,124,0.12)",
+    "boxSizing": "border-box",
+    "color": "#ffffff",
+    "display": "flex",
+    "fontFamily": "'Nunito Sans', sans-serif",
+    "fontSize": "12px",
+    "height": "40px",
+    "left": "0",
+    "padding": "0 15px",
+    "position": "absolute",
+    "top": "0",
+    "transition": "0.3s all",
+    "whiteSpace": "nowrap",
+    "zIndex": "10",
+  },
+  "up": Object {
+    "&:after": Object {
+      "borderLeft": "5px solid transparent",
+      "borderRight": "5px solid transparent",
+      "borderTop": "5px solid #1476fb",
+      "left": "50%",
+      "top": "100%",
+      "transform": "translateX(-50%)",
+    },
+  },
+}
+`;
+
+exports[`TourTipJSS matches the snapshot 1`] = `ShallowWrapper {}`;

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

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

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

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

package/build/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+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); }
+
 var _Container = _interopRequireDefault(require("./Container"));
 
 var _Row = _interopRequireDefault(require("./Row"));
@@ -114,6 +116,12 @@ var _spacing = _interopRequireDefault(require("./subatomic/spacing"));
 
 var _WindowSize = _interopRequireDefault(require("./WindowSize"));
 
+var tokens = _interopRequireWildcard(require("./tokens"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 // Layout elements
@@ -180,5 +188,6 @@ module.exports = {
   SlideToggle: _SlideToggle["default"],
   shadows: _shadows["default"],
   spacing: _spacing["default"],
-  WindowSize: _WindowSize["default"]
+  WindowSize: _WindowSize["default"],
+  tokens: tokens
 };

package/build/tokens/borderRadius.json

@@ -0,0 +1,8 @@
+{
+  "br-xs": "4px",
+  "br-sm": "8px",
+  "br-md": "16px",
+  "br-lg": "24px",
+  "br-xl": "40px",
+  "br-full": "9999px"
+}