@aurodesignsystem/design-tokens 5.3.0 → 5.4.0

package/src/primitives/base/{typography.json → font.json}

@@ -2,181 +2,221 @@
   "font": {
     "size": {
       "10": {
-        "value": "0.625rem",
+        "value": "10px",
         "type": "primitive",
-        "comment": "10px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "12": {
-        "value": "0.75rem",
+        "value": "12px",
         "type": "primitive",
-        "comment": "12px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "14": {
-        "value": "0.875rem",
+        "value": "14px",
         "type": "primitive",
-        "comment": "14px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "16": {
-        "value": "1rem",
+        "value": "16px",
         "type": "primitive",
-        "comment": "16px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "18": {
-        "value": "1.125rem",
+        "value": "18px",
         "type": "primitive",
-        "comment": "18px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "20": {
-        "value": "1.25rem",
+        "value": "20px",
         "type": "primitive",
-        "comment": "20px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "22": {
-        "value": "1.375rem",
+        "value": "22px",
         "type": "primitive",
-        "comment": "22px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "24": {
-        "value": "1.5rem",
+        "value": "24px",
         "type": "primitive",
-        "comment": "24px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "26": {
-        "value": "1.625rem",
+        "value": "26px",
         "type": "primitive",
-        "comment": "26px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "28": {
-        "value": "1.75rem",
+        "value": "28px",
         "type": "primitive",
-        "comment": "28px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "32": {
-        "value": "2rem",
+        "value": "32px",
         "type": "primitive",
-        "comment": "32px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "36": {
-        "value": "2.25rem",
+        "value": "36px",
         "type": "primitive",
-        "comment": "36px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "38": {
-        "value": "2.375rem",
+        "value": "38px",
         "type": "primitive",
-        "comment": "38px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "40": {
-        "value": "2.5rem",
+        "value": "40px",
         "type": "primitive",
-        "comment": "40px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "44": {
-        "value": "2.75rem",
+        "value": "44px",
         "type": "primitive",
-        "comment": "44px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "48": {
-        "value": "3rem",
+        "value": "48px",
         "type": "primitive",
-        "comment": "48px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "56": {
-        "value": "3.5rem",
+        "value": "56px",
         "type": "primitive",
-        "comment": "56px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "64": {
-        "value": "4rem",
+        "value": "64px",
         "type": "primitive",
-        "comment": "64px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "72": {
-        "value": "4.5rem",
+        "value": "72px",
         "type": "primitive",
-        "comment": "72px",
         "public": false,
         "default": true,
         "deprecated": false
       },
       "86": {
-        "value": "5.375rem",
+        "value": "86px",
         "type": "primitive",
-        "comment": "86px",
         "public": false,
         "default": true,
         "deprecated": false
       }
     },
-    "weight": {
-      "bold": {
-        "value": "Bold",
+    "lineHeight": {
+      "130": {
+        "value": "130%",
         "type": "primitive",
         "public": false,
         "default": true,
         "deprecated": false
       },
-      "book": {
-        "value": "Book",
+      "100": {
+        "value": "100%",
+        "type": "primitive",
+        "public": false,
+        "default": true,
+        "deprecated": false
+      },
+      "14": {
+        "value": "14px",
+        "type": "primitive",
+        "public": false,
+        "default": true,
+        "deprecated": false
+      },
+      "16": {
+        "value": "16px",
+        "type": "primitive",
+        "public": false,
+        "default": true,
+        "deprecated": false
+      },
+      "20": {
+        "value": "20px",
+        "type": "primitive",
+        "public": false,
+        "default": true,
+        "deprecated": false
+      },
+      "24": {
+        "value": "24px",
+        "type": "primitive",
+        "public": false,
+        "default": true,
+        "deprecated": false
+      }, 
+      "26": {
+        "value": "26px",
+        "type": "primitive",
+        "public": false,
+        "default": true,
+        "deprecated": false
+      }
+    },
+    "letterSpacing": {
+      "xs": {
+        "value": "-.02px",
+        "type": "primitive",
+        "public": false,
+        "default": true,
+        "deprecated": false
+      },
+      "sm": {
+        "value": ".05em",
         "type": "primitive",
         "public": false,
         "default": true,
         "deprecated": false
       },
+      "md": {
+        "value": ".10em",
+        "type": "primitive",
+        "public": false,
+        "default": true,
+        "deprecated": false
+      }
+    },
+    "weight": {
       "light": {
         "value": "Light",
         "type": "primitive",
@@ -184,8 +224,8 @@
         "default": true,
         "deprecated": false
       },
-      "medium": {
-        "value": "Medium",
+      "book": {
+        "value": "Book",
         "type": "primitive",
         "public": false,
         "default": true,
@@ -198,6 +238,20 @@
         "default": true,
         "deprecated": false
       },
+      "condNews": {
+        "value": "Cond News",
+        "type": "primitive",
+        "public": false,
+        "default": true,
+        "deprecated": false
+      },
+      "condMedium": {
+        "value": "Cond Medium",
+        "type": "primitive",
+        "public": false,
+        "default": true,
+        "deprecated": false
+      },
       "semibold": {
         "value": "Semibold",
         "type": "primitive",
@@ -207,4 +261,4 @@
       }
     }
   }
-}
+ }

package/src/primitives/base/transparency.json

@@ -102,6 +102,13 @@
         "deprecated": false
       },
       "10": {
+        "value": "#ffffffe6",
+        "type": "primitive",
+        "public": false,
+        "default": true,
+        "deprecated": false
+      },
+      "15": {
         "value": "#ffffff1a",
         "type": "primitive",
         "public": false,

package/src/primitives/hawaiian/{typography.json → font.json}

@@ -1,21 +1,14 @@
 {
   "font": {
     "family": {
-      "body": {
-        "value": "Slate Pro",
-        "type": "primitive",
-        "public": false,
-        "default": true,
-        "deprecated": false
-      },
-      "display": {
+      "chronicleDisplay": {
         "value": "Chronicle Display",
         "type": "primitive",
         "public": false,
         "default": true,
         "deprecated": false
       },
-      "heading": {
+      "slatePro": {
         "value": "Slate Pro",
         "type": "primitive",
         "public": false,
@@ -24,5 +17,4 @@
       }
     }
   }
- }
- 
+ }

package/src/themes/alaska/advanced/boolean.json

@@ -0,0 +1,136 @@
+{
+  "advanced": {
+    "boolean": {
+      "indicator": {
+        "default": {
+          "value": "{color.white.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean indicator color",
+          "deprecated": false
+        },
+        "inverse": {
+          "value": "{color.status.error.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean indicator inverse color",
+          "deprecated": false
+        }
+      },
+      "isFalse": {
+        "default": {
+          "value": "{color.surface.default.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean false state color",
+          "deprecated": false
+        },
+        "hover": {
+          "value": "{component.state.backgroundHover.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean false hover state color",
+          "deprecated": false
+        },
+        "border": {
+          "value": "{color.border.bold.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean false border color",
+          "deprecated": false
+        },
+        "inverse": {
+          "value": "{color.status.error.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean false inverse state color",
+          "deprecated": false
+        },
+        "inverseHover": {
+          "value": "{color.status.error.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean false inverse hover state color",
+          "deprecated": false
+        },
+        "borderInverse": {
+          "value": "{color.status.error.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean false inverse border color",
+          "deprecated": false
+        }
+      },
+      "isTrue": {
+        "default": {
+          "value": "{color.brand.primary.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean true state color",
+          "deprecated": false
+        },
+        "hover": {
+          "value": "{color.brand.primaryBold.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean true hover state color",
+          "deprecated": false
+        },
+        "inverse": {
+          "value": "{color.status.error.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean true inverse state color",
+          "deprecated": false
+        },
+        "inverseHover": {
+          "value": "{color.status.error.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean true inverse hover state color",
+          "deprecated": false
+        }
+      },
+      "error": {
+        "default": {
+          "value": "{color.status.error.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean error state color",
+          "deprecated": false
+        },
+        "hover": {
+          "value": "{color.status.error.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean error hover state color",
+          "deprecated": false
+        }
+      },
+      "disabled": {
+        "inverse": {
+          "value": "{color.status.error.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Boolean disabled inverse state color",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}

package/src/themes/alaska/{component.json → advanced/button.json}

@@ -1,71 +1,5 @@
 {
-  "component": {
-    "selected": {
-      "hover": {
-        "value": "{color.brand.primaryBold.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Selected hover state color",
-        "deprecated": false
-      }
-    },
-    "focused": {
-      "value": "{color.brand.primary.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Focused component color",
-      "deprecated": false
-    },
-    "inverseFocused": {
-      "value": "{color.white.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Inverse focused component color",
-      "deprecated": false
-    },
-    "background": {
-      "value": "{color.white.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Component background color",
-      "deprecated": false
-    },
-    "backgroundHover": {
-      "value": "{color.gray.100.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Component background hover color",
-      "deprecated": false
-    },
-    "backgroundDisabled": {
-      "value": "{color.gray.200.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Component background disabled color",
-      "deprecated": false
-    },
-    "backgroundMuted": {
-      "value": "{color.gray.50.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Component background muted color",
-      "deprecated": false
-    },
-    "backgroundStrong": {
-      "value": "{color.gray.600.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Component background strong color",
-      "deprecated": false
-    },
+  "advanced": {
     "button": {
       "primary": {
         "text": {
@@ -321,72 +255,6 @@
           "deprecated": false
         }
       }
-    },
-    "boolean": {
-      "indicator": {
-        "value": "{color.white.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean indicator color",
-        "deprecated": false
-      },
-      "isFalse": {
-        "value": "{color.surface.default.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean false state color",
-        "deprecated": false
-      },
-      "isFalseHover": {
-        "value": "{color.gray.100.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean false hover state color",
-        "deprecated": false
-      },
-      "isFalseBorder": {
-        "value": "{color.border.bold.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean false border color",
-        "deprecated": false
-      },
-      "isTrue": {
-        "value": "{color.brand.primary.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean true state color",
-        "deprecated": false
-      },
-      "isTrueHover": {
-        "value": "{color.brand.primaryBold.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean true hover state color",
-        "deprecated": false
-      },
-      "error": {
-        "value": "{color.status.error.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean error state color",
-        "deprecated": false
-      },
-      "errorHover": {
-        "value": "{color.status.error.800.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean error hover state color",
-        "deprecated": false
-      }
     }
   }
 }

package/src/themes/alaska/advanced/hyperlink.json

@@ -0,0 +1,62 @@
+{
+  "advanced": {
+    "hyperlink": {
+      "default": {
+        "value": "{color.brand.primary.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Default hyperlink color",
+        "deprecated": false
+      },
+      "hover": {
+        "value": "{color.brand.primaryBold.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Hyperlink hover state color",
+        "deprecated": false
+      },
+      "active": {
+        "value": "{color.brand.primaryBold.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Hyperlink active state color",
+        "deprecated": false
+      },
+      "visited": {
+        "value": "{color.brand.primaryMuted.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Hyperlink visited state color",
+        "deprecated": false
+      },
+      "disabled": {
+        "value": "{color.gray.400.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Hyperlink disabled state color",
+        "deprecated": false
+      },
+      "inverse": {
+        "value": "{color.white.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Hyperlink inverse color",
+        "deprecated": false
+      },
+      "inverseHover": {
+        "value": "{color.brand.primaryMuted.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Hyperlink inverse hover color",
+        "deprecated": false
+      }
+    }
+  }
+}