Revert "change shadows in js to plain string"

This reverts commit 119e759.
rei · Nov 5, 2024 · a123439 · a123439
1 parent 9942f7e
commit a123439
Show file tree

Hide file tree

Showing 19 changed files with 201 additions and 205 deletions.
diff --git a/dist/docsite/css/cdr-tokens.css b/dist/docsite/css/cdr-tokens.css
@@ -297,32 +297,32 @@
   --cdr-prominence-flat-y: 0;
   --cdr-prominence-flat-blur: 0;
   --cdr-prominence-flat-spread: 0;
-  --cdr-prominence-flat-color: rgba(12, 11, 8, 0.2);
+  --cdr-prominence-flat-color: #2e2e2b;
   --cdr-prominence-raised-x: 0;
   --cdr-prominence-raised-y: 0.2rem;
   --cdr-prominence-raised-blur: 0.2rem;
   --cdr-prominence-raised-spread: 0;
-  --cdr-prominence-raised-color: rgba(12, 11, 8, 0.2);
+  --cdr-prominence-raised-color: #2e2e2b;
   --cdr-prominence-elevated-x: 0;
   --cdr-prominence-elevated-y: 0.4rem;
   --cdr-prominence-elevated-blur: 0.4rem;
   --cdr-prominence-elevated-spread: 0;
-  --cdr-prominence-elevated-color: rgba(12, 11, 8, 0.2);
+  --cdr-prominence-elevated-color: #2e2e2b;
   --cdr-prominence-floating-x: 0;
   --cdr-prominence-floating-y: 0.8rem;
   --cdr-prominence-floating-blur: 0.8rem;
   --cdr-prominence-floating-spread: 0;
-  --cdr-prominence-floating-color: rgba(12, 11, 8, 0.2);
+  --cdr-prominence-floating-color: #2e2e2b;
   --cdr-prominence-lifted-x: 0;
   --cdr-prominence-lifted-y: 1.6rem;
   --cdr-prominence-lifted-blur: 1.6rem;
   --cdr-prominence-lifted-spread: 0;
-  --cdr-prominence-lifted-color: rgba(12, 11, 8, 0.2);
-  --cdr-prominence-flat: 0 0 0 0 rgba(12, 11, 8, 0.2);
-  --cdr-prominence-raised: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
-  --cdr-prominence-elevated: 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2);
-  --cdr-prominence-floating: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
-  --cdr-prominence-lifted: 0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2);
+  --cdr-prominence-lifted-color: #2e2e2b;
+  --cdr-prominence-flat: 0 0 0 0 #2e2e2b;
+  --cdr-prominence-raised: 0 0.2rem 0.2rem 0 #2e2e2b;
+  --cdr-prominence-elevated: 0 0.4rem 0.4rem 0 #2e2e2b;
+  --cdr-prominence-floating: 0 0.8rem 0.8rem 0 #2e2e2b;
+  --cdr-prominence-lifted: 0 1.6rem 1.6rem 0 #2e2e2b;
   --cdr-radius-sharp: 0;
   --cdr-radius-soft: 0.2rem;
   --cdr-radius-softer: 0.4rem;

diff --git a/dist/docsite/figma/figma.json b/dist/docsite/figma/figma.json
@@ -4075,12 +4075,14 @@
       }
     },
     "flat-color": {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "#2e2e2b",
       "$type": "color",
+      "alpha": 0.2,
       "filePath": "tokens/global/prominence.json5",
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
-        "$type": "color"
+        "$value": "{options.color.warm-grey-1000}",
+        "$type": "color",
+        "alpha": 0.2
       }
     },
     "raised-x": {
@@ -4120,12 +4122,14 @@
       }
     },
     "raised-color": {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "#2e2e2b",
       "$type": "color",
+      "alpha": 0.2,
       "filePath": "tokens/global/prominence.json5",
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
-        "$type": "color"
+        "$value": "{options.color.warm-grey-1000}",
+        "$type": "color",
+        "alpha": 0.2
       }
     },
     "elevated-x": {
@@ -4165,12 +4169,14 @@
       }
     },
     "elevated-color": {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "#2e2e2b",
       "$type": "color",
+      "alpha": 0.2,
       "filePath": "tokens/global/prominence.json5",
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
-        "$type": "color"
+        "$value": "{options.color.warm-grey-1000}",
+        "$type": "color",
+        "alpha": 0.2
       }
     },
     "floating-x": {
@@ -4210,12 +4216,14 @@
       }
     },
     "floating-color": {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "#2e2e2b",
       "$type": "color",
+      "alpha": 0.2,
       "filePath": "tokens/global/prominence.json5",
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
-        "$type": "color"
+        "$value": "{options.color.warm-grey-1000}",
+        "$type": "color",
+        "alpha": 0.2
       }
     },
     "lifted-x": {
@@ -4255,44 +4263,46 @@
       }
     },
     "lifted-color": {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "#2e2e2b",
       "$type": "color",
+      "alpha": 0.2,
       "filePath": "tokens/global/prominence.json5",
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
-        "$type": "color"
+        "$value": "{options.color.warm-grey-1000}",
+        "$type": "color",
+        "alpha": 0.2
       }
     },
     "flat": {
-      "$value": "0 0 0 0 rgba(12, 11, 8, 0.2)",
+      "$value": "0 0 0 0 #2e2e2b",
       "filePath": "tokens/web/prominence.json5",
       "original": {
         "$value": "{prominence.flat-x.$value} {prominence.flat-y.$value} {prominence.flat-blur.$value} {prominence.flat-spread.$value} {prominence.flat-color.$value}"
       }
     },
     "raised": {
-      "$value": "0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2)",
+      "$value": "0 0.2rem 0.2rem 0 #2e2e2b",
       "filePath": "tokens/web/prominence.json5",
       "original": {
         "$value": "{prominence.raised-x.$value} {prominence.raised-y.$value} {prominence.raised-blur.$value} {prominence.raised-spread.$value} {prominence.raised-color.$value}"
       }
     },
     "elevated": {
-      "$value": "0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2)",
+      "$value": "0 0.4rem 0.4rem 0 #2e2e2b",
       "filePath": "tokens/web/prominence.json5",
       "original": {
         "$value": "{prominence.elevated-x.$value} {prominence.elevated-y.$value} {prominence.elevated-blur.$value} {prominence.elevated-spread.$value} {prominence.elevated-color.$value}"
       }
     },
     "floating": {
-      "$value": "0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2)",
+      "$value": "0 0.8rem 0.8rem 0 #2e2e2b",
       "filePath": "tokens/web/prominence.json5",
       "original": {
         "$value": "{prominence.floating-x.$value} {prominence.floating-y.$value} {prominence.floating-blur.$value} {prominence.floating-spread.$value} {prominence.floating-color.$value}"
       }
     },
     "lifted": {
-      "$value": "0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2)",
+      "$value": "0 1.6rem 1.6rem 0 #2e2e2b",
       "filePath": "tokens/web/prominence.json5",
       "original": {
         "$value": "{prominence.lifted-x.$value} {prominence.lifted-y.$value} {prominence.lifted-blur.$value} {prominence.lifted-spread.$value} {prominence.lifted-color.$value}"

diff --git a/dist/docsite/json/web.json b/dist/docsite/json/web.json
@@ -9318,7 +9318,7 @@
       }
     },
     {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "#2e2e2b",
       "$type": "color",
       "alpha": 0.2,
       "docs": {
@@ -9328,7 +9328,7 @@
       "filePath": "tokens/global/prominence.json5",
       "isSource": false,
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
+        "$value": "{options.color.warm-grey-1000}",
         "$type": "color",
         "alpha": 0.2,
         "docs": {
@@ -9440,7 +9440,7 @@
       }
     },
     {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "#2e2e2b",
       "$type": "color",
       "alpha": 0.2,
       "docs": {
@@ -9450,7 +9450,7 @@
       "filePath": "tokens/global/prominence.json5",
       "isSource": false,
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
+        "$value": "{options.color.warm-grey-1000}",
         "$type": "color",
         "alpha": 0.2,
         "docs": {
@@ -9562,7 +9562,7 @@
       }
     },
     {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "#2e2e2b",
       "$type": "color",
       "alpha": 0.2,
       "docs": {
@@ -9572,7 +9572,7 @@
       "filePath": "tokens/global/prominence.json5",
       "isSource": false,
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
+        "$value": "{options.color.warm-grey-1000}",
         "$type": "color",
         "alpha": 0.2,
         "docs": {
@@ -9684,7 +9684,7 @@
       }
     },
     {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "#2e2e2b",
       "$type": "color",
       "alpha": 0.2,
       "docs": {
@@ -9694,7 +9694,7 @@
       "filePath": "tokens/global/prominence.json5",
       "isSource": false,
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
+        "$value": "{options.color.warm-grey-1000}",
         "$type": "color",
         "alpha": 0.2,
         "docs": {
@@ -9806,7 +9806,7 @@
       }
     },
     {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "#2e2e2b",
       "$type": "color",
       "alpha": 0.2,
       "docs": {
@@ -9816,7 +9816,7 @@
       "filePath": "tokens/global/prominence.json5",
       "isSource": false,
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
+        "$value": "{options.color.warm-grey-1000}",
         "$type": "color",
         "alpha": 0.2,
         "docs": {
@@ -9832,7 +9832,7 @@
       }
     },
     {
-      "$value": "0 0 0 0 rgba(12, 11, 8, 0.2)",
+      "$value": "0 0 0 0 #2e2e2b",
       "docs": {
         "type": "prominence",
         "category": "prominence",
@@ -9856,7 +9856,7 @@
       }
     },
     {
-      "$value": "0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2)",
+      "$value": "0 0.2rem 0.2rem 0 #2e2e2b",
       "docs": {
         "type": "prominence",
         "category": "prominence",
@@ -9880,7 +9880,7 @@
       }
     },
     {
-      "$value": "0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2)",
+      "$value": "0 0.4rem 0.4rem 0 #2e2e2b",
       "docs": {
         "type": "prominence",
         "category": "prominence",
@@ -9904,7 +9904,7 @@
       }
     },
     {
-      "$value": "0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2)",
+      "$value": "0 0.8rem 0.8rem 0 #2e2e2b",
       "docs": {
         "type": "prominence",
         "category": "prominence",
@@ -9928,7 +9928,7 @@
       }
     },
     {
-      "$value": "0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2)",
+      "$value": "0 1.6rem 1.6rem 0 #2e2e2b",
       "docs": {
         "type": "prominence",
         "category": "prominence",

diff --git a/dist/docsite/less/cdr-tokens.less b/dist/docsite/less/cdr-tokens.less
@@ -972,32 +972,32 @@
 @cdr-prominence-flat-y: 0;
 @cdr-prominence-flat-blur: 0;
 @cdr-prominence-flat-spread: 0;
-@cdr-prominence-flat-color: rgba(12, 11, 8, 0.2);
+@cdr-prominence-flat-color: #2e2e2b;
 @cdr-prominence-raised-x: 0;
 @cdr-prominence-raised-y: 0.2rem;
 @cdr-prominence-raised-blur: 0.2rem;
 @cdr-prominence-raised-spread: 0;
-@cdr-prominence-raised-color: rgba(12, 11, 8, 0.2);
+@cdr-prominence-raised-color: #2e2e2b;
 @cdr-prominence-elevated-x: 0;
 @cdr-prominence-elevated-y: 0.4rem;
 @cdr-prominence-elevated-blur: 0.4rem;
 @cdr-prominence-elevated-spread: 0;
-@cdr-prominence-elevated-color: rgba(12, 11, 8, 0.2);
+@cdr-prominence-elevated-color: #2e2e2b;
 @cdr-prominence-floating-x: 0;
 @cdr-prominence-floating-y: 0.8rem;
 @cdr-prominence-floating-blur: 0.8rem;
 @cdr-prominence-floating-spread: 0;
-@cdr-prominence-floating-color: rgba(12, 11, 8, 0.2);
+@cdr-prominence-floating-color: #2e2e2b;
 @cdr-prominence-lifted-x: 0;
 @cdr-prominence-lifted-y: 1.6rem;
 @cdr-prominence-lifted-blur: 1.6rem;
 @cdr-prominence-lifted-spread: 0;
-@cdr-prominence-lifted-color: rgba(12, 11, 8, 0.2);
-@cdr-prominence-flat: 0 0 0 0 rgba(12, 11, 8, 0.2);
-@cdr-prominence-raised: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
-@cdr-prominence-elevated: 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2);
-@cdr-prominence-floating: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
-@cdr-prominence-lifted: 0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2);
+@cdr-prominence-lifted-color: #2e2e2b;
+@cdr-prominence-flat: 0 0 0 0 #2e2e2b;
+@cdr-prominence-raised: 0 0.2rem 0.2rem 0 #2e2e2b;
+@cdr-prominence-elevated: 0 0.4rem 0.4rem 0 #2e2e2b;
+@cdr-prominence-floating: 0 0.8rem 0.8rem 0 #2e2e2b;
+@cdr-prominence-lifted: 0 1.6rem 1.6rem 0 #2e2e2b;
 @cdr-radius-sharp: 0;
 @cdr-radius-soft: 0.2rem;
 @cdr-radius-softer: 0.4rem;

diff --git a/dist/docsite/scss/cdr-tokens.scss b/dist/docsite/scss/cdr-tokens.scss
@@ -1651,32 +1651,32 @@ $cdr-prominence-flat-x: 0;
 $cdr-prominence-flat-y: 0;
 $cdr-prominence-flat-blur: 0;
 $cdr-prominence-flat-spread: 0;
-$cdr-prominence-flat-color: rgba(12, 11, 8, 0.2);
+$cdr-prominence-flat-color: #2e2e2b;
 $cdr-prominence-raised-x: 0;
 $cdr-prominence-raised-y: 0.2rem;
 $cdr-prominence-raised-blur: 0.2rem;
 $cdr-prominence-raised-spread: 0;
-$cdr-prominence-raised-color: rgba(12, 11, 8, 0.2);
+$cdr-prominence-raised-color: #2e2e2b;
 $cdr-prominence-elevated-x: 0;
 $cdr-prominence-elevated-y: 0.4rem;
 $cdr-prominence-elevated-blur: 0.4rem;
 $cdr-prominence-elevated-spread: 0;
-$cdr-prominence-elevated-color: rgba(12, 11, 8, 0.2);
+$cdr-prominence-elevated-color: #2e2e2b;
 $cdr-prominence-floating-x: 0;
 $cdr-prominence-floating-y: 0.8rem;
 $cdr-prominence-floating-blur: 0.8rem;
 $cdr-prominence-floating-spread: 0;
-$cdr-prominence-floating-color: rgba(12, 11, 8, 0.2);
+$cdr-prominence-floating-color: #2e2e2b;
 $cdr-prominence-lifted-x: 0;
 $cdr-prominence-lifted-y: 1.6rem;
 $cdr-prominence-lifted-blur: 1.6rem;
 $cdr-prominence-lifted-spread: 0;
-$cdr-prominence-lifted-color: rgba(12, 11, 8, 0.2);
-$cdr-prominence-flat: 0 0 0 0 rgba(12, 11, 8, 0.2);
-$cdr-prominence-raised: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
-$cdr-prominence-elevated: 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2);
-$cdr-prominence-floating: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
-$cdr-prominence-lifted: 0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2);
+$cdr-prominence-lifted-color: #2e2e2b;
+$cdr-prominence-flat: 0 0 0 0 #2e2e2b;
+$cdr-prominence-raised: 0 0.2rem 0.2rem 0 #2e2e2b;
+$cdr-prominence-elevated: 0 0.4rem 0.4rem 0 #2e2e2b;
+$cdr-prominence-floating: 0 0.8rem 0.8rem 0 #2e2e2b;
+$cdr-prominence-lifted: 0 1.6rem 1.6rem 0 #2e2e2b;
 $cdr-radius-sharp: 0;
 $cdr-radius-soft: 0.2rem;
 $cdr-radius-softer: 0.4rem;