Fix background image for showing opacity colors (#1277)

* Add disabled version to ProgressBar * Revert changes progressbar * merge with main * Move image to support public view * Delete changeset * Remove rudandant condition * Bump package for build
nsbno · Sep 26, 2024 · 2931b13 · 2931b13
1 parent 1cf678a
commit 2931b13
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 10 deletions.
diff --git a/apps/docs/app/routes/_base.resources.design-tokens/color-tokens/ColorGrid.tsx b/apps/docs/app/routes/_base.resources.design-tokens/color-tokens/ColorGrid.tsx
@@ -7,7 +7,6 @@ import {
   Text,
 } from "@vygruppen/spor-react";
 import { useTokenInfo } from "./utils";
-import translucentBackgroundUrl from "../translucent-background.svg";
 
 type ColorGridProps = {
   colors: { token: string; alias?: string }[];
@@ -93,11 +92,7 @@ export const ColorToken = ({
               borderBottomLeftRadius={isVertical ? "sm" : "none"}
               position="absolute"
               zIndex={1}
-              bgGradient={
-                isTranslucent
-                  ? `linear(to-r, ${colorValue}, ${colorValue})`
-                  : undefined
-              }
+              bgGradient={`linear(to-r, ${colorValue}, ${colorValue})`}
               backgroundPosition="center center"
               backgroundRepeat="repeat"
             />
@@ -108,9 +103,7 @@ export const ColorToken = ({
               borderTopRightRadius={!isVertical ? "sm" : "none"}
               borderBottomLeftRadius={isVertical ? "sm" : "none"}
               position="absolute"
-              backgroundImage={
-                isTranslucent ? `${translucentBackgroundUrl}` : undefined
-              }
+              backgroundImage={`url(/images/translucent-background.svg)`}
               backgroundPosition="center center"
               backgroundRepeat="repeat"
             />

diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -1,6 +1,6 @@
 {
   "private": true,
-  "version": "0.0.50",
+  "version": "0.0.51",
   "name": "@vygruppen/docs",
   "description": "The Spor documentation",
   "license": "MIT",

diff --git a/....design-tokens/translucent-background.svg → .../public/images/translucent-background.svg b/....design-tokens/translucent-background.svg → .../public/images/translucent-background.svg