From 43d2d8f21cdf969dba158441ad5415d1eafd1ffe Mon Sep 17 00:00:00 2001
From: taysea <taylor.seamans@yahoo.com>
Date: Mon, 28 Oct 2024 15:21:01 -0700
Subject: [PATCH] Sync tokens from Figma

---
 .../tokens/component/component.default.json   | 244 +++++++++++++++---
 1 file changed, 206 insertions(+), 38 deletions(-)

diff --git a/design-tokens/tokens/component/component.default.json b/design-tokens/tokens/component/component.default.json
index bbcf78816..6d4d2a2b4 100644
--- a/design-tokens/tokens/component/component.default.json
+++ b/design-tokens/tokens/component/component.default.json
@@ -540,7 +540,7 @@
       "enabled": {
         "background": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -552,7 +552,7 @@
         },
         "borderColor": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -739,7 +739,7 @@
           },
           "borderColor": {
             "$type": "color",
-            "$value": "#00000000",
+            "$value": "{color.transparent}",
             "$description": "",
             "$extensions": {
               "com.figma": {
@@ -5333,7 +5333,7 @@
       "enabled": {
         "background": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -5345,7 +5345,7 @@
         },
         "borderColor": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -5407,7 +5407,7 @@
         },
         "borderColor": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -5457,7 +5457,7 @@
       "disabled": {
         "background": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -5469,7 +5469,7 @@
         },
         "borderColor": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -5757,7 +5757,7 @@
       "enabled": {
         "background": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -5769,7 +5769,7 @@
         },
         "borderColor": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -5819,7 +5819,7 @@
         },
         "borderColor": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -5869,7 +5869,7 @@
         },
         "borderColor": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -5920,7 +5920,7 @@
           },
           "borderColor": {
             "$type": "color",
-            "$value": "#00000000",
+            "$value": "{color.transparent}",
             "$description": "",
             "$extensions": {
               "com.figma": {
@@ -7098,9 +7098,21 @@
           }
         }
       },
+      "iconColor": {
+        "$type": "color",
+        "$value": "{color.icon.default}",
+        "$description": "",
+        "$extensions": {
+          "com.figma": {
+            "hiddenFromPublishing": false,
+            "scopes": ["TEXT_FILL"],
+            "codeSyntax": {}
+          }
+        }
+      },
       "borderColor": {
         "$type": "color",
-        "$value": "#00000000",
+        "$value": "{color.transparent}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -7112,7 +7124,7 @@
       },
       "background": {
         "$type": "color",
-        "$value": "#00000000",
+        "$value": "{color.transparent}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -7136,6 +7148,18 @@
           }
         }
       },
+      "iconColor": {
+        "$type": "color",
+        "$value": "{dataCell.enabled.iconColor}",
+        "$description": "",
+        "$extensions": {
+          "com.figma": {
+            "hiddenFromPublishing": false,
+            "scopes": ["TEXT_FILL"],
+            "codeSyntax": {}
+          }
+        }
+      },
       "borderColor": {
         "$type": "color",
         "$value": "{dataCell.enabled.borderColor}",
@@ -7150,7 +7174,7 @@
       },
       "background": {
         "$type": "color",
-        "$value": "#00000000",
+        "$value": "{color.transparent}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -7164,7 +7188,19 @@
     "disabled": {
       "textColor": {
         "$type": "color",
-        "$value": "{dataCell.enabled.textColor}",
+        "$value": "{color.text.disabled}",
+        "$description": "",
+        "$extensions": {
+          "com.figma": {
+            "hiddenFromPublishing": false,
+            "scopes": ["TEXT_FILL"],
+            "codeSyntax": {}
+          }
+        }
+      },
+      "iconColor": {
+        "$type": "color",
+        "$value": "{color.icon.disabled}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -7212,6 +7248,18 @@
           }
         }
       },
+      "iconColor": {
+        "$type": "color",
+        "$value": "{dataCell.enabled.iconColor}",
+        "$description": "",
+        "$extensions": {
+          "com.figma": {
+            "hiddenFromPublishing": false,
+            "scopes": ["TEXT_FILL"],
+            "codeSyntax": {}
+          }
+        }
+      },
       "borderColor": {
         "$type": "color",
         "$value": "{dataCell.enabled.borderColor}",
@@ -7347,6 +7395,18 @@
             }
           }
         },
+        "iconColor": {
+          "$type": "color",
+          "$value": "{color.text.strong}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["TEXT_FILL"],
+              "codeSyntax": {}
+            }
+          }
+        },
         "borderColor": {
           "$type": "color",
           "$value": "{dataCell.enabled.borderColor}",
@@ -7375,7 +7435,19 @@
       "hover": {
         "textColor": {
           "$type": "color",
-          "$value": "{dataCell.hover.textColor}",
+          "$value": "{dataCell.primary.enabled.textColor}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["TEXT_FILL"],
+              "codeSyntax": {}
+            }
+          }
+        },
+        "iconColor": {
+          "$type": "color",
+          "$value": "{dataCell.primary.enabled.iconColor}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -7423,6 +7495,18 @@
             }
           }
         },
+        "iconColor": {
+          "$type": "color",
+          "$value": "{dataCell.disabled.iconColor}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["TEXT_FILL"],
+              "codeSyntax": {}
+            }
+          }
+        },
         "borderColor": {
           "$type": "color",
           "$value": "{dataCell.disabled.borderColor}",
@@ -7451,7 +7535,19 @@
       "pinned": {
         "textColor": {
           "$type": "color",
-          "$value": "{dataCell.pinned.textColor}",
+          "$value": "{dataCell.primary.enabled.textColor}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["TEXT_FILL"],
+              "codeSyntax": {}
+            }
+          }
+        },
+        "iconColor": {
+          "$type": "color",
+          "$value": "{dataCell.primary.enabled.iconColor}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -7586,6 +7682,18 @@
           }
         }
       },
+      "iconColor": {
+        "$type": "color",
+        "$value": "{color.icon.strong}",
+        "$description": "",
+        "$extensions": {
+          "com.figma": {
+            "hiddenFromPublishing": false,
+            "scopes": ["TEXT_FILL"],
+            "codeSyntax": {}
+          }
+        }
+      },
       "borderColor": {
         "$type": "color",
         "$value": "{color.border.default}",
@@ -7600,7 +7708,7 @@
       },
       "background": {
         "$type": "color",
-        "$value": "#00000000",
+        "$value": "{color.transparent}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -7614,7 +7722,19 @@
     "hover": {
       "textColor": {
         "$type": "color",
-        "$value": "{dataCell.hover.textColor}",
+        "$value": "{headerCell.enabled.textColor}",
+        "$description": "",
+        "$extensions": {
+          "com.figma": {
+            "hiddenFromPublishing": false,
+            "scopes": ["TEXT_FILL"],
+            "codeSyntax": {}
+          }
+        }
+      },
+      "iconColor": {
+        "$type": "color",
+        "$value": "{headerCell.enabled.iconColor}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -7626,7 +7746,7 @@
       },
       "borderColor": {
         "$type": "color",
-        "$value": "{dataCell.hover.borderColor}",
+        "$value": "{headerCell.enabled.borderColor}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -7652,7 +7772,19 @@
     "pinned": {
       "textColor": {
         "$type": "color",
-        "$value": "{dataCell.hover.textColor}",
+        "$value": "{dataCell.enabled.textColor}",
+        "$description": "",
+        "$extensions": {
+          "com.figma": {
+            "hiddenFromPublishing": false,
+            "scopes": ["TEXT_FILL"],
+            "codeSyntax": {}
+          }
+        }
+      },
+      "iconColor": {
+        "$type": "color",
+        "$value": "{dataCell.enabled.iconColor}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -7676,7 +7808,7 @@
       },
       "background": {
         "$type": "color",
-        "$value": "#00000000",
+        "$value": "{color.transparent}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -8311,7 +8443,7 @@
           "enabled": {
             "background": {
               "$type": "color",
-              "$value": "#00000000",
+              "$value": "{color.transparent}",
               "$description": "",
               "$extensions": {
                 "com.figma": {
@@ -8350,7 +8482,7 @@
               },
               "borderColor": {
                 "$type": "color",
-                "$value": "#00000000",
+                "$value": "{color.transparent}",
                 "$description": "",
                 "$extensions": {
                   "com.figma": {
@@ -8377,7 +8509,7 @@
             },
             "borderColor": {
               "$type": "color",
-              "$value": "#00000000",
+              "$value": "{color.transparent}",
               "$description": "",
               "$extensions": {
                 "com.figma": {
@@ -8391,7 +8523,7 @@
           "readOnly": {
             "background": {
               "$type": "color",
-              "$value": "#00000000",
+              "$value": "{color.transparent}",
               "$description": "",
               "$extensions": {
                 "com.figma": {
@@ -8403,7 +8535,7 @@
             },
             "borderColor": {
               "$type": "color",
-              "$value": "#00000000",
+              "$value": "{color.transparent}",
               "$description": "",
               "$extensions": {
                 "com.figma": {
@@ -8417,7 +8549,7 @@
           "disabled": {
             "background": {
               "$type": "color",
-              "$value": "#00000000",
+              "$value": "{color.transparent}",
               "$description": "",
               "$extensions": {
                 "com.figma": {
@@ -8429,7 +8561,7 @@
             },
             "borderColor": {
               "$type": "color",
-              "$value": "#00000000",
+              "$value": "{color.transparent}",
               "$description": "",
               "$extensions": {
                 "com.figma": {
@@ -9336,6 +9468,18 @@
           }
         }
       },
+      "iconColor": {
+        "$type": "color",
+        "$value": "{dataCell.enabled.iconColor}",
+        "$description": "",
+        "$extensions": {
+          "com.figma": {
+            "hiddenFromPublishing": false,
+            "scopes": ["TEXT_FILL"],
+            "codeSyntax": {}
+          }
+        }
+      },
       "borderColor": {
         "$type": "color",
         "$value": "{color.border.default}",
@@ -9350,7 +9494,7 @@
       },
       "background": {
         "$type": "color",
-        "$value": "#00000000",
+        "$value": "{color.transparent}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -9374,6 +9518,18 @@
           }
         }
       },
+      "iconColor": {
+        "$type": "color",
+        "$value": "{dataCell.hover.iconColor}",
+        "$description": "",
+        "$extensions": {
+          "com.figma": {
+            "hiddenFromPublishing": false,
+            "scopes": ["TEXT_FILL"],
+            "codeSyntax": {}
+          }
+        }
+      },
       "borderColor": {
         "$type": "color",
         "$value": "{dataCell.hover.borderColor}",
@@ -9388,7 +9544,7 @@
       },
       "background": {
         "$type": "color",
-        "$value": "#00000000",
+        "$value": "{color.transparent}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -9402,7 +9558,19 @@
     "pinned": {
       "textColor": {
         "$type": "color",
-        "$value": "{dataCell.hover.textColor}",
+        "$value": "{dataCell.enabled.iconColor}",
+        "$description": "",
+        "$extensions": {
+          "com.figma": {
+            "hiddenFromPublishing": false,
+            "scopes": ["TEXT_FILL"],
+            "codeSyntax": {}
+          }
+        }
+      },
+      "iconColor": {
+        "$type": "color",
+        "$value": "{dataCell.enabled.iconColor}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -9426,7 +9594,7 @@
       },
       "background": {
         "$type": "color",
-        "$value": "#00000000",
+        "$value": "{color.transparent}",
         "$description": "",
         "$extensions": {
           "com.figma": {
@@ -9443,7 +9611,7 @@
       "enabled": {
         "background": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -9469,7 +9637,7 @@
       "hover": {
         "background": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -9495,7 +9663,7 @@
       "focus": {
         "background": {
           "$type": "color",
-          "$value": "#00000000",
+          "$value": "{color.transparent}",
           "$description": "",
           "$extensions": {
             "com.figma": {