feat: Adds open state as Tooltip prop

autoguru-au · Aug 9, 2023 · 978d331 · 978d331
1 parent e0b1a75
commit 978d331
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/packages/overdrive/lib/components/StickyBox/StickyBox.css.ts b/packages/overdrive/lib/components/StickyBox/StickyBox.css.ts
@@ -7,6 +7,10 @@ export const root = style({
 	position: 'sticky',
 	transition: `box-shadow 0.3s ${vars.animation.easing.standard} 0s`,
 });
+export const simpleRoot = style({
+	position: 'sticky',
+	height: 'fit-content',
+});
 
 export const content = style({
 	height: 'fit-content',

diff --git a/packages/overdrive/lib/components/StickyBox/StickyBox.tsx b/packages/overdrive/lib/components/StickyBox/StickyBox.tsx
@@ -10,12 +10,14 @@ 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 const StickyBox: FunctionComponent<Props> = ({
 	top = 'none',
 	bottom = 'none',
+	noPopShadow = false,
 	zIndex = 2,
 	className = '',
 	backgroundColour,
@@ -38,7 +40,19 @@ export const StickyBox: FunctionComponent<Props> = ({
 		return () => parentElement.removeEventListener('scroll', onScroll);
 	}, [containerRef.current?.parentElement]);
 
-	return (
+	return noPopShadow ? (
+		<Box
+			className={[
+				className,
+				styles.simpleRoot,
+				styles.top[top],
+				styles.zIndex[zIndex],
+			]}
+			{...rest}
+		>
+			{children}
+		</Box>
+	) : (
 		<Box
 			ref={containerRef}
 			overflow="hidden"

diff --git a/packages/overdrive/lib/components/StickyBox/stories.tsx b/packages/overdrive/lib/components/StickyBox/stories.tsx
@@ -57,3 +57,10 @@ const standardProps: Props = {
 };
 export const standard = Template.bind(standardProps);
 standard.args = standardProps;
+
+const withNoPopShadowProps: Props = {
+	top: 'none',
+	noPopShadow: true,
+};
+export const withNoPopShadow = Template.bind(withNoPopShadowProps);
+withNoPopShadow.args = withNoPopShadowProps;