@autoguru/overdrive 4.20.0 → 4.21.0

package/dist/components/StickyBox/StickyBox.css.d.ts

@@ -1,4 +1,5 @@
 export declare const root: string;
+export declare const simpleRoot: string;
 export declare const content: string;
 export declare const popped: string;
 export declare const zIndex: Record<never, string>;

package/dist/components/StickyBox/StickyBox.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StickyBox.css.d.ts","sourceRoot":"","sources":["../../../lib/components/StickyBox/StickyBox.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC;AAEH,eAAO,MAAM,MAAM,QAEjB,CAAC;AAEH,eAAO,MAAM,MAAM,uBAQlB,CAAC;AAEF,eAAO,MAAM,GAAG,uBASf,CAAC;AAEF,eAAO,MAAM,MAAM,uBASlB,CAAC"}
+{"version":3,"file":"StickyBox.css.d.ts","sourceRoot":"","sources":["../../../lib/components/StickyBox/StickyBox.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QAGf,CAAC;AACH,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC;AAEH,eAAO,MAAM,MAAM,QAEjB,CAAC;AAEH,eAAO,MAAM,MAAM,uBAQlB,CAAC;AAEF,eAAO,MAAM,GAAG,uBASf,CAAC;AAEF,eAAO,MAAM,MAAM,uBASlB,CAAC"}

package/dist/components/StickyBox/StickyBox.css.js

@@ -9,6 +9,10 @@ export const root = style({
   position: 'sticky',
   transition: "box-shadow 0.3s ".concat(vars.animation.easing.standard, " 0s")
 }, "root");
+export const simpleRoot = style({
+  position: 'sticky',
+  height: 'fit-content'
+}, "simpleRoot");
 export const content = style({
   height: 'fit-content',
   transition: "transform 0.3s ".concat(vars.animation.easing.standard, " 0s")

package/dist/components/StickyBox/StickyBox.d.ts

@@ -4,6 +4,7 @@ interface Props extends ComponentProps<typeof Box> {
     top?: 'none' | '1' | '2' | '3' | '5' | '7' | 'subHeader';
     bottom?: 'none' | '1' | '2' | '3' | 'subHeader';
     zIndex?: 0 | 1 | 2 | 3 | 99;
+    noPopShadow?: boolean;
     className?: string;
 }
 export declare const StickyBox: FunctionComponent<Props>;

package/dist/components/StickyBox/StickyBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StickyBox.d.ts","sourceRoot":"","sources":["../../../lib/components/StickyBox/StickyBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,UAAU,KAAM,SAAQ,cAAc,CAAC,OAAO,GAAG,CAAC;IACjD,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,WAAW,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,WAAW,CAAC;IAChD,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,KAAK,CAgD9C,CAAC"}
+{"version":3,"file":"StickyBox.d.ts","sourceRoot":"","sources":["../../../lib/components/StickyBox/StickyBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,UAAU,KAAM,SAAQ,cAAc,CAAC,OAAO,GAAG,CAAC;IACjD,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,WAAW,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,WAAW,CAAC;IAChD,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,KAAK,CA6D9C,CAAC"}

package/dist/components/StickyBox/StickyBox.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["top", "bottom", "zIndex", "className", "backgroundColour", "boxShadow", "children"];
+const _excluded = ["top", "bottom", "noPopShadow", "zIndex", "className", "backgroundColour", "boxShadow", "children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import clsx from 'clsx';
@@ -16,6 +16,7 @@ export const StickyBox = _ref => {
   let {
       top = 'none',
       bottom = 'none',
+      noPopShadow = false,
       zIndex = 2,
       className = '',
       backgroundColour,
@@ -38,7 +39,11 @@ export const StickyBox = _ref => {
     });
     return () => parentElement.removeEventListener('scroll', onScroll);
   }, [(_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.parentElement]);
-  return _jsx(Box, _objectSpread(_objectSpread({
+  return noPopShadow ? _jsx(Box, _objectSpread(_objectSpread({
+    className: [className, styles.simpleRoot, styles.top[top], styles.zIndex[zIndex]]
+  }, rest), {}, {
+    children: children
+  })) : _jsx(Box, _objectSpread(_objectSpread({
     ref: containerRef,
     overflow: "hidden",
     className: clsx(className, styles.root, styles.top[top], styles.zIndex[zIndex]),

package/dist/components/StickyBox/stories.js

@@ -61,4 +61,10 @@ const standardProps = {
   top: 'none'
 };
 export const standard = Template.bind(standardProps);
-standard.args = standardProps;
+standard.args = standardProps;
+const withNoPopShadowProps = {
+  top: 'none',
+  noPopShadow: true
+};
+export const withNoPopShadow = Template.bind(withNoPopShadowProps);
+withNoPopShadow.args = withNoPopShadowProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.20.0",
+	"version": "4.21.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",