feat(elevation): update tokens

twilio-labs · Jan 27, 2025 · 07ffbd3 · 07ffbd3
1 parent 765c578
commit 07ffbd3
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 14 deletions.
diff --git a/...te/src/assets/images/foundations/elevation/elevated-background-color-tokens.png b/...te/src/assets/images/foundations/elevation/elevated-background-color-tokens.png
diff --git a/.../paste-website/src/assets/images/foundations/elevation/level-1-tonal-change.png b/.../paste-website/src/assets/images/foundations/elevation/level-1-tonal-change.png
diff --git a/...paste-website/src/assets/images/foundations/elevation/level-2-accent-shadow.png b/...paste-website/src/assets/images/foundations/elevation/level-2-accent-shadow.png
diff --git a/packages/paste-website/src/component-examples/ElevationExamples.ts b/packages/paste-website/src/component-examples/ElevationExamples.ts
@@ -59,13 +59,7 @@ const ElevatedBackgroundColorTokens = () => {
         backgroundColor="colorBackgroundStrong"
         backgroundColorElevated="colorBackgroundElevation"
         backgroundColorBase="$color-background-body"
-        backgroundColorElevation="$color-background-elevation-strong"
-      />
-      <TokensTemplate
-        backgroundColor="colorBackgroundStronger"
-        backgroundColorElevated="colorBackgroundAvailable"
-        backgroundColorBase="$color-background-body"
-        backgroundColorElevation="$color-background-elevation-stronger"
+        backgroundColorElevation="$color-background-elevation"
       />
       <TokensTemplate
         backgroundColor="colorBackgroundInverse"

diff --git a/packages/paste-website/stories/Elevation.stories.tsx b/packages/paste-website/stories/Elevation.stories.tsx
@@ -72,13 +72,7 @@ export const ElevatedBackgroundColorTokens = (): React.ReactNode => {
         backgroundColor="colorBackgroundStrong"
         backgroundColorElevated="colorBackgroundElevation"
         backgroundColorBase="$color-background-body"
-        backgroundColorElevation="$color-background-elevation-strong"
-      />
-      <TokensTemplate
-        backgroundColor="colorBackgroundStronger"
-        backgroundColorElevated="colorBackgroundAvailable"
-        backgroundColorBase="$color-background-body"
-        backgroundColorElevation="$color-background-elevation-stronger"
+        backgroundColorElevation="$color-background-elevation"
       />
       <TokensTemplate
         backgroundColor="colorBackgroundInverse"