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

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

@@ -0,0 +1,208 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Modal matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Modal styles matches the snapshot 1`] = `
+Object {
+  "@global": Object {
+    "body": Object {
+      "overflow": "hidden",
+    },
+  },
+  "@keyframes modalFadeDown": Object {
+    "from": Object {
+      "marginTop": -64,
+      "opacity": 0,
+    },
+    "to": Object {
+      "marginTop": 0,
+      "opacity": 1,
+    },
+  },
+  "@keyframes modalFadeIn": Object {
+    "from": Object {
+      "opacity": 0,
+    },
+    "to": Object {
+      "opacity": 1,
+    },
+  },
+  "bottom": Object {
+    "marginTop": 8,
+    "textAlign": "right",
+  },
+  "card": Object {
+    "@media screen and (max-width:575px)": Object {
+      "borderRadius": [Function],
+      "minHeight": [Function],
+      "padding": [Function],
+    },
+    "@media screen and (min-width:768px)": Object {
+      "padding": 32,
+    },
+    "cursor": "auto",
+    "maxWidth": "100%",
+    "padding": 16,
+    "transition": "0.3s opacity, 0.3s margin-top",
+  },
+  "cardBlock": Object {
+    "@media screen and (max-width:575px)": Object {
+      "height": [Function],
+      "margin": [Function],
+    },
+    "margin": 12,
+  },
+  "cardHide": Object {
+    "marginTop": -64,
+    "opacity": 0,
+  },
+  "cardShow": Object {
+    "animation": "0.3s modalFadeDown ease-out",
+  },
+  "cardWrapper": Object {
+    "@media screen and (max-width:575px)": Object {
+      "height": [Function],
+    },
+    "maxHeight": "100%",
+    "maxWidth": "100%",
+    "position": "relative",
+  },
+  "closeIcon": Object {
+    "alignItems": "center",
+    "display": "flex",
+    "height": 32,
+  },
+  "closePosition": Object {
+    "@media screen and (min-width:768px)": Object {
+      "right": 32,
+      "top": 32,
+    },
+    "position": "absolute",
+    "right": 16,
+    "top": 16,
+  },
+  "content": Object {
+    "&::-webkit-scrollbar": Object {
+      "width": 6,
+    },
+    "&::-webkit-scrollbar-thumb": Object {
+      "background": "#dddddd",
+      "borderRadius": 3,
+    },
+    "@media screen and (min-width:768px)": Object {
+      "marginLeft": -32,
+      "marginRight": -32,
+      "paddingLeft": 32,
+      "paddingRight": 32,
+    },
+    "marginLeft": -16,
+    "marginRight": -16,
+    "paddingLeft": 16,
+    "paddingRight": 16,
+    "transition": "0.1s height",
+  },
+  "imgLeft": Object {
+    "@media screen and (min-width:768px)": Object {
+      "marginBottom": -32,
+      "marginLeft": -32,
+      "marginRight": 32,
+      "marginTop": -32,
+    },
+    "backgroundColor": [Function],
+    "backgroundImage": [Function],
+    "backgroundPosition": [Function],
+    "backgroundRepeat": "no-repeat",
+    "backgroundSize": [Function],
+    "borderRadius": Array [
+      6,
+      0,
+      0,
+      6,
+    ],
+    "marginBottom": -16,
+    "marginLeft": -16,
+    "marginRight": 16,
+    "marginTop": -16,
+    "width": 200,
+  },
+  "imgTop": Object {
+    "@media screen and (min-width:768px)": Object {
+      "marginBottom": 32,
+      "marginLeft": -32,
+      "marginRight": -32,
+      "marginTop": -32,
+    },
+    "backgroundColor": [Function],
+    "backgroundImage": [Function],
+    "backgroundPosition": [Function],
+    "backgroundRepeat": "no-repeat",
+    "backgroundSize": [Function],
+    "borderRadius": Array [
+      6,
+      6,
+      0,
+      0,
+    ],
+    "height": [Function],
+    "marginBottom": 16,
+    "marginLeft": -16,
+    "marginRight": -16,
+    "marginTop": -16,
+    "position": "relative",
+  },
+  "lg": Object {
+    "width": 820,
+  },
+  "mainBtn": Object {
+    "marginLeft": 24,
+    "marginTop": 16,
+  },
+  "md": Object {
+    "@media screen and (max-width:767px)": Object {
+      "maxWidth": "100%",
+      "width": 322,
+    },
+    "width": 520,
+  },
+  "noClose": Object {
+    "cursor": "default",
+  },
+  "overlay": Object {
+    "alignItems": "center",
+    "background": "rgba(0, 0, 5, 0.85)",
+    "cursor": "pointer",
+    "display": "flex",
+    "height": "100%",
+    "justifyContent": "center",
+    "left": 0,
+    "overflow": "auto",
+    "position": "fixed",
+    "top": 0,
+    "transition": "0.3s all",
+    "width": "100%",
+    "zIndex": 1000,
+  },
+  "overlayHide": Object {
+    "opacity": 0,
+  },
+  "overlayShow": Object {
+    "animation": "0.3s modalFadeIn linear",
+  },
+  "secBtn": Object {
+    "marginTop": 16,
+  },
+  "sm": Object {
+    "maxWidth": "100%",
+    "width": 322,
+  },
+  "title": Object {},
+  "top": Object {
+    "marginBottom": 16,
+  },
+  "xl": Object {
+    "width": 1024,
+  },
+}
+`;
+
+exports[`ModalPortal matches the snapshot 1`] = `ShallowWrapper {}`;

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

@@ -0,0 +1,116 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ModalPortal matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`NavAside matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`NavAside styles matches the snapshot 1`] = `
+Object {
+  "@global": Object {
+    "body": Object {
+      "overflow": "hidden",
+    },
+  },
+  "@keyframes asideShow": Object {
+    "from": Object {
+      "left": [Function],
+    },
+    "to": Object {
+      "left": "0px",
+    },
+  },
+  "@keyframes asideShowRight": Object {
+    "from": Object {
+      "right": [Function],
+    },
+    "to": Object {
+      "right": "0px",
+    },
+  },
+  "@keyframes overlayFadeIn": Object {
+    "from": Object {
+      "opacity": 0,
+    },
+    "to": Object {
+      "opacity": 1,
+    },
+  },
+  "OpenElement": Object {
+    "animation": "0.3s asideShow ease-out",
+    "left": "0px !important",
+  },
+  "OpenElementRight": Object {
+    "animation": "0.3s asideShowRight ease-out",
+    "right": "0px !important",
+  },
+  "ShowElement": Object {
+    "backgroundColor": "#ffffff",
+    "height": "100%",
+    "left": "-320px",
+    "maxWidth": "calc(100% - 32px)",
+    "opacity": "1 !important",
+    "overflow": "hidden",
+    "position": "fixed",
+    "top": "0",
+    "transition": "0.4s all",
+    "width": "320px",
+  },
+  "card": Object {
+    "cursor": "auto",
+    "height": "100%",
+    "overflow": "auto",
+    "padding": 0,
+  },
+  "closeIcon": Object {
+    "alignItems": "center",
+    "display": "flex",
+    "height": 32,
+  },
+  "content": Object {
+    "@media screen and (min-width:768px)": Object {
+      "padding": 32,
+    },
+    "backgroundColor": "#ffffff",
+    "padding": 16,
+  },
+  "customeWidth": Object {
+    "left": [Function],
+    "width": [Function],
+  },
+  "customeWidthRight": Object {
+    "right": [Function],
+    "width": [Function],
+  },
+  "overlay": Object {
+    "background": "rgba(0, 0, 5, 0.85)",
+    "cursor": "pointer",
+    "height": "100%",
+    "left": 0,
+    "opacity": 0,
+    "position": "fixed",
+    "top": 0,
+    "transition": "0.3s opacity",
+    "transitionDelay": "0.2s",
+    "width": "100%",
+    "zIndex": 1000,
+  },
+  "overlayShow": Object {
+    "animation": "0.3s overlayFadeIn linear",
+    "opacity": 1,
+  },
+  "showRight": Object {
+    "left": "auto",
+    "right": "-320px",
+  },
+  "top": Object {
+    "@media screen and (min-width:768px)": Object {
+      "padding": 32,
+    },
+    "backgroundColor": "#f5f5f8",
+    "padding": 16,
+  },
+  "topContent": Object {
+    "minWidth": 0,
+  },
+}
+`;

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

@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`OrderBy matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`OrderBy styles matches the snapshot 1`] = `
+Object {
+  "button": Object {
+    "cursor": "pointer",
+  },
+  "card": Object {
+    "@media screen and (min-width:768px)": Object {
+      "padding": 24,
+    },
+    "padding": 16,
+  },
+  "cardWrap": Object {
+    "marginTop": -16,
+    "opacity": 0,
+    "pointerEvents": "none",
+    "position": "absolute",
+    "right": 0,
+    "top": "100%",
+    "transition": "0.3s all",
+    "zIndex": 1,
+  },
+  "icon": Object {
+    "height": 14,
+    "marginLeft": 4,
+    "marginTop": 2,
+    "width": 14,
+  },
+  "link": Object {
+    "color": "#0946CB",
+  },
+  "option": Object {
+    "&:not(:last-child)": Object {
+      "paddingBottom": 8,
+    },
+    "cursor": "pointer",
+    "whiteSpace": "nowrap",
+  },
+  "show": Object {
+    "marginTop": 0,
+    "opacity": 1,
+    "pointerEvents": "auto",
+  },
+  "wrap": Object {
+    "display": "inline-block",
+    "position": "relative",
+  },
+}
+`;
+
+exports[`OrderByJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Pager/Break/__snapshots__/Break.test.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Break matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Break styles matches the snapshot 1`] = `
+Object {
+  "li": Object {
+    "display": "inline-block",
+  },
+}
+`;
+
+exports[`BreakJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Pager/Page/__snapshots__/Page.test.js.snap

@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Page matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Page styles matches the snapshot 1`] = `
+Object {
+  "active": Object {
+    "background": "#1476fb !important",
+    "color": "#ffffff",
+  },
+  "li": Object {
+    "&:hover": Object {
+      "background": "#ECECEE",
+    },
+    "borderRadius": "13px",
+    "cursor": "pointer",
+    "display": "inline-block",
+    "marginLeft": "4px",
+    "marginRight": "4px",
+    "outline": "0",
+    "padding": "2px 11px",
+    "transition": "0.3s all",
+  },
+}
+`;
+
+exports[`PageJSS matches the snapshot 1`] = `ShallowWrapper {}`;

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

@@ -0,0 +1,50 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Pager matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Pager styles matches the snapshot 1`] = `
+Object {
+  "btn": Object {
+    "& span": Object {
+      "marginBottom": "-2px",
+    },
+    "&:hover": Object {
+      "background": "#ECECEE",
+      "borderColor": "#ECECEE",
+    },
+    "border": "1px solid #bfbfbf",
+    "borderRadius": "5px",
+    "cursor": "pointer",
+    "display": "inline-block",
+    "fontFamily": "'OccText', sans-serif",
+    "outline": "0",
+    "padding": "3px 13px",
+    "transition": "0.3s all",
+  },
+  "disabled": Object {
+    "opacity": "0.4",
+    "pointerEvents": "none",
+  },
+  "next": Object {
+    "& span": Object {
+      "transform": "rotate(-90deg)",
+    },
+    "marginLeft": "15px",
+  },
+  "pager": Object {
+    "color": "#727272",
+    "fontFamily": "'OccText', sans-serif",
+    "fontSize": "14px",
+    "listStyle": "none",
+    "paddingLeft": "0",
+  },
+  "prev": Object {
+    "& span": Object {
+      "transform": "rotate(90deg)",
+    },
+    "marginRight": "15px",
+  },
+}
+`;
+
+exports[`PagerJSS matches the snapshot 1`] = `ShallowWrapper {}`;

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

@@ -0,0 +1,62 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Pill matches the choice snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Pill matches the group snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Pill matches the stack snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Pill styles matches the snapshot 1`] = `
+Object {
+  "assistiveText": Object {
+    "color": "#aaaaaa",
+  },
+  "bottom": Object {
+    "height": 20,
+    "marginTop": 4,
+  },
+  "choiceGroup": Object {
+    "display": "flex",
+    "flexWrap": "wrap",
+  },
+  "container": Object {
+    "marginBottom": 8,
+    "position": "relative",
+  },
+  "disabled": Object {
+    "& $label": Object {
+      "color": "#dddddd",
+    },
+  },
+  "errorAssistiveText": Object {
+    "color": "#db3737",
+  },
+  "errorIcon": Object {
+    "marginBottom": -2,
+  },
+  "label": Object {
+    "& a": Object {
+      "color": "#1476fb",
+      "outline": "none",
+      "textDecoration": "none",
+    },
+    "color": "#222222",
+    "fontFamily": "'OccText', sans-serif",
+    "fontSize": 14,
+    "lineHeight": 1.5,
+    "transition": "0.3s all",
+  },
+  "left": Object {
+    "float": "left",
+  },
+  "top": Object {
+    "&:after": Object {
+      "clear": "both",
+      "content": "\\"\\"",
+    },
+    "height": 24,
+  },
+}
+`;
+
+exports[`PillJSS matches the snapshot 1`] = `ShallowWrapper {}`;

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

@@ -0,0 +1,130 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Placeholder matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Placeholder styles matches the snapshot 1`] = `
+Object {
+  "@keyframes progress": Object {
+    "0%": Object {
+      "transform": "translate3d(-100%, 0, 0)",
+    },
+    "100%": Object {
+      "transform": "translate3d(100%, 0, 0)",
+    },
+  },
+  "bottombase": Object {
+    "marginBottom": 24,
+  },
+  "bottomlarge": Object {
+    "marginBottom": 48,
+  },
+  "bottommedium": Object {
+    "marginBottom": 32,
+  },
+  "bottomsmall": Object {
+    "marginBottom": 16,
+  },
+  "bottomtiny": Object {
+    "marginBottom": 8,
+  },
+  "bottomxLarge": Object {
+    "marginBottom": 64,
+  },
+  "bottomxTiny": Object {
+    "marginBottom": 4,
+  },
+  "heading": Object {
+    "& $placeholder": Object {
+      "height": 22,
+    },
+    "height": 32,
+  },
+  "headline": Object {
+    "& $placeholder": Object {
+      "height": 36,
+    },
+    "height": 48,
+  },
+  "hero": Object {
+    "& $placeholder": Object {
+      "height": 57,
+    },
+    "height": 72,
+  },
+  "large": Object {
+    "& $placeholder": Object {
+      "height": 17,
+    },
+    "height": 24,
+  },
+  "micro": Object {
+    "& $placeholder": Object {
+      "height": 11,
+    },
+    "height": 16,
+  },
+  "placeholder": Object {
+    "&:after": Object {
+      "animation": "progress 2s ease-in-out infinite",
+      "background": "linear-gradient(90deg, rgba(204, 204, 204, 0), rgba(204, 204, 204, 0.7), rgba(204, 204, 204, 0))",
+      "content": "\\"\\"",
+      "height": "100%",
+      "left": 0,
+      "position": "absolute",
+      "top": 0,
+      "width": "100%",
+    },
+    "background": "#f2f2f2",
+    "borderRadius": 4,
+    "height": [Function],
+    "mixBlendMode": "multiply",
+    "overflow": "hidden",
+    "position": "relative",
+    "width": [Function],
+  },
+  "round": Object {
+    "borderRadius": "50%",
+  },
+  "small": Object {
+    "& $placeholder": Object {
+      "height": 13,
+    },
+    "height": 16,
+  },
+  "standard": Object {
+    "& $placeholder": Object {
+      "height": 15,
+    },
+    "height": 24,
+  },
+  "subheading": Object {
+    "& $placeholder": Object {
+      "height": 17,
+    },
+    "height": 24,
+  },
+  "topbase": Object {
+    "marginTop": 24,
+  },
+  "toplarge": Object {
+    "marginTop": 48,
+  },
+  "topmedium": Object {
+    "marginTop": 32,
+  },
+  "topsmall": Object {
+    "marginTop": 16,
+  },
+  "toptiny": Object {
+    "marginTop": 8,
+  },
+  "topxLarge": Object {
+    "marginTop": 64,
+  },
+  "topxTiny": Object {
+    "marginTop": 4,
+  },
+}
+`;
+
+exports[`PlaceholderJSS matches the snapshot 1`] = `ShallowWrapper {}`;