From ae90e31c2f9b55dbbf2cb7e9cebd8e0b2862a409 Mon Sep 17 00:00:00 2001 From: Robin Date: Thu, 1 Feb 2024 16:58:40 -0500 Subject: [PATCH 1/2] Update compound-design-tokens --- package.json | 4 +- .../Alert/__snapshots__/Alert.test.tsx.snap | 54 +++------ .../__snapshots__/IconButton.test.tsx.snap | 66 ++++------- .../Button/__snapshots__/Button.test.tsx.snap | 25 +--- .../Action/__snapshots__/Action.test.tsx.snap | 5 +- .../__snapshots__/Checkbox.test.tsx.snap | 5 +- .../__snapshots__/Password.test.tsx.snap | 15 +-- .../__snapshots__/IndicatorIcon.test.tsx.snap | 20 ++-- src/components/Menu/MenuItem.test.tsx | 4 +- .../__snapshots__/DrawerMenu.test.tsx.snap | 33 ++---- .../__snapshots__/FloatingMenu.test.tsx.snap | 33 ++---- .../Menu/__snapshots__/MenuItem.test.tsx.snap | 111 +++++++----------- .../ToggleMenuItem.test.tsx.snap | 5 +- .../Search/__snapshots__/Search.test.tsx.snap | 5 +- .../__snapshots__/Tooltip.test.tsx.snap | 44 +++---- yarn.lock | 14 +-- 16 files changed, 159 insertions(+), 284 deletions(-) diff --git a/package.json b/package.json index 1ec022e0..8f5526d8 100644 --- a/package.json +++ b/package.json @@ -71,7 +71,7 @@ "@types/react": "^18.2.21", "@typescript-eslint/eslint-plugin": "^6.7.0", "@typescript-eslint/parser": "^6.7.0", - "@vector-im/compound-design-tokens": "0.0.7", + "@vector-im/compound-design-tokens": "^1.0.0", "@vitejs/plugin-react": "^4.0.4", "@vitest/coverage-v8": "^0.34.4", "browserslist-to-esbuild": "^1.2.0", @@ -116,7 +116,7 @@ "@fontsource/inter": "^5", "@types/react": "*", "@types/react-dom": "*", - "@vector-im/compound-design-tokens": ">=0.0.6 <0.1.0", + "@vector-im/compound-design-tokens": ">=1.0.0 <2.0.0", "react": "^17 || ^18", "react-dom": "^17 || ^18" }, diff --git a/src/components/Alert/__snapshots__/Alert.test.tsx.snap b/src/components/Alert/__snapshots__/Alert.test.tsx.snap index 42806f29..ca12a758 100644 --- a/src/components/Alert/__snapshots__/Alert.test.tsx.snap +++ b/src/components/Alert/__snapshots__/Alert.test.tsx.snap @@ -9,24 +9,18 @@ exports[`Alert > renders actions 1`] = ` @@ -83,15 +77,14 @@ exports[`Alert > renders actions 1`] = ` > @@ -109,15 +102,14 @@ exports[`Alert > renders critical 1`] = `
renders critical 1`] = ` >
@@ -177,24 +168,18 @@ exports[`Alert > renders info 1`] = ` @@ -229,15 +214,14 @@ exports[`Alert > renders info 1`] = ` > @@ -255,15 +239,14 @@ exports[`Alert > renders success 1`] = `
renders success 1`] = ` >
diff --git a/src/components/Button/IconButton/__snapshots__/IconButton.test.tsx.snap b/src/components/Button/IconButton/__snapshots__/IconButton.test.tsx.snap index d8ee8100..b1cadf39 100644 --- a/src/components/Button/IconButton/__snapshots__/IconButton.test.tsx.snap +++ b/src/components/Button/IconButton/__snapshots__/IconButton.test.tsx.snap @@ -15,23 +15,20 @@ exports[`IconButton > renders a Default IconButton 1`] = ` > @@ -54,23 +51,20 @@ exports[`IconButton > renders a DefaultDisabled IconButton 1`] = ` > @@ -95,23 +89,20 @@ exports[`IconButton > renders a WithCriticalIndicator IconButton 1`] = ` > @@ -136,23 +127,20 @@ exports[`IconButton > renders a WithIndicator IconButton 1`] = ` > @@ -177,23 +165,20 @@ exports[`IconButton > renders a WithIndicatorDisabled IconButton 1`] = ` > @@ -218,23 +203,20 @@ exports[`IconButton > renders a WithSuccessIndicator IconButton 1`] = ` > diff --git a/src/components/Button/__snapshots__/Button.test.tsx.snap b/src/components/Button/__snapshots__/Button.test.tsx.snap index baf2d1d2..4831b1fc 100644 --- a/src/components/Button/__snapshots__/Button.test.tsx.snap +++ b/src/components/Button/__snapshots__/Button.test.tsx.snap @@ -15,21 +15,6 @@ exports[`Button > renders a Default button 1`] = ` `; -exports[`Button > renders a Destructive button 1`] = ` -
- -
-`; - exports[`Button > renders a Disabled button 1`] = `
diff --git a/src/components/Form/Controls/Checkbox/__snapshots__/Checkbox.test.tsx.snap b/src/components/Form/Controls/Checkbox/__snapshots__/Checkbox.test.tsx.snap index 86235e3f..98f4cf11 100644 --- a/src/components/Form/Controls/Checkbox/__snapshots__/Checkbox.test.tsx.snap +++ b/src/components/Form/Controls/Checkbox/__snapshots__/Checkbox.test.tsx.snap @@ -15,15 +15,14 @@ exports[`Checkbox > renders 1`] = `
diff --git a/src/components/Form/Controls/Password/__snapshots__/Password.test.tsx.snap b/src/components/Form/Controls/Password/__snapshots__/Password.test.tsx.snap index 390abfd0..a2083e77 100644 --- a/src/components/Form/Controls/Password/__snapshots__/Password.test.tsx.snap +++ b/src/components/Form/Controls/Password/__snapshots__/Password.test.tsx.snap @@ -21,15 +21,14 @@ exports[`PasswordControl > switches the input type > invisible 1`] = ` @@ -58,15 +57,14 @@ exports[`PasswordControl > switches the input type > invisible 2`] = ` @@ -95,15 +93,14 @@ exports[`PasswordControl > switches the input type > visible 1`] = ` diff --git a/src/components/Icon/IndicatorIcon/__snapshots__/IndicatorIcon.test.tsx.snap b/src/components/Icon/IndicatorIcon/__snapshots__/IndicatorIcon.test.tsx.snap index a937c8d5..b38edf0a 100644 --- a/src/components/Icon/IndicatorIcon/__snapshots__/IndicatorIcon.test.tsx.snap +++ b/src/components/Icon/IndicatorIcon/__snapshots__/IndicatorIcon.test.tsx.snap @@ -8,15 +8,14 @@ exports[`IconButton > renders a Default IconButton 1`] = ` > @@ -32,15 +31,14 @@ exports[`IconButton > renders a WithCriticalIndicator IconButton 1`] = ` > @@ -56,15 +54,14 @@ exports[`IconButton > renders a WithIndicator IconButton 1`] = ` > @@ -80,15 +77,14 @@ exports[`IconButton > renders a WithSuccessIndicator IconButton 1`] = ` > diff --git a/src/components/Menu/MenuItem.test.tsx b/src/components/Menu/MenuItem.test.tsx index d5cafabd..a6a11987 100644 --- a/src/components/Menu/MenuItem.test.tsx +++ b/src/components/Menu/MenuItem.test.tsx @@ -19,7 +19,7 @@ import { render } from "@testing-library/react"; import React from "react"; import LeaveIcon from "@vector-im/compound-design-tokens/icons/leave.svg"; import UserProfileIcon from "@vector-im/compound-design-tokens/icons/user-profile.svg"; -import MicOnOutlineIcon from "@vector-im/compound-design-tokens/icons/mic-on-outline.svg"; +import MicOnIcon from "@vector-im/compound-design-tokens/icons/mic-on.svg"; import { MenuItem } from "./MenuItem"; import { Text } from "../Typography/Text"; @@ -63,7 +63,7 @@ describe("MenuItem", () => { it("renders without a label", () => { const { asFragment } = render( - {}}> + {}}> Imagine that there might be a volume slider here in place of the label , ); diff --git a/src/components/Menu/__snapshots__/DrawerMenu.test.tsx.snap b/src/components/Menu/__snapshots__/DrawerMenu.test.tsx.snap index 73614b7b..331bceb1 100644 --- a/src/components/Menu/__snapshots__/DrawerMenu.test.tsx.snap +++ b/src/components/Menu/__snapshots__/DrawerMenu.test.tsx.snap @@ -19,23 +19,20 @@ exports[`DrawerMenu > renders 1`] = ` renders 1`] = ` @@ -72,23 +68,17 @@ exports[`DrawerMenu > renders 1`] = ` renders 1`] = ` diff --git a/src/components/Menu/__snapshots__/FloatingMenu.test.tsx.snap b/src/components/Menu/__snapshots__/FloatingMenu.test.tsx.snap index 187b0d8b..ef545136 100644 --- a/src/components/Menu/__snapshots__/FloatingMenu.test.tsx.snap +++ b/src/components/Menu/__snapshots__/FloatingMenu.test.tsx.snap @@ -21,23 +21,20 @@ exports[`FloatingMenu > renders 1`] = ` renders 1`] = ` @@ -74,23 +70,17 @@ exports[`FloatingMenu > renders 1`] = ` renders 1`] = ` diff --git a/src/components/Menu/__snapshots__/MenuItem.test.tsx.snap b/src/components/Menu/__snapshots__/MenuItem.test.tsx.snap index 6d447e56..670696fe 100644 --- a/src/components/Menu/__snapshots__/MenuItem.test.tsx.snap +++ b/src/components/Menu/__snapshots__/MenuItem.test.tsx.snap @@ -10,23 +10,17 @@ exports[`MenuItem > renders 1`] = ` renders 1`] = ` @@ -66,15 +59,14 @@ exports[`MenuItem > renders a Critical Disabled menu item 1`] = ` renders a Critical Disabled menu item 1`] = ` renders a Critical menu item 1`] = ` renders a Critical menu item 1`] = ` renders a Primary Disabled menu item 1`] = ` renders a Primary Disabled menu item 1`] = ` renders a Primary menu item 1`] = ` renders a Primary menu item 1`] = ` renders a menu item with a long label 1`] = ` renders a menu item with a long label 1`] = ` renders a menu item with a long label and children 1`] = ` renders a menu item with a long label and children 1`] = ` renders with a child 1`] = ` renders with a child 1`] = ` renders with an component as an Icon 1`] = ` renders without a label 1`] = ` Imagine that there might be a volume slider here in place of the label diff --git a/src/components/Menu/__snapshots__/ToggleMenuItem.test.tsx.snap b/src/components/Menu/__snapshots__/ToggleMenuItem.test.tsx.snap index 63df1f8b..4392edd9 100644 --- a/src/components/Menu/__snapshots__/ToggleMenuItem.test.tsx.snap +++ b/src/components/Menu/__snapshots__/ToggleMenuItem.test.tsx.snap @@ -11,15 +11,14 @@ exports[`ToggleMenuItem > renders 1`] = ` renders 1`] = ` > opens tooltip on focus where trigger is non interactive 1`] = > @@ -92,23 +89,20 @@ exports[`Tooltip > overrides default tab index for non interactive triggers 1`] > @@ -162,23 +156,20 @@ exports[`Tooltip > renders open by default 1`] = ` > @@ -216,23 +207,20 @@ exports[`Tooltip > renders with caption 1`] = ` > diff --git a/yarn.lock b/yarn.lock index d5d692e8..6ef1e859 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3502,9 +3502,9 @@ integrity sha512-FbtmBWCcSa2J4zL781Zf1p5YUBXQomPEcep9QZCfRfQgTxz3pJWiDFLebohZ9fFntX5ibzOkSsrJ0TEew8cAog== "@types/q@^1.5.1": - version "1.5.6" - resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.6.tgz#a6edffe8283910e46dc7a573621f928e6b47fa56" - integrity sha512-IKjZ8RjTSwD4/YG+2gtj7BPFRB/lNbWKTiSj3M7U/TD2B7HfYCxvp2Zz6xA2WIY7pAuL1QOUPw8gQRbUrrq4fQ== + version "1.5.8" + resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.8.tgz#95f6c6a08f2ad868ba230ead1d2d7f7be3db3837" + integrity sha512-hroOstUScF6zhIi+5+x0dzqrHA1EJi+Irri6b1fxolMTqqHIV/Cg77EtnQcZqZCu8hR3mX2BzIxN4/GzI68Kfw== "@types/qs@*", "@types/qs@^6.9.5": version "6.9.8" @@ -3721,10 +3721,10 @@ "@typescript-eslint/types" "6.7.3" eslint-visitor-keys "^3.4.1" -"@vector-im/compound-design-tokens@0.0.7": - version "0.0.7" - resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-0.0.7.tgz#b0716dd4782dd95900491e45b003b58f93748024" - integrity sha512-RCQc6qr+s8cp4xKbNi/I3OL43uPCH+N4L9vYf0r+qwRy4WCKdI4QL0TBTV4bOo8hF49z8e+BgU5ZIu5TVQXNMQ== +"@vector-im/compound-design-tokens@^1.0.0": + version "1.0.0" + resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-1.0.0.tgz#4fe7744bbe0bd093b064d42ca8bb475862bb2ce7" + integrity sha512-/hKAxE/WsmnNZamlSmLoFeAhNDhRpFdJYuY8NrPLaS/dKS/QRnty6UYzs9yWOVNFeiBfkNsrb7wYIFMrYWSRJw== dependencies: svg2vectordrawable "^2.9.1" From c08e3357b118cf3481253ef8e2b6eff547f09189 Mon Sep 17 00:00:00 2001 From: Robin Date: Thu, 1 Feb 2024 16:59:08 -0500 Subject: [PATCH 2/2] Use new semantic tokens for avatar colors --- .../Avatar-All-Avatars-1-chromium-linux.png | Bin 11262 -> 9327 bytes ...rge-No-Image-Fallback-1-chromium-linux.png | Bin 7273 -> 6384 bytes ...tar-No-Image-Fallback-1-chromium-linux.png | Bin 5741 -> 5329 bytes src/components/Avatar/Avatar.module.css | 34 +++++++----------- src/components/Avatar/Avatar.stories.tsx | 4 --- src/components/Avatar/Avatar.test.tsx | 8 ++--- .../Avatar/__snapshots__/Avatar.test.tsx.snap | 2 +- .../__snapshots__/AvatarStack.test.tsx.snap | 2 +- src/components/Avatar/useIdColorHash.ts | 2 +- 9 files changed, 19 insertions(+), 33 deletions(-) diff --git a/playwright/visual.test.ts-snapshots/Avatar-All-Avatars-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/Avatar-All-Avatars-1-chromium-linux.png index 0ebe18d8d2520cc196e57d3c394d5b19931555cd..1a69c50c53c767b2f2abcc7164d5d2e45d313ed8 100644 GIT binary patch delta 5849 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 literal 11262 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 diff --git a/playwright/visual.test.ts-snapshots/Avatar-Large-No-Image-Fallback-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/Avatar-Large-No-Image-Fallback-1-chromium-linux.png index a1b1410586d436d581d23be20167262a60372956..77ca955cf6f0734241aa65e3528dadc2c7ae7fcc 100644 GIT binary patch literal 6384 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 literal 7273 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 X?dvl%^Ck4r2Y?F*8w=uD_h0@C96C0x diff --git a/playwright/visual.test.ts-snapshots/Avatar-No-Image-Fallback-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/Avatar-No-Image-Fallback-1-chromium-linux.png index 7fb323ba8dd44234b6545583c4de0d62ec8df5ca..6f586ff3ed24b8a28d491699ba45b5033db4a76e 100644 GIT binary patch literal 5329 zcmeI0>r<0g8o*D8h)NMHrC30stE;UWv?CBv2%w^95vW|{Vv;2kkz243E{2e}or-87 zx-8I|aB(T3FA|DeLX0F(sua0JCEN)h3P~Ud5JEJNWMBV=&VI{>^PHLIoSE}nf6vUx z`_|vbVvFq-0D#5WGv0v!mz-haA|Na%U4-|X7E1IfL%>-g6%x0xVp!t=~a+QUs7 z^6ZKd)2vP%!Fio{yyNyZ`>%;N@(Ox>=8n8Bf!N1}(Eb^*FW6;Le7T0D3Kh*EPg#@5 zt;)3pzHX5*`IV=z0f1iV?S%whUVl|o2oyG%*oJUX+y$4?9$J}yP5dfU zUIUHQ%F-Z6^`d_QCnC%Yk^zW2a|y%j9n^j5sZ4ifFMQdc58m(QlEuhCX9;oo? zfL`j~yv#nL%MlS$9bN;F;u*1BICEa4?}fTzT>9tL5QYP3e-OD_0{RTG7J+pLlPlQ= zSu~sg-&F5n*b2KBorGxRM7oUQI}4SK_2FdM%9BYG*j>Uq1hzDE;%PlUe2ynoL(P3X z8B1^+c;T157(O99H&v1(;$ct|c{KME1Zd$EnWiy|6Q4Tx9s{6-S!K487STk}6`c$y z*z!^3+Ve`4LefZ{rHZoiSM|MQfhhn<4Fh!XB(sj<0iEvnumgap<|@;b%wQMyjY~(} z-xxLnP!aCCS<)55AA7Ftca0iP#Grh~nkSHefGz%1NJ$byikzO={rgOS*9-z{>(D(cxAP?3NYlW)3`A{ZH&JEW7pR-*!Lytass|T=8hO zv|xiXXv-7*c{g|D5!H>fuF<5+lzN%x{JS~kleC3k}&#IIZ-z zgZ%oD0Db=T;wu2Kyv@y44wR4*lQpvGNq3q=nKR!}B6C7fp)#6wDtck$k!-)`aFTn) zSaXaipo=bKZtlz+C?N6z%H<+6kJbApX&Lfof4AT5ntFIQXgk}O;uR3-Y(Vo%X>hCjj+1W|j`@5mXp2XCASeD^$;-f% z4Gei|7IqFzs@-g4*K#-dX2nK+ydgvDcmHmE`fUm+!k~KFcP(L!_gcH8$&k6>bNFn- z!qnZH-Ik;w6!lH5FQq)BU?-rb$Hmwbgk(+cUsJy?H%yTY6I`=3^)SjaSh*&wvQ0!! zyDKBn({MFr!KO7k5?v|x@C;p7m9{9O>|(ron0Y7s@Uo-5u+*Oy8(n8ejKb^IEq*zpO&CG{Rj|uZ;!R`(xH|42~_rCTaz>`Gz@Pq3JQp-NjS7K3aJ~g z8k%47q(J&v6{$|1+WLIb2c`$h-P|mV!+TQo$=t!MGL8PtVn^V<%5bV2RaQ&NndTyg z@Nmxf>%Uab?{WDZ+AdOC_Kmh-;AFY1#d;k@rzsp?4vj;hbCGJU@=6ZKz zug9a*gax>ozRXX&J+2JP_wgH-HeIA#2{x>ZT-u6bh01YuLkzwks9&F=6bjrj>hUDX z+jEu5!`u4d?hAB6U@!Q2;RT1;BIOo^Qxgu3>1Leb3qNe+1@0KS_f5EL{fKPu*JFO4LcfT=$szwyf8g;aAGow%;j zzHIcwyM-HOply3YBYMFS!uZ30s%g0L;*|vexcY%CQE!kBW$31!-~rFamL#dURdX|A zb}+paCz3kN=a|E!x&N|o6TVxK4=u%62Sh~Cc9kK3>-Yp}XgxWbuQ${$aYe9b{fetUFp|(n qLL&){Bs7xHNJ1kC|8FE*M?EF%9oZEvw1fXB!P!&(-s}^EfBg?wBWsBO literal 5741 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 = (args) => (     - -   - -   ); diff --git a/src/components/Avatar/Avatar.test.tsx b/src/components/Avatar/Avatar.test.tsx index 2e178228..934c06ec 100644 --- a/src/components/Avatar/Avatar.test.tsx +++ b/src/components/Avatar/Avatar.test.tsx @@ -60,12 +60,12 @@ describe("Avatar", () => { }); it.each([ - ["@bob:example.org", "8"], + ["@bob:example.org", "4"], ["@alice:example.org", "3"], ["@charlie:example.org", "5"], - ["@dan:example.org", "8"], - ["@elena:example.org", "2"], - ["@fanny:example.org", "1"], + ["@dan:example.org", "4"], + ["@elena:example.org", "4"], + ["@fanny:example.org", "3"], ])( "has a deterministic color based on the id passed to it, %s", (id, colorNumber) => { diff --git a/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap b/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap index 83f5bdc8..172b4c71 100644 --- a/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap +++ b/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap @@ -5,7 +5,7 @@ exports[`Avatar > renders the image-less avatar 1`] = ` diff --git a/src/components/Avatar/__snapshots__/AvatarStack.test.tsx.snap b/src/components/Avatar/__snapshots__/AvatarStack.test.tsx.snap index 5c98ec08..8227eaa3 100644 --- a/src/components/Avatar/__snapshots__/AvatarStack.test.tsx.snap +++ b/src/components/Avatar/__snapshots__/AvatarStack.test.tsx.snap @@ -18,7 +18,7 @@ exports[`AvatarStack > renders 1`] = ` { return sum + char.charCodeAt(0);