From e7c825f5c83ef186e8fc0723599710e775bca799 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Vagner=20Jos=C3=A9=20Nicolodi?= Date: Mon, 3 Jan 2022 12:14:04 -0300 Subject: [PATCH 1/3] feat(Tabs): Changed the Tabs component to follow the prototype STC-799 --- src/components/Tabs/Tabs.stories.tsx | 20 +-- src/components/Tabs/Tabs.tsx | 154 ++++++++++++++---- .../Tabs/hooks/useTextDimensions.tsx | 27 +++ .../Design System/Tab/Default/chrome.png | Bin 5646 -> 5607 bytes .../Design System/Tab/Default/firefox.png | Bin 4984 -> 4771 bytes .../Tab/With Initial Open/chrome.png | Bin 5646 -> 5483 bytes .../Tab/With Initial Open/firefox.png | Bin 4984 -> 4482 bytes 7 files changed, 154 insertions(+), 47 deletions(-) create mode 100644 src/components/Tabs/hooks/useTextDimensions.tsx diff --git a/src/components/Tabs/Tabs.stories.tsx b/src/components/Tabs/Tabs.stories.tsx index 76270598..42e5f386 100644 --- a/src/components/Tabs/Tabs.stories.tsx +++ b/src/components/Tabs/Tabs.stories.tsx @@ -16,24 +16,20 @@ export default { } as Meta const Template: Story = (props) => ( - + + , + , + , + Stuff Goes here, + Other Goes here, + More Stuff Goes here, + ) // Each story then reuses that template export const Default = Template.bind({}) -Default.args = { - children: [ - , - , - , - Stuff Goes here, - Other Goes here, - More Stuff Goes here, - ], -} export const WithInitialOpen = Template.bind({}) WithInitialOpen.args = { - ...Default.args, initialOpenIndex: 0, } diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx index 73d99929..f4fe46bd 100644 --- a/src/components/Tabs/Tabs.tsx +++ b/src/components/Tabs/Tabs.tsx @@ -1,7 +1,9 @@ /** @jsxImportSource theme-ui */ -import React, { useCallback, useState } from "react" +import React, { useCallback, useMemo, useState } from "react" +import { useThemeUI } from "theme-ui" import { useTabContext } from "./context" import { TabContext } from "./context" +import { useTextDimensions } from "./hooks/useTextDimensions" export interface TabsProps { initialOpenIndex?: number @@ -39,7 +41,7 @@ const Tabs = ({ children, initialOpenIndex }: TabsProps) => { ) return ( <> -
+
{tabButton.map((item) => item)}
{tabPanel.map((item) => item)}
@@ -51,50 +53,132 @@ export interface TabButtonProps { title: string } +const OUTSIDE_BOTTOM_TO_TOP_CURVE_WIDTH = 18.53 +const ORANGE_RECT_LINES_WIDTH_DIFF = 8.12 +const LEFT_RIGHT_ORANGE_RECT_TO_BORDER_DISTANCE = 6.5 +const TEXT_PADDING = 6 + +const SVG_HEIGHT = 36 + const TabButton = ({ title }: TabButtonProps) => { const { index, toggleOpen, openIndex } = useTabContext() - const isOpen = openIndex === index + const isFirstTab = useMemo(() => index === 0, [index]) + const isOpen = useMemo(() => openIndex === index, [index, openIndex]) + const { theme } = useThemeUI() + + const { height, width } = useTextDimensions( + "text", + title, + `font-family: Gilroy; font-size: 13px; font-weight: 600; line-height: 20px;` + ) + + const containerWidth = useMemo(() => { + if (isFirstTab) + return ( + width + + TEXT_PADDING * 2 + + OUTSIDE_BOTTOM_TO_TOP_CURVE_WIDTH + + LEFT_RIGHT_ORANGE_RECT_TO_BORDER_DISTANCE + ) + return width + OUTSIDE_BOTTOM_TO_TOP_CURVE_WIDTH * 2 + TEXT_PADDING * 2 + }, [isFirstTab, width]) + + const borderPath = useMemo(() => { + if (isFirstTab) { + return `m 0.5 36 l 0 -27 c 0 -4 2 -8 6.53 -8 l ${ + containerWidth - + OUTSIDE_BOTTOM_TO_TOP_CURVE_WIDTH - + LEFT_RIGHT_ORANGE_RECT_TO_BORDER_DISTANCE + } 0 c 4.47 0 6.47 4 6.47 8 l 0 17 c 0 5 5 10 12 10` + } + return `m 0 36 c 8 -1 12 -6 12 -12 l 0 -15 c 0 -4 2 -8 6.53 -8 l ${ + containerWidth - OUTSIDE_BOTTOM_TO_TOP_CURVE_WIDTH * 2 + } 0 c 4.47 0 6.47 4 6.47 8 l 0 17 c 0 5 5 10 12 10` + }, [containerWidth, isFirstTab]) + + const orangeRectPath = useMemo(() => { + if (isFirstTab) { + return `m 2.97 3.3 l ${ + containerWidth - + OUTSIDE_BOTTOM_TO_TOP_CURVE_WIDTH - + LEFT_RIGHT_ORANGE_RECT_TO_BORDER_DISTANCE + + ORANGE_RECT_LINES_WIDTH_DIFF + } 0 c 0 -1 -2.59 -2 -4.06 -2 l -${ + containerWidth - + OUTSIDE_BOTTOM_TO_TOP_CURVE_WIDTH - + LEFT_RIGHT_ORANGE_RECT_TO_BORDER_DISTANCE + } 0 c -1.53 0 -3.53 1 -4.06 2 z` + } + return `m 14.47 3.3 l ${ + containerWidth - + OUTSIDE_BOTTOM_TO_TOP_CURVE_WIDTH * 2 + + ORANGE_RECT_LINES_WIDTH_DIFF + } 0 c 0 -1 -2.59 -2 -4.06 -2 l -${ + containerWidth - OUTSIDE_BOTTOM_TO_TOP_CURVE_WIDTH * 2 + } 0 c -1.53 0 -3.53 1 -4.06 2 z` + }, [containerWidth, isFirstTab]) + + const { textX, textY } = useMemo(() => { + /** + * To center the text on the y axis, it is needed to calculate the sum + * of the SVG height and half of the text height divided by 2. + */ + const textY = (SVG_HEIGHT + height / 2) / 2 + if (isFirstTab) { + return { + textX: + (containerWidth - + OUTSIDE_BOTTOM_TO_TOP_CURVE_WIDTH + + LEFT_RIGHT_ORANGE_RECT_TO_BORDER_DISTANCE) / + 2, + textY, + } + } + return { textX: containerWidth / 2, textY } + }, [containerWidth, height, isFirstTab]) + + const tabToggler = useCallback(() => { + if (openIndex !== index) toggleOpen(index) + }, [index, openIndex, toggleOpen]) + return ( -
toggleOpen(index)} + height={SVG_HEIGHT} + role="button" + sx={{ cursor: "pointer", mb: "-0.8px", zIndex: 1 }} + onClick={tabToggler} + width={containerWidth} > - + - {title} - -
+ + ) } diff --git a/src/components/Tabs/hooks/useTextDimensions.tsx b/src/components/Tabs/hooks/useTextDimensions.tsx new file mode 100644 index 00000000..360bc16f --- /dev/null +++ b/src/components/Tabs/hooks/useTextDimensions.tsx @@ -0,0 +1,27 @@ +import { useMemo } from "react" + +export const useTextDimensions = ( + tagName: string, + innerHTML: string, + styles: string +) => { + const dimensions = useMemo(() => { + const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg") + svg.setAttribute("visibility", "hidden") + svg.setAttribute("style", "position: fixed;") + document.body.append(svg) + const text = document.createElementNS("http://www.w3.org/2000/svg", tagName) + text.setAttribute("style", styles) + text.setAttribute("visibility", "hidden") + text.innerHTML = innerHTML + svg.append(text) + const { height, width } = text.getBoundingClientRect() + text.remove() + svg.remove() + return { + height, + width, + } + }, [innerHTML, styles, tagName]) + return dimensions +} diff --git a/tests/images/Design System/Tab/Default/chrome.png b/tests/images/Design System/Tab/Default/chrome.png index 410918067519451b5eb08dff736c75c06d144637..5296eabf109c1b32515b61e5e9a4d3adc894f1ef 100644 GIT binary patch literal 5607 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 L-z>ZFXXL*D>i^Je diff --git a/tests/images/Design System/Tab/Default/firefox.png b/tests/images/Design System/Tab/Default/firefox.png index 32452b1b81757430adf574c43d78e1f07779c026..d589cb54746600edbe17b5d5f306e31e99e16477 100644 GIT binary patch literal 4771 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 Qe2dSYvoNkOyngq;0Q`CZQ2+n{ literal 4984 zcmcIoXH-+$)(tmGt_orYsd}+DM2gfPf*{gVP>{|=L`tMd3n5^^3W=iNrK=zyASlvH zf)s=BFhIaa2?>VYLWDpPQr=Fycf9xS`~JK$7$n(epS{;vYpyxxISxUW7oPH1Pe;-zCBSuBsXh2xO~~g{iT9WX2qYAG$4mguvvfTK?{)o+xL3;NXXi zDe$%a`n&epkczg$udd$H`GR7V5954Y)&i`2n1_lVq(@c zjl4ho>Pf(0iuV<{mP$nY>D}?oBe@I;jd66d=(wPr{A>#P*L7(voXM*vDA{8LRX8`k zw|7qj?v63HqrKPJU5y&QVSW5*6HL$_qT_YIBMJDUo=iT*ET;_N?5?eOcJJPuDm7bA zTRg-CTz`TXd}NlBv39?BZZTE@-gJ*U8FgUW#a)})mUi2;mAEye-Q1V4*~V0K^vgj} zci$*bM}iz3N?be-pj)}Ct6^j9$+`YbJ89x6&k^d4=8m=4tox^T>tdcwHK%v!Vsg$O zc)px7DV|{3zX^(3^G1JFscu<+%fqYOP5W;?J-cVhDacGme3RbJQVW}(&(B6^$|rkY zNrl%Jx0MyMSDs7!Cx$iZjRYgfzo$owr_(2%p1mspH@lMZ=IoxNWv{ z=z#-W;Jn$A9!Qp!mR1@(rgr^?4VPS9->KnwAxDOr-q)x%Mn^~62^7=v-r@zUQWN;f z_YYo$g@y9nGpL16u!HV7IXQHHJWO24wCb7@jkXy&yGzMMRl`WjJYTRWq?vR=q zIR^_bw0O49mr@(%#oTePGf_f0(QJ%`1b?g^OSLbW)^k+6yIZLP*hk@KP0mi5l9G~M z$mrRjd(sN!Hz<0#n8gYzR9rOcAs7DdTyPg^sd;Y~Cy3ZdCYaCX^J_s+wRLr_J87WE zsw&3B&dxp!qJhQ_0`^*5Hay0u6vy@B;T?({U!`jJV7PMla~~w&Y@10sYx9!H{f!_B z7K@cAUJj}sI-X!f>V0dMZ^m~KXQjR51iaCRzhq~)G8F3c@mk{a^z7AAbHl;&( z4J*T>@y_&1moB}Lb&E81M={R~kgK~TBW-Q5%F(mxF^lQc-hZWPRG|4t{-n844@k

#7ZLF8tL5pt=(&)=WLrekN49o)LV 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 diff --git a/tests/images/Design System/Tab/With Initial Open/chrome.png b/tests/images/Design System/Tab/With Initial Open/chrome.png index 410918067519451b5eb08dff736c75c06d144637..e7459322cf110734ef2a22eadeb14e781c7100a9 100644 GIT binary patch literal 5483 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 L-z>ZFXXL*D>i^Je diff --git a/tests/images/Design System/Tab/With Initial Open/firefox.png b/tests/images/Design System/Tab/With Initial Open/firefox.png index 32452b1b81757430adf574c43d78e1f07779c026..9d4d105f89f9530c319e11d9afe3705cd5946b41 100644 GIT binary patch literal 4482 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 literal 4984 zcmcIoXH-+$)(tmGt_orYsd}+DM2gfPf*{gVP>{|=L`tMd3n5^^3W=iNrK=zyASlvH zf)s=BFhIaa2?>VYLWDpPQr=Fycf9xS`~JK$7$n(epS{;vYpyxxISxUW7oPH1Pe;-zCBSuBsXh2xO~~g{iT9WX2qYAG$4mguvvfTK?{)o+xL3;NXXi zDe$%a`n&epkczg$udd$H`GR7V5954Y)&i`2n1_lVq(@c zjl4ho>Pf(0iuV<{mP$nY>D}?oBe@I;jd66d=(wPr{A>#P*L7(voXM*vDA{8LRX8`k zw|7qj?v63HqrKPJU5y&QVSW5*6HL$_qT_YIBMJDUo=iT*ET;_N?5?eOcJJPuDm7bA zTRg-CTz`TXd}NlBv39?BZZTE@-gJ*U8FgUW#a)})mUi2;mAEye-Q1V4*~V0K^vgj} zci$*bM}iz3N?be-pj)}Ct6^j9$+`YbJ89x6&k^d4=8m=4tox^T>tdcwHK%v!Vsg$O zc)px7DV|{3zX^(3^G1JFscu<+%fqYOP5W;?J-cVhDacGme3RbJQVW}(&(B6^$|rkY zNrl%Jx0MyMSDs7!Cx$iZjRYgfzo$owr_(2%p1mspH@lMZ=IoxNWv{ z=z#-W;Jn$A9!Qp!mR1@(rgr^?4VPS9->KnwAxDOr-q)x%Mn^~62^7=v-r@zUQWN;f z_YYo$g@y9nGpL16u!HV7IXQHHJWO24wCb7@jkXy&yGzMMRl`WjJYTRWq?vR=q zIR^_bw0O49mr@(%#oTePGf_f0(QJ%`1b?g^OSLbW)^k+6yIZLP*hk@KP0mi5l9G~M z$mrRjd(sN!Hz<0#n8gYzR9rOcAs7DdTyPg^sd;Y~Cy3ZdCYaCX^J_s+wRLr_J87WE zsw&3B&dxp!qJhQ_0`^*5Hay0u6vy@B;T?({U!`jJV7PMla~~w&Y@10sYx9!H{f!_B z7K@cAUJj}sI-X!f>V0dMZ^m~KXQjR51iaCRzhq~)G8F3c@mk{a^z7AAbHl;&( z4J*T>@y_&1moB}Lb&E81M={R~kgK~TBW-Q5%F(mxF^lQc-hZWPRG|4t{-n844@k

#7ZLF8tL5pt=(&)=WLrekN49o)LV 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 From 9810db6ffc6e7def408c4627b274643c45ac8627 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Vagner=20Jos=C3=A9=20Nicolodi?= Date: Mon, 3 Jan 2022 15:57:32 -0300 Subject: [PATCH 2/3] fix: Fixes text align problem on Firefox STC-799 --- src/components/Tabs/Tabs.tsx | 124 ++++++++++-------- .../Tabs/hooks/useTextDimensions.tsx | 27 ---- .../Design System/Tab/Default/chrome.png | Bin 5607 -> 5492 bytes .../Design System/Tab/Default/firefox.png | Bin 4771 -> 4545 bytes .../Tab/With Initial Open/chrome.png | Bin 5483 -> 5306 bytes .../Tab/With Initial Open/firefox.png | Bin 4482 -> 4188 bytes 6 files changed, 69 insertions(+), 82 deletions(-) delete mode 100644 src/components/Tabs/hooks/useTextDimensions.tsx diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx index f4fe46bd..014f8ce6 100644 --- a/src/components/Tabs/Tabs.tsx +++ b/src/components/Tabs/Tabs.tsx @@ -1,9 +1,14 @@ /** @jsxImportSource theme-ui */ -import React, { useCallback, useMemo, useState } from "react" +import React, { + useCallback, + useLayoutEffect, + useMemo, + useRef, + useState, +} from "react" import { useThemeUI } from "theme-ui" import { useTabContext } from "./context" import { TabContext } from "./context" -import { useTextDimensions } from "./hooks/useTextDimensions" export interface TabsProps { initialOpenIndex?: number @@ -65,12 +70,15 @@ const TabButton = ({ title }: TabButtonProps) => { const isFirstTab = useMemo(() => index === 0, [index]) const isOpen = useMemo(() => openIndex === index, [index, openIndex]) const { theme } = useThemeUI() + const textRef = useRef(null) - const { height, width } = useTextDimensions( - "text", - title, - `font-family: Gilroy; font-size: 13px; font-weight: 600; line-height: 20px;` - ) + const [width, setWidth] = useState(0) + + useLayoutEffect(() => { + if (textRef.current) { + setWidth(textRef.current.clientWidth) + } + }, []) const containerWidth = useMemo(() => { if (isFirstTab) @@ -118,67 +126,73 @@ const TabButton = ({ title }: TabButtonProps) => { } 0 c -1.53 0 -3.53 1 -4.06 2 z` }, [containerWidth, isFirstTab]) - const { textX, textY } = useMemo(() => { - /** - * To center the text on the y axis, it is needed to calculate the sum - * of the SVG height and half of the text height divided by 2. - */ - const textY = (SVG_HEIGHT + height / 2) / 2 - if (isFirstTab) { - return { - textX: - (containerWidth - - OUTSIDE_BOTTOM_TO_TOP_CURVE_WIDTH + - LEFT_RIGHT_ORANGE_RECT_TO_BORDER_DISTANCE) / - 2, - textY, - } - } - return { textX: containerWidth / 2, textY } - }, [containerWidth, height, isFirstTab]) - const tabToggler = useCallback(() => { if (openIndex !== index) toggleOpen(index) }, [index, openIndex, toggleOpen]) return ( - - - + + + + - {title} - - + +

) } diff --git a/src/components/Tabs/hooks/useTextDimensions.tsx b/src/components/Tabs/hooks/useTextDimensions.tsx deleted file mode 100644 index 360bc16f..00000000 --- a/src/components/Tabs/hooks/useTextDimensions.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { useMemo } from "react" - -export const useTextDimensions = ( - tagName: string, - innerHTML: string, - styles: string -) => { - const dimensions = useMemo(() => { - const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg") - svg.setAttribute("visibility", "hidden") - svg.setAttribute("style", "position: fixed;") - document.body.append(svg) - const text = document.createElementNS("http://www.w3.org/2000/svg", tagName) - text.setAttribute("style", styles) - text.setAttribute("visibility", "hidden") - text.innerHTML = innerHTML - svg.append(text) - const { height, width } = text.getBoundingClientRect() - text.remove() - svg.remove() - return { - height, - width, - } - }, [innerHTML, styles, tagName]) - return dimensions -} diff --git a/tests/images/Design System/Tab/Default/chrome.png b/tests/images/Design System/Tab/Default/chrome.png index 5296eabf109c1b32515b61e5e9a4d3adc894f1ef..cf6ad19127364b43a59c49d3a538f3c9bd9029bd 100644 GIT binary patch literal 5492 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 literal 5607 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 literal 4771 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 Qe2dSYvoNkOyngq;0Q`CZQ2+n{ diff --git a/tests/images/Design System/Tab/With Initial Open/chrome.png b/tests/images/Design System/Tab/With Initial Open/chrome.png index e7459322cf110734ef2a22eadeb14e781c7100a9..737404411d82a9d4a91f08b5ae3ba60a76f92d1f 100644 GIT binary patch literal 5306 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 From 98b53e332fd1d77cd233dd8647f034afac63c034 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Vagner=20Jos=C3=A9=20Nicolodi?= Date: Mon, 3 Jan 2022 16:38:19 -0300 Subject: [PATCH 3/3] fix: Now using react-use to get the text measure STC-799 --- package.json | 1 + src/components/Tabs/Tabs.tsx | 22 +-- .../Design System/Tab/Default/chrome.png | Bin 5492 -> 5706 bytes .../Design System/Tab/Default/firefox.png | Bin 4545 -> 4963 bytes .../Tab/With Initial Open/chrome.png | Bin 5306 -> 5488 bytes .../Tab/With Initial Open/firefox.png | Bin 4188 -> 4621 bytes yarn.lock | 149 +++++++++++++++++- 7 files changed, 153 insertions(+), 19 deletions(-) diff --git a/package.json b/package.json index 2e5867c4..3b1f6662 100644 --- a/package.json +++ b/package.json @@ -30,6 +30,7 @@ "polished": "^4.1.3", "react-dropzone": "^11.3.2", "react-table": "^7.7.0", + "react-use": "^17.3.2", "rifm": "^0.12.0", "web-vitals": "^0.2.4" }, diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx index 014f8ce6..a321a0b0 100644 --- a/src/components/Tabs/Tabs.tsx +++ b/src/components/Tabs/Tabs.tsx @@ -1,14 +1,9 @@ /** @jsxImportSource theme-ui */ -import React, { - useCallback, - useLayoutEffect, - useMemo, - useRef, - useState, -} from "react" +import React, { useCallback, useMemo, useState } from "react" import { useThemeUI } from "theme-ui" import { useTabContext } from "./context" import { TabContext } from "./context" +import { useMeasure } from "react-use" export interface TabsProps { initialOpenIndex?: number @@ -70,15 +65,7 @@ const TabButton = ({ title }: TabButtonProps) => { const isFirstTab = useMemo(() => index === 0, [index]) const isOpen = useMemo(() => openIndex === index, [index, openIndex]) const { theme } = useThemeUI() - const textRef = useRef(null) - - const [width, setWidth] = useState(0) - - useLayoutEffect(() => { - if (textRef.current) { - setWidth(textRef.current.clientWidth) - } - }, []) + const [textRef, { width }] = useMeasure() const containerWidth = useMemo(() => { if (isFirstTab) @@ -177,7 +164,7 @@ const TabButton = ({ title }: TabButtonProps) => { ref={textRef} sx={{ alignSelf: "center", - fill: isOpen ? "text" : "text.40", + color: isOpen ? "text" : "text.40", gridColumn: 1, gridRow: 1, justifySelf: "center", @@ -187,6 +174,7 @@ const TabButton = ({ title }: TabButtonProps) => { LEFT_RIGHT_ORANGE_RECT_TO_BORDER_DISTANCE : undefined, variant: "text.heading4", + width: "fit-content", zIndex: 2, }} > diff --git a/tests/images/Design System/Tab/Default/chrome.png b/tests/images/Design System/Tab/Default/chrome.png index cf6ad19127364b43a59c49d3a538f3c9bd9029bd..fc8243c5a8a0a4b91d4930c048970c13b7804a02 100644 GIT binary patch literal 5706 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 literal 5492 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 diff --git a/tests/images/Design System/Tab/Default/firefox.png b/tests/images/Design System/Tab/Default/firefox.png index d265d98e68ba27490aa438e1fa855e5ebd9d43fb..d26331f956fb5b458b85bbf9a4ac5847c8432628 100644 GIT binary patch literal 4963 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 q`qen8BCUWz1^)rX%%+diUSy%AB_V literal 4545 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 diff --git a/tests/images/Design System/Tab/With Initial Open/chrome.png b/tests/images/Design System/Tab/With Initial Open/chrome.png index 737404411d82a9d4a91f08b5ae3ba60a76f92d1f..b800799755328ad22c69347904be24593ed3084e 100644 GIT binary patch literal 5488 zcmb_gc{r5s*Pr$x>Dz)76+#LnO9-tP%Ffue*fI>+4Tcsek{Vm~ec!SRGbtft9n9C* zMkU!L8d=}-O#QC+kN0}tzuxO|nVILgpZhuYIiK@6pL3pSX{fNVaI>ILC^od}RUH&+ z3mv}S+PNM68}PTp!^b8U9hJ+dg0>^$DAYj_^wmpxo^jKI-cEX>JPkj_rf|h?UVISP zJM+SjPkP{~?H1t?xp=3d%|Q>g9lo^Jq<<3&$4=!P4Np{0aTT#hzw<|{vr2U630zDz zJ+N2M@SyFRfVAv@4||>a1giU$giRv-O$VkfFA=QWtr>BQnz4%5)t_+;-}bX{8kxFL zMSb?g{nO6pk3`K@oru0J7~N`Zly6`WwHeGr)gC+)wS6upM?^n7T-b70F!E#o-eYZYjM^k0SBSkJ;7@%4)_c(@@&^It>Zf|d=x_QRc-`2LWN-u0--nvM%%*oGp z2=`!T-?>xk#*L8wz78iXHatx(sQa?Iy6PGrl*fD#eSbzw3^yF#g4%hEYts&7mjMxO zn|UN?C_2X#6!TIoE6(!=<6CQNL|mLty>CmTD5WF$N+Evg!_)oxW@h<$d3o4`v0!m> zM~;4ODQ-~i+SRMJjn8>xj3-1hGcuHaerv7%On&retHSDB9Y&!%D@#>9@^oi+wr)>> zSv59c@@rEV?e(pPLBYX2c}C~hc;xhkSB4n4s$V8e4IzgMmp5Jzi79kCJ(o8&CMM^@ zhpQ(91=oislKfW}&P5pb8jqA+C$G5T^`pbFc zH6aL*;uZxjUhGwvtKA~!v-Dcx+&L)+n&hAx)r?m@v~a+sU16TVh!Pkb9X%;0M{~P3 z^4VSU`w*$xxXkVZ8p6@jn{R@gDs+(@@oAg0?j|2v>0M$P$(zw^UGhfJTSrYTi10IZ z*mkJKi&pJX*to*jR??UE?%@t~V!3@^%ALmNcRP|U@xI+AGMT zulLm1&_pDvwejy#+mGhv<#j{gvO*5ah@3xfSofHXGBa3xkdreLyrfP9oa*T6mRYxQ zqr3P+FQmM28SC}t@LKsbtzblR7?~TXTmG52kw+x%lX4s~<&k&SGdEALZjBkW)78>S zD#KDICJWyhK>VeAmYnK8e5hQ!Q)Fn$Kh3G6P8`HB+BknCpR;MR9jtPbyZ8CgOx2{= z;>@7QB(;#58mgGHwB(7_@$z~jAtA94>bH93MvSEP?b|7Yxrawh%i2>_LhYypX543Q zZ{?@Mfl#;@l|XZwwz%vYvC?OTy_d<$9*3d7nOAFSG5u{G~Az6D4L=3gO33OXCKz${qUcKE62aEEkWTB{B4j zjhFL%9l^bVVQ9vXx8s!vKlLmKviB@0v$>DB~#P8z!ovbV|VDbxnOL$ z(#EO_wY<2v7_aNjepGQv+G?4isT3g)I<#%o{lGu}B&VeC$;N9?%iq6$kDq?dBmWI= zp{tt;SFb56_hLO(m+tw_z1tD=^l9gQ%?l$OQ-^cG>G4W_=3{N~E)LaQj-IfjqFqQM zPV4H`t0Z@o=SMmd6ueCnTUuI9WNQyb9|ddt8J_km_{rXUsoNiRrl+N4<>aWf#z^Vn z@l`oFIRmtas3>fAmNvHnzBDK(s1(0ww+6&TPR&eI?|R6tm~}!uQdnNz1YDJf-1lAi zg`Wm!X8as$KP4fdvxA*CywzHFc8D}ci<5OxK7}a=AH-pTIYh&wqJ+?PeZ`~tnMN|( z&8l2G5gvc}GWpWO?M>DtCuL+R%&YecX&`YA3JK|Xx?gCa2V-$}>ffS88qayBi?DUK z(#CI1D37CKW4Tr>k#?Oa0W#!0$f=YYQavvDE%sm*KL?A8NJ;6xd-o2%G!m$9WHjEJ zp_!;S@o!OT7lmTQ^|;|VPi}bl0nNyJCddYY*Iy+8=~Uqwdf)o_ISkeGkznY7*wd@Yrfd4Kq$f_i5TFZ3uv@%u~Czx*8rAmj^%W7AJaGSXn9lo3Fv_1(asq{ui2mwy z-p7ntFi|1${wAk6HlIgs(<3{wwp1o2Cg$Yk`u@FNyj11?_y8AI*8IFPVD7Knuua=t zS6Sd5g5Nq|FWq7kJh4esB+ zUu>LD7GqX-r`T%OM=SlxwO?!gAmez~awKXe=!GFS#9Z@K% zQ))}3_|e~F&(-?rs2vOPBL3<+PEM~MJa~X4U~#bodSl~WrHLG}n2ta6_;^X*>EL=k zB_$>5iu%K)^y343=&|-h#*H#X4lb_mllzc`sEU(;b;seada!^-Glr-9{QQ71&{cao z#Ch1>eo?MvDweseVNH6DMkN4t&^MQ_T(Odf9#F0`LNTM}A843wV04-zB0T&fuA*Ah zP4I8*E?Jit0W`sV5p^R@0ZxBHgkn1e+HCsU@ZZRC`}f&L-r|CUB!1Y*3?hoH!LBT) zs>;~S&Fw#nVg_+Sf41#-0TtB_i`_+M9zjwdtm(r6SLS!_m?q2HEKDDu*jgz+8Oj{^ysyM2*JE}_O;xpH zVVt6GYPuS~(%RIdt)oMXJZ+Q$9u_sN)Oz~#>GIN-&_d%zY#}M*==xmX1PB)p7*aNE zM|hM7tMXLmRH&ke90(KA#IFr7?U|i7MkSuT^O(FmajG>@$)d1kJ_uGVeht&isi`p~ zx_<9CuD}>@k?9`GOeExB%)PDw!E_@PoiXfZVN!wXsh%b064sV`uofT_I#X399sO2f zq57nawnSmSeTo(l6YKrnnOf$}z=ir?m~R!c`O$#3myZ24)t6c^gl{?cZ2!J}rMK%@ zFtHCFZ01q)S$e!Y2f)_w`93K-}#dSc*B$*{ye0?@Pl;QPCSjs3z`+hzJS| z#elpT!cU6I9(kU-ai8gTwl=J82c@g4)MZR#adz0k<=ZEuybb&!&An%ZTBL)+6`WEf z#Dev9Uq8N_=&vYrc5#V_jm-u51`Mz9=FJ;C6wpDM-|x{VP;BwEatH5L^0a%kpk_iI zxF5k#baeDYZ+>h7Vfij~+x=~<9JZs)5zBq;gbbzC5q88EpeoZrGOG~@5SAPO_ww4T zU*V=L+ij<5Wf%nu1A|EG_JsV1QyAcTyXA#(Vj95w#;Y@zz-#)(#xcbuB|XVkcAO9r z$}KJJcJr~e&RG66o!iLkeH}4z{r4E+ys0UBD9_(D{g%Uq2rJWAf+OOEi*-Mm54fTy zD4C&(>q~barsDwTuJDt(-6b}fqGnZk+S=N7w9@R;9Ko~-M?bSQDQxfc`iHq>;M7$yi5nC)syJ z&(JU{-=qT3O++zM&-2b-pTM4yR?P?gh5;T9Ge#VgmL_nJgTwCAtFy)=d>Q1dt68Ibd|Rv{gYkC57X+JHrbfI@ zwfnRH`r!_CgZ2c46J}hCybwV?etsw?Nv~dUVV20kii+l-$-!?gp&?K3TlcD11CnK7 zVIc~T)_(OHSGi_mZ!ANPXm)(XxwEsgfC26#rh(v@gaac|m;UbIAPs}ToDvafUVH;x zQUN0%AfWlvCq2MI|5@qS)ZG9s|O2)T6}I(CAK}CKIZym!aV+fs_3FSIWxD@ZXaI5t0Ln zGzAfgJMOcwzGgQ}CLujv-I>yx?>5)h*T0Exw5&Rlt0X9>JU%{N+-JW`f5^T-NnF>H zcc0QyRaGU?#CToaKr#!1hLx3-g+9`wpL6eCr}{6zk@>)n<4=VWvZxl6j2nfE=a}`6 z`w6Dkzru0Y9Fd#O&c)L9|0aQ6!h*_|^PEdsX3UDCksKqhFJnQsSMu)Y&BcgY+1TVl zJqOt0*A}UcRolTx+fKfCMPFlnmFI}N+-C-|*$zwFLT74RYWot&q^vAq=p%Bj1n!AB ze=h}TMB5ctuCsEAbq5|LWPy^>7#SJiK4<;R+;>qQk%sVwz&$)&x|#~<;%`@VtgNiK zC2e0o+CkKhRS$|~Qcjli`CO4=Oj0$Go=9Dsl%|`hkqtE?R>rY6OjGe>Y^!_y9Rzx$ zjrA2;jaNx?ON-n5S2W~}I(X>160<}eomb;yWoM@%(+10?ed+1x*&wHpbm~f1KX~-0 zIC`QxJM3Fqd@i(c*$`rAlp&JZc6K@2cXK7p%{d{o07)-nrUH!((%zC*W~!T;n{@z= zAY{7pO=Q+)Jl?wGj{%DCWAPrPo-)aDqM|EQ+S%!ust0s;-WUFh2NXeeREp@qY|L z8BSz5|MO=UWqiR+f%%xE8qCd#41LU4nLk57e{HbS*Voq}VaNr{(VD+&^GU77h# zIuXRPFyN?qaAuOme8Bd=lzTNW$mY$P1=eO|>5p#-OG@hX^z&eA|dqB}o9x7CCc9i#YJU zB5h-b6B^gP<*lb~c~zBMPj4?Wm)aBf(B?6dW0P3l(JUpJZWn!QZ`ULc2ollPXDDsr aUK{t+&p>! literal 5306 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 literal 4188 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