Revert "change shadows in js to plain string"

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

Hide file tree

Showing 31 changed files with 276 additions and 405 deletions.
diff --git a/dist/docsite/android/colors.xml b/dist/docsite/android/colors.xml
@@ -279,11 +279,11 @@
   <color name="cdr_color_surface_primary">#ffffffff</color>
   <color name="cdr_color_surface_secondary">#fff7f5f3</color>
   <color name="cdr_color_icon_background_note">#ffc4b03b</color>
-  <color name="cdr_prominence_flat_color">#ff2e2e2b</color>
-  <color name="cdr_prominence_raised_color">#ff2e2e2b</color>
-  <color name="cdr_prominence_elevated_color">#ff2e2e2b</color>
-  <color name="cdr_prominence_floating_color">#ff2e2e2b</color>
-  <color name="cdr_prominence_lifted_color">#ff2e2e2b</color>
+  <color name="cdr_prominence_flat_color">#332e2e2b</color>
+  <color name="cdr_prominence_raised_color">#332e2e2b</color>
+  <color name="cdr_prominence_elevated_color">#332e2e2b</color>
+  <color name="cdr_prominence_floating_color">#332e2e2b</color>
+  <color name="cdr_prominence_lifted_color">#332e2e2b</color>
   <color name="cdr_knockout_background_code_snippet">#ff2e2e2b</color>
   <color name="cdr_knockout_color_text_primary">#fffafbf9</color>
   <color name="cdr_knockout_color_text_secondary">#ffd5cfc3</color>

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: rgba(46, 46, 43, 0.2);
   --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: rgba(46, 46, 43, 0.2);
   --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: rgba(46, 46, 43, 0.2);
   --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: rgba(46, 46, 43, 0.2);
   --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: rgba(46, 46, 43, 0.2);
+  --cdr-prominence-flat: 0 0 0 0 rgba(46, 46, 43, 0.2);
+  --cdr-prominence-raised: 0 0.2rem 0.2rem 0 rgba(46, 46, 43, 0.2);
+  --cdr-prominence-elevated: 0 0.4rem 0.4rem 0 rgba(46, 46, 43, 0.2);
+  --cdr-prominence-floating: 0 0.8rem 0.8rem 0 rgba(46, 46, 43, 0.2);
+  --cdr-prominence-lifted: 0 1.6rem 1.6rem 0 rgba(46, 46, 43, 0.2);
   --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,11 +4075,11 @@
       }
     },
     "flat-color": {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "rgba(46, 46, 43, 0.2)",
       "$type": "color",
       "filePath": "tokens/global/prominence.json5",
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
+        "$value": "{options.color.warm-grey-1000-20}",
         "$type": "color"
       }
     },
@@ -4120,11 +4120,11 @@
       }
     },
     "raised-color": {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "rgba(46, 46, 43, 0.2)",
       "$type": "color",
       "filePath": "tokens/global/prominence.json5",
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
+        "$value": "{options.color.warm-grey-1000-20}",
         "$type": "color"
       }
     },
@@ -4165,11 +4165,11 @@
       }
     },
     "elevated-color": {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "rgba(46, 46, 43, 0.2)",
       "$type": "color",
       "filePath": "tokens/global/prominence.json5",
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
+        "$value": "{options.color.warm-grey-1000-20}",
         "$type": "color"
       }
     },
@@ -4210,11 +4210,11 @@
       }
     },
     "floating-color": {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "rgba(46, 46, 43, 0.2)",
       "$type": "color",
       "filePath": "tokens/global/prominence.json5",
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
+        "$value": "{options.color.warm-grey-1000-20}",
         "$type": "color"
       }
     },
@@ -4255,44 +4255,44 @@
       }
     },
     "lifted-color": {
-      "$value": "rgba(12, 11, 8, 0.2)",
+      "$value": "rgba(46, 46, 43, 0.2)",
       "$type": "color",
       "filePath": "tokens/global/prominence.json5",
       "original": {
-        "$value": "{options.color.warm-grey-1150}",
+        "$value": "{options.color.warm-grey-1000-20}",
         "$type": "color"
       }
     },
     "flat": {
-      "$value": "0 0 0 0 rgba(12, 11, 8, 0.2)",
+      "$value": "0 0 0 0 rgba(46, 46, 43, 0.2)",
       "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 rgba(46, 46, 43, 0.2)",
       "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 rgba(46, 46, 43, 0.2)",
       "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 rgba(46, 46, 43, 0.2)",
       "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 rgba(46, 46, 43, 0.2)",
       "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/ios/CdrColor.m b/dist/docsite/ios/CdrColor.m
@@ -294,11 +294,11 @@ + (NSArray *)values {
 [UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f],
 [UIColor colorWithRed:0.969f green:0.961f blue:0.953f alpha:1.000f],
 [UIColor colorWithRed:0.769f green:0.690f blue:0.231f alpha:1.000f],
-[UIColor colorWithRed:0.180f green:0.180f blue:0.169f alpha:1.000f],
-[UIColor colorWithRed:0.180f green:0.180f blue:0.169f alpha:1.000f],
-[UIColor colorWithRed:0.180f green:0.180f blue:0.169f alpha:1.000f],
-[UIColor colorWithRed:0.180f green:0.180f blue:0.169f alpha:1.000f],
-[UIColor colorWithRed:0.180f green:0.180f blue:0.169f alpha:1.000f],
+[UIColor colorWithRed:0.180f green:0.180f blue:0.169f alpha:0.200f],
+[UIColor colorWithRed:0.180f green:0.180f blue:0.169f alpha:0.200f],
+[UIColor colorWithRed:0.180f green:0.180f blue:0.169f alpha:0.200f],
+[UIColor colorWithRed:0.180f green:0.180f blue:0.169f alpha:0.200f],
+[UIColor colorWithRed:0.180f green:0.180f blue:0.169f alpha:0.200f],
 [UIColor colorWithRed:0.180f green:0.180f blue:0.169f alpha:1.000f],
 [UIColor colorWithRed:0.980f green:0.984f blue:0.976f alpha:1.000f],
 [UIColor colorWithRed:0.835f green:0.812f blue:0.765f alpha:1.000f],

diff --git a/dist/docsite/js/cdr-tokens.cjs b/dist/docsite/js/cdr-tokens.cjs
@@ -297,32 +297,32 @@ module.exports = {
   "CdrProminenceFlatY": "0",
   "CdrProminenceFlatBlur": "0",
   "CdrProminenceFlatSpread": "0",
-  "CdrProminenceFlatColor": "#2e2e2b",
+  "CdrProminenceFlatColor": "rgba(46, 46, 43, 0.2)",
   "CdrProminenceRaisedX": "0",
   "CdrProminenceRaisedY": "2px",
   "CdrProminenceRaisedBlur": "2px",
   "CdrProminenceRaisedSpread": "0",
-  "CdrProminenceRaisedColor": "#2e2e2b",
+  "CdrProminenceRaisedColor": "rgba(46, 46, 43, 0.2)",
   "CdrProminenceElevatedX": "0",
   "CdrProminenceElevatedY": "4px",
   "CdrProminenceElevatedBlur": "4px",
   "CdrProminenceElevatedSpread": "0",
-  "CdrProminenceElevatedColor": "#2e2e2b",
+  "CdrProminenceElevatedColor": "rgba(46, 46, 43, 0.2)",
   "CdrProminenceFloatingX": "0",
   "CdrProminenceFloatingY": "8px",
   "CdrProminenceFloatingBlur": "8px",
   "CdrProminenceFloatingSpread": "0",
-  "CdrProminenceFloatingColor": "#2e2e2b",
+  "CdrProminenceFloatingColor": "rgba(46, 46, 43, 0.2)",
   "CdrProminenceLiftedX": "0",
   "CdrProminenceLiftedY": "16px",
   "CdrProminenceLiftedBlur": "16px",
   "CdrProminenceLiftedSpread": "0",
-  "CdrProminenceLiftedColor": "#2e2e2b",
-  "CdrProminenceFlat": "0 0 0 0 #2e2e2b",
-  "CdrProminenceRaised": "0 2px 2px 0 #2e2e2b",
-  "CdrProminenceElevated": "0 4px 4px 0 #2e2e2b",
-  "CdrProminenceFloating": "0 8px 8px 0 #2e2e2b",
-  "CdrProminenceLifted": "0 16px 16px 0 #2e2e2b",
+  "CdrProminenceLiftedColor": "rgba(46, 46, 43, 0.2)",
+  "CdrProminenceFlat": "0 0 0 0 rgba(46, 46, 43, 0.2)",
+  "CdrProminenceRaised": "0 2px 2px 0 rgba(46, 46, 43, 0.2)",
+  "CdrProminenceElevated": "0 4px 4px 0 rgba(46, 46, 43, 0.2)",
+  "CdrProminenceFloating": "0 8px 8px 0 rgba(46, 46, 43, 0.2)",
+  "CdrProminenceLifted": "0 16px 16px 0 rgba(46, 46, 43, 0.2)",
   "CdrRadiusSharp": "0",
   "CdrRadiusSoft": "2",
   "CdrRadiusSofter": "4",

diff --git a/dist/docsite/js/cdr-tokens.mjs b/dist/docsite/js/cdr-tokens.mjs
@@ -296,32 +296,32 @@ export const CdrProminenceFlatX = "0";
 export const CdrProminenceFlatY = "0";
 export const CdrProminenceFlatBlur = "0";
 export const CdrProminenceFlatSpread = "0";
-export const CdrProminenceFlatColor = "#2e2e2b";
+export const CdrProminenceFlatColor = "rgba(46, 46, 43, 0.2)";
 export const CdrProminenceRaisedX = "0";
 export const CdrProminenceRaisedY = "2px";
 export const CdrProminenceRaisedBlur = "2px";
 export const CdrProminenceRaisedSpread = "0";
-export const CdrProminenceRaisedColor = "#2e2e2b";
+export const CdrProminenceRaisedColor = "rgba(46, 46, 43, 0.2)";
 export const CdrProminenceElevatedX = "0";
 export const CdrProminenceElevatedY = "4px";
 export const CdrProminenceElevatedBlur = "4px";
 export const CdrProminenceElevatedSpread = "0";
-export const CdrProminenceElevatedColor = "#2e2e2b";
+export const CdrProminenceElevatedColor = "rgba(46, 46, 43, 0.2)";
 export const CdrProminenceFloatingX = "0";
 export const CdrProminenceFloatingY = "8px";
 export const CdrProminenceFloatingBlur = "8px";
 export const CdrProminenceFloatingSpread = "0";
-export const CdrProminenceFloatingColor = "#2e2e2b";
+export const CdrProminenceFloatingColor = "rgba(46, 46, 43, 0.2)";
 export const CdrProminenceLiftedX = "0";
 export const CdrProminenceLiftedY = "16px";
 export const CdrProminenceLiftedBlur = "16px";
 export const CdrProminenceLiftedSpread = "0";
-export const CdrProminenceLiftedColor = "#2e2e2b";
-export const CdrProminenceFlat = "0 0 0 0 #2e2e2b";
-export const CdrProminenceRaised = "0 2px 2px 0 #2e2e2b";
-export const CdrProminenceElevated = "0 4px 4px 0 #2e2e2b";
-export const CdrProminenceFloating = "0 8px 8px 0 #2e2e2b";
-export const CdrProminenceLifted = "0 16px 16px 0 #2e2e2b";
+export const CdrProminenceLiftedColor = "rgba(46, 46, 43, 0.2)";
+export const CdrProminenceFlat = "0 0 0 0 rgba(46, 46, 43, 0.2)";
+export const CdrProminenceRaised = "0 2px 2px 0 rgba(46, 46, 43, 0.2)";
+export const CdrProminenceElevated = "0 4px 4px 0 rgba(46, 46, 43, 0.2)";
+export const CdrProminenceFloating = "0 8px 8px 0 rgba(46, 46, 43, 0.2)";
+export const CdrProminenceLifted = "0 16px 16px 0 rgba(46, 46, 43, 0.2)";
 export const CdrRadiusSharp = "0";
 export const CdrRadiusSoft = "2";
 export const CdrRadiusSofter = "4";

diff --git a/dist/docsite/json/android.json b/dist/docsite/json/android.json
@@ -7975,19 +7975,17 @@
       }
     },
     {
-      "$value": "#ff2e2e2b",
+      "$value": "#332e2e2b",
       "$type": "color",
-      "alpha": 0.2,
       "docs": {
         "type": "prominence",
         "category": "prominence"
       },
       "filePath": "tokens/global/prominence.json5",
       "isSource": false,
       "original": {
-        "$value": "{options.color.warm-grey-1000}",
+        "$value": "{options.color.warm-grey-1000-20}",
         "$type": "color",
-        "alpha": 0.2,
         "docs": {
           "type": "prominence",
           "category": "{prominence.docCategory}"
@@ -8087,19 +8085,17 @@
       }
     },
     {
-      "$value": "#ff2e2e2b",
+      "$value": "#332e2e2b",
       "$type": "color",
-      "alpha": 0.2,
       "docs": {
         "type": "prominence",
         "category": "prominence"
       },
       "filePath": "tokens/global/prominence.json5",
       "isSource": false,
       "original": {
-        "$value": "{options.color.warm-grey-1000}",
+        "$value": "{options.color.warm-grey-1000-20}",
         "$type": "color",
-        "alpha": 0.2,
         "docs": {
           "type": "prominence",
           "category": "{prominence.docCategory}"
@@ -8199,19 +8195,17 @@
       }
     },
     {
-      "$value": "#ff2e2e2b",
+      "$value": "#332e2e2b",
       "$type": "color",
-      "alpha": 0.2,
       "docs": {
         "type": "prominence",
         "category": "prominence"
       },
       "filePath": "tokens/global/prominence.json5",
       "isSource": false,
       "original": {
-        "$value": "{options.color.warm-grey-1000}",
+        "$value": "{options.color.warm-grey-1000-20}",
         "$type": "color",
-        "alpha": 0.2,
         "docs": {
           "type": "prominence",
           "category": "{prominence.docCategory}"
@@ -8311,19 +8305,17 @@
       }
     },
     {
-      "$value": "#ff2e2e2b",
+      "$value": "#332e2e2b",
       "$type": "color",
-      "alpha": 0.2,
       "docs": {
         "type": "prominence",
         "category": "prominence"
       },
       "filePath": "tokens/global/prominence.json5",
       "isSource": false,
       "original": {
-        "$value": "{options.color.warm-grey-1000}",
+        "$value": "{options.color.warm-grey-1000-20}",
         "$type": "color",
-        "alpha": 0.2,
         "docs": {
           "type": "prominence",
           "category": "{prominence.docCategory}"
@@ -8423,19 +8415,17 @@
       }
     },
     {
-      "$value": "#ff2e2e2b",
+      "$value": "#332e2e2b",
       "$type": "color",
-      "alpha": 0.2,
       "docs": {
         "type": "prominence",
         "category": "prominence"
       },
       "filePath": "tokens/global/prominence.json5",
       "isSource": false,
       "original": {
-        "$value": "{options.color.warm-grey-1000}",
+        "$value": "{options.color.warm-grey-1000-20}",
         "$type": "color",
-        "alpha": 0.2,
         "docs": {
           "type": "prominence",
           "category": "{prominence.docCategory}"