fix Microsoft fluent semanticColors aliases

Author: drwpow

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.1.2
+
+- Microsoft Fluent: fix `semanticColors.cardShadow` and `semanticColors.cardShadowHovered`
+
 ## 1.1.1
 
 - Microsoft Fluent: fix bad elevation shadow values

microsoft-fluent/theme-default.tokens.json

@@ -1043,69 +1043,11 @@
     },
     "cardShadow": {
       "$type": "shadow",
-      "$value": [
-        {
-          "color": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0,
-              0
-            ],
-            "alpha": 1,
-            "hex": "#000"
-          },
-          "offsetX": {
-            "value": 0,
-            "unit": "px"
-          },
-          "offsetY": {
-            "value": 0,
-            "unit": "px"
-          },
-          "blur": {
-            "value": 0,
-            "unit": "px"
-          },
-          "spread": {
-            "value": 0,
-            "unit": "px"
-          }
-        }
-      ]
+      "$value": "{effects.elevation4}"
     },
     "cardShadowHovered": {
       "$type": "shadow",
-      "$value": [
-        {
-          "color": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0,
-              0
-            ],
-            "alpha": 1,
-            "hex": "#000"
-          },
-          "offsetX": {
-            "value": 0,
-            "unit": "px"
-          },
-          "offsetY": {
-            "value": 0,
-            "unit": "px"
-          },
-          "blur": {
-            "value": 0,
-            "unit": "px"
-          },
-          "spread": {
-            "value": 0,
-            "unit": "px"
-          }
-        }
-      ]
+      "$value": "{effects.elevation8}"
     },
     "primaryButtonBorder": {
       "$type": "color",

microsoft-fluent/theme-inverted.tokens.json

@@ -1043,69 +1043,11 @@
     },
     "cardShadow": {
       "$type": "shadow",
-      "$value": [
-        {
-          "color": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0,
-              0
-            ],
-            "alpha": 1,
-            "hex": "#000"
-          },
-          "offsetX": {
-            "value": 0,
-            "unit": "px"
-          },
-          "offsetY": {
-            "value": 0,
-            "unit": "px"
-          },
-          "blur": {
-            "value": 0,
-            "unit": "px"
-          },
-          "spread": {
-            "value": 0,
-            "unit": "px"
-          }
-        }
-      ]
+      "$value": "{effects.elevation4}"
     },
     "cardShadowHovered": {
       "$type": "shadow",
-      "$value": [
-        {
-          "color": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0,
-              0
-            ],
-            "alpha": 1,
-            "hex": "#000"
-          },
-          "offsetX": {
-            "value": 0,
-            "unit": "px"
-          },
-          "offsetY": {
-            "value": 0,
-            "unit": "px"
-          },
-          "blur": {
-            "value": 0,
-            "unit": "px"
-          },
-          "spread": {
-            "value": 0,
-            "unit": "px"
-          }
-        }
-      ]
+      "$value":"{effects.elevation8}"
     },
     "primaryButtonBorder": {
       "$type": "color",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtcg-examples",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Open source design systems, expressed as DTCG JSON",
   "keywords": [
     "carbon",