chore: sarah catches

Author: nkrantz

packages/paste-design-tokens/__tests__/__snapshots__/index.test.tsx.snap

@@ -166,7 +166,7 @@ exports[`Design Tokens matches the Dark theme 1`] = `
   \\"shadow-border-destructive\\": \\"0 0 0 1px #d61f1f\\",
   \\"shadow-high\\": \\"0 16px 24px 4px rgba(0, 0, 0, 0.5)\\",
   \\"shadow-right\\": \\"-4px 0 8px -4px rgba(0, 0, 0, 0.4)\\",
-  \\"shadow-elevation-right-inverse-05\\": \\"1px 1px 0 0 #1f304c\\",
+  \\"shadow-elevation-right-inverse-05\\": \\"1px 0 0 0 #1f304c\\",
   \\"shadow-border-error-strong\\": \\"0 0 0 1px #f6b1b1\\",
   \\"shadow-border-bottom-inverse-weaker\\": \\"0 1px 0 #394762\\",
   \\"shadow-border-primary-strongest\\": \\"0 0 0 1px #ebf4ff\\",
@@ -648,7 +648,7 @@ exports[`Design Tokens matches the Global theme 1`] = `
   \\"shadow-border-destructive\\": \\"0 0 0 1px #d61f1f\\",
   \\"shadow-high\\": \\"0 16px 24px 0 rgba(18, 28, 45, 0.2)\\",
   \\"shadow-right\\": \\"-4px 0 8px -4px rgba(18, 28, 45, 0.2)\\",
-  \\"shadow-elevation-right-inverse-05\\": \\"1px 1px 0 0 #1f304c\\",
+  \\"shadow-elevation-right-inverse-05\\": \\"1px 0 0 0 #1f304c\\",
   \\"shadow-border-error-strong\\": \\"0 0 0 1px #750c0c\\",
   \\"shadow-border-bottom-inverse-weaker\\": \\"0 1px 0 #394762\\",
   \\"shadow-border-primary-strongest\\": \\"0 0 0 1px #06033a\\",
@@ -1130,7 +1130,7 @@ exports[`Design Tokens matches the Sendgrid theme 1`] = `
   \\"shadow-border-destructive\\": \\"0 0 0 1px #d61f1f\\",
   \\"shadow-high\\": \\"0 16px 24px 0 rgba(18, 28, 45, 0.2)\\",
   \\"shadow-right\\": \\"-4px 0 8px -4px rgba(18, 28, 45, 0.2)\\",
-  \\"shadow-elevation-right-inverse-05\\": \\"1px 1px 0 0 #1f304c\\",
+  \\"shadow-elevation-right-inverse-05\\": \\"1px 0 0 0 #1f304c\\",
   \\"shadow-border-error-strong\\": \\"0 0 0 1px #750c0c\\",
   \\"shadow-border-bottom-inverse-weaker\\": \\"0 1px 0 #394762\\",
   \\"shadow-border-primary-strongest\\": \\"0 0 0 1px #06033a\\",
@@ -1612,7 +1612,7 @@ exports[`Design Tokens matches the Twilio Dark theme 1`] = `
   \\"shadow-border-destructive\\": \\"0 0 0 1px #d61f1f\\",
   \\"shadow-high\\": \\"0 16px 24px 4px rgba(0, 0, 0, 0.5)\\",
   \\"shadow-right\\": \\"-4px 0 8px -4px rgba(0, 0, 0, 0.4)\\",
-  \\"shadow-elevation-right-inverse-05\\": \\"1px 1px 0 0 #1f304c\\",
+  \\"shadow-elevation-right-inverse-05\\": \\"1px 0 0 0 #1f304c\\",
   \\"shadow-border-error-strong\\": \\"0 0 0 1px #f58a8a\\",
   \\"shadow-border-bottom-inverse-weaker\\": \\"0 1px 0 #394762\\",
   \\"shadow-border-primary-strongest\\": \\"0 0 0 1px #ebf4ff\\",
@@ -2094,7 +2094,7 @@ exports[`Design Tokens matches the Twilio theme 1`] = `
   \\"shadow-border-destructive\\": \\"0 0 0 1px #c72323\\",
   \\"shadow-high\\": \\"0 16px 24px 0 rgba(18, 28, 45, 0.2)\\",
   \\"shadow-right\\": \\"-4px 0 8px -4px rgba(18, 28, 45, 0.2)\\",
-  \\"shadow-elevation-right-inverse-05\\": \\"1px 1px 0 0 #1f304c\\",
+  \\"shadow-elevation-right-inverse-05\\": \\"1px 0 0 0 #1f304c\\",
   \\"shadow-border-error-strong\\": \\"0 0 0 1px #750c0c\\",
   \\"shadow-border-bottom-inverse-weaker\\": \\"0 1px 0 #394762\\",
   \\"shadow-border-primary-strongest\\": \\"0 0 0 1px #06033a\\",

packages/paste-design-tokens/tokens/global/box-shadow.yml

@@ -275,7 +275,7 @@ props:
     value: "{!offset-0} {!offset-05} {!offset-0} {!offset-0} {!palette-gray-90}"
     comment: Accent shadows that subtly define the bottom edge of an inverse element. They serve as a lightweight alternative to risen shadows at lower elevations.
   shadow-elevation-right-inverse-05:
-    value: "{!offset-05} {!offset-05} {!offset-0} {!offset-0} {!palette-gray-90}"
+    value: "{!offset-05} {!offset-0} {!offset-0} {!offset-0} {!palette-gray-90}"
     comment: Accent shadows that subtly define the right edge of an inverse element. They serve as a lightweight alternative to risen shadows at lower elevations.
   shadow-elevation-10:
     value: "{!offset-0} {!offset-negative-05} {!offset-0} {!offset-0} {!palette-gray-10}, {!offset-0} {!offset-15} {!offset-20} {!offset-0} {!palette-gray-110-transparent-10}"

packages/paste-website/src/components/tokens-list/index.tsx

@@ -40,7 +40,10 @@ const Content: React.FC<React.PropsWithChildren<BoxProps>> = (props) => (
 const defaultTheme = "twilio";
 const defaultFormat = "css";
 
-const hiddenTokens = { "box-shadows": ["shadow", "shadow-low", "shadow-high", "shadow-card"] };
+const hiddenTokens = {
+  "box-shadows": ["shadow", "shadow-low", "shadow-high", "shadow-card"],
+  "color-schemes": ["color-scheme"],
+};
 
 const getTokenListByTheme = (theme: Themes): Tokens => {
   let tokenList: Tokens = TwilioThemeTokens.tokens;