Component tokens update (#41)

linode · Jun 5, 2024 · 99fa01f · 99fa01f
1 parent a61aeaf
commit 99fa01f
Show file tree

Hide file tree

Showing 10 changed files with 149 additions and 87 deletions.
diff --git a/tokens/$metadata.json b/tokens/$metadata.json
@@ -47,6 +47,7 @@
     "components/search/search",
     "components/sideNavigation/sideNavigation",
     "components/select/select",
+    "components/select/linkSelect",
     "components/sidePanel/sidePanel",
     "components/stepper/stepper",
     "components/switch/switch",

diff --git a/tokens/$themes.json b/tokens/$themes.json
diff --git a/tokens/components/calendar/calendar.json b/tokens/components/calendar/calendar.json
@@ -9,14 +9,20 @@
         "value": "{alias.border.normal}",
         "type": "color"
       },
-      "text": {
-        "value": "{alias.content.text.primary.default}",
-        "type": "color"
-      },
       "icon": {
         "value": "{alias.content.icon.primary.default}",
         "type": "color"
       },
+      "text": {
+        "default": {
+          "value": "{alias.content.text.primary.default}",
+          "type": "color"
+        },
+        "disabled": {
+          "value": "{alias.content.text.primary.disabled}",
+          "type": "color"
+        }
+      },
       "selectedItem": {
         "text": {
           "value": "{alias.content.text.base}",

diff --git a/tokens/components/groupSelect/groupSelect.json b/tokens/components/groupSelect/groupSelect.json
@@ -24,7 +24,7 @@
             "type": "color"
           },
           "infoIcon": {
-            "value": "{alias.content.icon.primary.default}",
+            "value": "{alias.content.icon.secondary.default}",
             "type": "color"
           }
         },
@@ -50,7 +50,7 @@
             "type": "color"
           },
           "infoIcon": {
-            "value": "{alias.content.icon.primary.default}",
+            "value": "{alias.content.icon.secondary.default}",
             "type": "color"
           }
         },
@@ -76,7 +76,7 @@
             "type": "color"
           },
           "infoIcon": {
-            "value": "{alias.content.icon.primary.default}",
+            "value": "{alias.content.icon.secondary.default}",
             "type": "color"
           }
         },
@@ -102,7 +102,7 @@
             "type": "color"
           },
           "infoIcon": {
-            "value": "{alias.content.icon.primary.default}",
+            "value": "{alias.content.icon.secondary.default}",
             "type": "color"
           }
         },
@@ -120,7 +120,7 @@
             "type": "color"
           },
           "infoIcon": {
-            "value": "{alias.content.icon.primary.default}",
+            "value": "{alias.content.icon.secondary.default}",
             "type": "color"
           }
         },
@@ -146,7 +146,7 @@
             "type": "color"
           },
           "infoIcon": {
-            "value": "{alias.content.icon.primary.default}",
+            "value": "{alias.content.icon.secondary.default}",
             "type": "color"
           }
         },
@@ -172,7 +172,7 @@
             "type": "color"
           },
           "infoIcon": {
-            "value": "{alias.content.icon.primary.default}",
+            "value": "{alias.content.icon.secondary.default}",
             "type": "color"
           }
         }

diff --git a/tokens/components/label/label.json b/tokens/components/label/label.json
@@ -8,6 +8,10 @@
       "icon": {
         "value": "{alias.content.icon.primary.default}",
         "type": "color"
+      },
+      "infoIcon": {
+        "value": "{alias.content.icon.secondary.default}",
+        "type": "color"
       }
     }
   }

diff --git a/tokens/components/select/linkSelect.json b/tokens/components/select/linkSelect.json
@@ -0,0 +1,62 @@
+{
+  "component": {
+    "linkSelect": {
+      "default": {
+        "text": {
+          "value": "{alias.content.text.link.default}",
+          "type": "color"
+        },
+        "icon": {
+          "value": "{alias.content.icon.primary.default}",
+          "type": "color"
+        }
+      },
+      "hover": {
+        "text": {
+          "value": "{alias.content.text.link.hover}",
+          "type": "color"
+        },
+        "icon": {
+          "value": "{alias.content.icon.primary.hover}",
+          "type": "color"
+        }
+      },
+      "filled": {
+        "text": {
+          "value": "{alias.content.text.link.default}",
+          "type": "color"
+        },
+        "icon": {
+          "value": "{alias.content.icon.primary.default}",
+          "type": "color"
+        }
+      },
+      "disabled": {
+        "text": {
+          "value": "{alias.content.text.primary.disabled}",
+          "type": "color"
+        },
+        "icon": {
+          "value": "{alias.content.icon.primary.disabled}",
+          "type": "color"
+        }
+      },
+      "focus": {
+        "text": {
+          "value": "{alias.content.text.link.default}",
+          "type": "color"
+        },
+        "icon": {
+          "value": "{alias.content.icon.primary.default}",
+          "type": "color"
+        }
+      },
+      "readOnly": {
+        "text": {
+          "value": "{alias.content.text.primary.default}",
+          "type": "color"
+        }
+      }
+    }
+  }
+}
diff --git a/tokens/components/select/select.json b/tokens/components/select/select.json
@@ -23,7 +23,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         }
       },
@@ -49,7 +49,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         }
       },
@@ -75,7 +75,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         }
       },
@@ -101,7 +101,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         }
       },
@@ -127,7 +127,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         }
       },
@@ -153,7 +153,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         }
       },
@@ -179,7 +179,17 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
+          "type": "color"
+        }
+      },
+      "readOnly": {
+        "background": {
+          "value": "{alias.interaction.background.primary}",
+          "type": "color"
+        },
+        "text": {
+          "value": "{alias.content.text.primary.default}",
           "type": "color"
         }
       }

diff --git a/tokens/components/tabs/tabs.json b/tokens/components/tabs/tabs.json
@@ -6,6 +6,10 @@
           "value": "{alias.content.text.primary.default}",
           "type": "color"
         },
+        "icon": {
+          "value": "{alias.content.icon.primary.default}",
+          "type": "color"
+        },
         "border": {
           "value": "{alias.interaction.border.disabled}",
           "type": "color"
@@ -16,6 +20,10 @@
           "value": "{alias.content.text.link.hover}",
           "type": "color"
         },
+        "icon": {
+          "value": "{alias.content.icon.primary.hover}",
+          "type": "color"
+        },
         "border": {
           "value": "{alias.interaction.border.disabled}",
           "type": "color"
@@ -26,6 +34,10 @@
           "value": "{alias.content.text.link.default}",
           "type": "color"
         },
+        "icon": {
+          "value": "{alias.content.icon.primary.active}",
+          "type": "color"
+        },
         "border": {
           "value": "{alias.interaction.border.focus}",
           "type": "color"
@@ -36,6 +48,10 @@
           "value": "{alias.content.text.primary.disabled}",
           "type": "color"
         },
+        "icon": {
+          "value": "{alias.content.icon.primary.disabled}",
+          "type": "color"
+        },
         "border": {
           "value": "{alias.interaction.border.disabled}",
           "type": "color"

diff --git a/tokens/components/textArea/textArea.json b/tokens/components/textArea/textArea.json
@@ -15,7 +15,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         }
       },
@@ -37,7 +37,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         }
       },
@@ -63,7 +63,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         }
       },
@@ -85,7 +85,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         }
       },
@@ -107,7 +107,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         },
         "icon": {
@@ -143,7 +143,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         }
       },
@@ -165,7 +165,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         },
         "icon": {
@@ -197,7 +197,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         },
         "icon": {
@@ -233,7 +233,7 @@
           "type": "color"
         },
         "infoIcon": {
-          "value": "{alias.content.icon.primary.default}",
+          "value": "{alias.content.icon.secondary.default}",
           "type": "color"
         },
         "icon": {