@aurea-uds/tokens 0.4.0 → 0.6.0

package/dist/aurea.tokens.css

@@ -58,6 +58,8 @@
   --sidebar-rail:4.25rem;
   --topbar-height:4rem;
   --content-max:102.5rem;
+  --breakpoint-2xs:360px;
+  --breakpoint-xs:480px;
   --breakpoint-sm:640px;
   --breakpoint-md:768px;
   --breakpoint-lg:1024px;
@@ -84,9 +86,9 @@
   --success-400:#42d392;
   --success-500:#22c875;
   --success-700:#147a4d;
-  --warning-400:var(--brand-yellow);
-  --warning-500:#d49c00;
-  --warning-800:#6d4d00;
+  --warning-400:oklch(0.72 0.175 60);
+  --warning-500:oklch(0.727 0.149 60);
+  --warning-800:oklch(0.443 0.092 61);
   --danger-400:#ff7180;
   --danger-500:#e94b58;
   --danger-800:#7f2029;
@@ -129,6 +131,8 @@
   --popover-foreground:oklch(0.985 0 0);
   --primary:var(--brand-yellow);
   --primary-foreground:var(--brand-yellow-foreground);
+  --link:var(--brand-yellow);
+  --link-hover:var(--brand-yellow);
   --secondary:oklch(0.274 0.006 286.033);
   --secondary-foreground:oklch(0.985 0 0);
   --muted:oklch(0.269 0 0);
@@ -174,9 +178,19 @@
   --control-selected-foreground:var(--primary-foreground);
   --selection:oklch(0.795 0.184 86.047 / 0.22);
   --success-bg:oklch(0.42 0.11 150 / 0.36);
-  --warning-bg:oklch(0.34 0.08 86 / 0.64);
+  --warning-bg:oklch(0.34 0.08 60 / 0.64);
   --danger-bg:oklch(0.32 0.1 22 / 0.62);
   --info-bg:oklch(0.29 0.08 260 / 0.62);
+  --warning-400:var(--warning);
+  --success:#42d392;
+  --success-foreground:oklch(0.2 0.02 160);
+  --success-hover:oklch(0.83 0.145 160);
+  --info:#8ec5ff;
+  --info-foreground:oklch(0.2 0.02 250);
+  --info-hover:oklch(0.86 0.075 250);
+  --warning:oklch(0.72 0.175 60);
+  --warning-foreground:oklch(0.2 0.02 60);
+  --warning-hover:oklch(0.78 0.16 60);
 }
 [data-theme="light"]{
   --background:oklch(0.965 0 0);
@@ -187,6 +201,8 @@
   --popover-foreground:oklch(0.145 0 0);
   --primary:var(--brand-yellow);
   --primary-foreground:var(--brand-yellow-foreground);
+  --link:oklch(0.52 0.106 86.047);
+  --link-hover:oklch(0.44 0.106 86.047);
   --secondary:oklch(0.94 0 0);
   --secondary-foreground:oklch(0.21 0.006 285.885);
   --muted:var(--secondary);
@@ -205,7 +221,7 @@
   --chart-5:oklch(0.424 0.199 265.638);
   --sidebar:var(--card);
   --sidebar-foreground:oklch(0.145 0 0);
-  --sidebar-primary:var(--brand-yellow);
+  --sidebar-primary:var(--primary-emphasis);
   --sidebar-primary-foreground:var(--brand-yellow-foreground);
   --sidebar-accent:var(--secondary);
   --sidebar-accent-foreground:oklch(0.205 0 0);
@@ -230,17 +246,150 @@
   --primary-outline:var(--brand-yellow-foreground);
   --control-selected:var(--brand-yellow-foreground);
   --control-selected-foreground:oklch(0.985 0 0);
-  --success-400:#0f6b3e;
-  --warning-400:#6d4d00;
+  --success-400:var(--success);
+  --warning-400:var(--warning);
   --danger-400:#9f2330;
-  --info-400:#164f9d;
+  --info-400:var(--info);
   --oracle-300:var(--chart-4);
   --oracle-400:var(--chart-4);
   --selection:oklch(0.795 0.184 86.047 / 0.18);
   --success-bg:oklch(0.94 0.05 150);
-  --warning-bg:oklch(0.95 0.06 86);
+  --warning-bg:oklch(0.95 0.06 61);
   --danger-bg:oklch(0.95 0.05 22);
   --info-bg:oklch(0.95 0.045 260);
+  --success:#0f6b3e;
+  --success-foreground:oklch(0.985 0 0);
+  --success-hover:oklch(0.4 0.1 155);
+  --info:#164f9d;
+  --info-foreground:oklch(0.985 0 0);
+  --info-hover:oklch(0.38 0.13 258);
+  --warning:oklch(0.525 0.131 61);
+  --warning-foreground:oklch(0.985 0 0);
+  --warning-hover:oklch(0.47 0.115 61);
+}
+[data-brand="lory"][data-theme="dark"]{
+  --background:oklch(0.16 0.018 250);
+  --foreground:oklch(0.96 0.006 250);
+  --foreground-strong:oklch(1 0 0);
+  --card:oklch(0.21 0.02 250);
+  --card-foreground:oklch(0.96 0.006 250);
+  --popover:oklch(0.21 0.02 250);
+  --popover-foreground:oklch(0.96 0.006 250);
+  --surface-1:oklch(0.21 0.02 250);
+  --surface-2:oklch(0.245 0.02 250);
+  --surface-3:oklch(0.19 0.02 250);
+  --surface-inset:oklch(0.19 0.02 250);
+  --surface-hover:oklch(0.245 0.02 250);
+  --primary:oklch(0.72 0.19 48);
+  --primary-foreground:oklch(0.16 0.02 250);
+  --primary-hover:oklch(0.78 0.17 50);
+  --primary-active:oklch(0.66 0.19 46);
+  --primary-emphasis:oklch(0.85 0.14 60);
+  --primary-outline:oklch(0.72 0.19 48 / 0.4);
+  --secondary:oklch(0.245 0.02 250);
+  --secondary-foreground:oklch(0.96 0.006 250);
+  --secondary-hover:oklch(0.28 0.02 250);
+  --muted:oklch(0.19 0.02 250);
+  --muted-foreground:oklch(0.72 0.015 250);
+  --subtle-foreground:oklch(0.58 0.016 250);
+  --accent:oklch(0.32 0.08 50);
+  --accent-foreground:oklch(0.85 0.14 60);
+  --destructive:oklch(0.7 0.19 25);
+  --destructive-foreground:oklch(0.16 0.02 250);
+  --border:oklch(1 0 0 / 0.1);
+  --border-strong:oklch(1 0 0 / 0.18);
+  --input:oklch(1 0 0 / 0.1);
+  --field-bg:oklch(0.19 0.02 250);
+  --ring:oklch(0.72 0.19 48);
+  --focus:oklch(0.72 0.19 48);
+  --focus-strong:oklch(0.85 0.14 60);
+  --selection:oklch(0.32 0.08 50);
+  --control-selected:oklch(0.72 0.19 48);
+  --control-selected-foreground:oklch(0.16 0.02 250);
+  --overlay:oklch(0 0 0 / 0.6);
+  --chart-1:oklch(0.74 0.18 50);
+  --chart-2:oklch(0.84 0.14 88);
+  --chart-3:oklch(0.72 0.15 158);
+  --chart-4:oklch(0.7 0.13 235);
+  --chart-5:oklch(0.68 0.16 320);
+  --sidebar:oklch(0.21 0.02 250);
+  --sidebar-foreground:oklch(0.96 0.006 250);
+  --sidebar-primary:oklch(0.72 0.19 48);
+  --sidebar-primary-foreground:oklch(0.16 0.02 250);
+  --sidebar-accent:oklch(0.245 0.02 250);
+  --sidebar-accent-foreground:oklch(0.96 0.006 250);
+  --sidebar-border:oklch(1 0 0 / 0.1);
+  --sidebar-ring:oklch(0.72 0.19 48);
+  --success-400:oklch(0.72 0.15 158);
+  --warning-400:oklch(0.78 0.14 78);
+  --danger-400:oklch(0.722 0.1717 25);
+  --info-400:oklch(0.7 0.13 235);
+  --success-bg:oklch(0.32 0.07 158);
+  --warning-bg:oklch(0.34 0.07 80);
+  --danger-bg:oklch(0.34 0.09 25);
+  --info-bg:oklch(0.32 0.06 235);
+}
+[data-brand="lory"][data-theme="light"]{
+  --background:oklch(0.984 0.004 70);
+  --foreground:oklch(0.24 0.022 250);
+  --foreground-strong:oklch(0.16 0.02 250);
+  --card:oklch(1 0 0);
+  --card-foreground:oklch(0.24 0.022 250);
+  --popover:oklch(1 0 0);
+  --popover-foreground:oklch(0.24 0.022 250);
+  --surface-1:oklch(1 0 0);
+  --surface-2:oklch(0.975 0.004 70);
+  --surface-3:oklch(0.965 0.006 70);
+  --surface-inset:oklch(0.965 0.006 70);
+  --surface-hover:oklch(0.965 0.006 70);
+  --primary:oklch(0.682 0.197 44.5);
+  --primary-foreground:oklch(1 0 0);
+  --primary-hover:oklch(0.63 0.197 44.5);
+  --primary-active:oklch(0.58 0.19 44.5);
+  --primary-emphasis:oklch(0.52 0.17 45);
+  --primary-outline:oklch(0.682 0.197 44.5 / 0.35);
+  --secondary:oklch(0.965 0.006 70);
+  --secondary-foreground:oklch(0.24 0.022 250);
+  --secondary-hover:oklch(0.94 0.006 70);
+  --muted:oklch(0.965 0.006 70);
+  --muted-foreground:oklch(0.52 0.018 255);
+  --subtle-foreground:oklch(0.65 0.014 255);
+  --accent:oklch(0.96 0.04 60);
+  --accent-foreground:oklch(0.52 0.17 45);
+  --destructive:oklch(0.62 0.21 26);
+  --destructive-foreground:oklch(1 0 0);
+  --border:oklch(0.915 0.006 255);
+  --border-strong:oklch(0.86 0.008 255);
+  --input:oklch(0.915 0.006 255);
+  --field-bg:oklch(1 0 0);
+  --ring:oklch(0.682 0.197 44.5);
+  --focus:oklch(0.682 0.197 44.5);
+  --focus-strong:oklch(0.52 0.17 45);
+  --selection:oklch(0.96 0.04 60);
+  --control-selected:oklch(0.682 0.197 44.5);
+  --control-selected-foreground:oklch(1 0 0);
+  --overlay:oklch(0.16 0.018 250 / 0.45);
+  --chart-1:oklch(0.682 0.197 44.5);
+  --chart-2:oklch(0.82 0.15 88);
+  --chart-3:oklch(0.66 0.15 155);
+  --chart-4:oklch(0.62 0.13 235);
+  --chart-5:oklch(0.6 0.16 320);
+  --sidebar:oklch(1 0 0);
+  --sidebar-foreground:oklch(0.24 0.022 250);
+  --sidebar-primary:oklch(0.52 0.17 45);
+  --sidebar-primary-foreground:oklch(1 0 0);
+  --sidebar-accent:oklch(0.975 0.004 70);
+  --sidebar-accent-foreground:oklch(0.24 0.022 250);
+  --sidebar-border:oklch(0.915 0.006 255);
+  --sidebar-ring:oklch(0.682 0.197 44.5);
+  --success-400:oklch(0.52 0.1276 155);
+  --warning-400:oklch(0.532 0.1129 75);
+  --danger-400:oklch(0.542 0.21 26);
+  --info-400:oklch(0.526 0.1106 235);
+  --success-bg:oklch(0.95 0.05 155);
+  --warning-bg:oklch(0.95 0.06 80);
+  --danger-bg:oklch(0.95 0.05 25);
+  --info-bg:oklch(0.95 0.04 235);
 }
 [data-density="compact"]{
   --control-h-xs:1.5rem;

package/dist/aurea.tokens.native.js

@@ -178,19 +178,19 @@ export const base = {
     "oklch": null
   },
   "warning400": {
-    "hex": "#f0b100",
-    "p3": "color(display-p3 0.9037 0.7031 0.0745)",
-    "oklch": "oklch(0.795 0.184 86.047)"
+    "hex": "#f18500",
+    "p3": "color(display-p3 0.8895 0.5417 0.1662)",
+    "oklch": "oklch(0.72 0.175 60)"
   },
   "warning500": {
-    "hex": "#d49c00",
-    "p3": "color(display-p3 0.8314 0.6118 0)",
-    "oklch": null
+    "hex": "#e98d35",
+    "p3": "color(display-p3 0.8653 0.5711 0.2835)",
+    "oklch": "oklch(0.727 0.149 60)"
   },
   "warning800": {
-    "hex": "#6d4d00",
-    "p3": "color(display-p3 0.4274 0.302 0)",
-    "oklch": null
+    "hex": "#774613",
+    "p3": "color(display-p3 0.4406 0.2824 0.121)",
+    "oklch": "oklch(0.443 0.092 61)"
   },
   "danger400": {
     "hex": "#ff7180",
@@ -271,6 +271,8 @@ export const tracking = {
   "trackingWidest": 0.12
 };
 export const breakpoints = {
+  "breakpoint2xs": 360,
+  "breakpointXs": 480,
   "breakpointSm": 640,
   "breakpointMd": 768,
   "breakpointLg": 1024,
@@ -319,6 +321,16 @@ export const themes = {
       "p3": "color(display-p3 0.4225 0.2527 0.0951)",
       "oklch": "oklch(0.421 0.095 57.708)"
     },
+    "link": {
+      "hex": "#f0b100",
+      "p3": "color(display-p3 0.9037 0.7031 0.0745)",
+      "oklch": "oklch(0.795 0.184 86.047)"
+    },
+    "linkHover": {
+      "hex": "#f0b100",
+      "p3": "color(display-p3 0.9037 0.7031 0.0745)",
+      "oklch": "oklch(0.795 0.184 86.047)"
+    },
     "secondary": {
       "hex": "#27272a",
       "p3": "color(display-p3 0.1529 0.1529 0.1647)",
@@ -545,9 +557,9 @@ export const themes = {
       "oklch": "oklch(0.42 0.11 150 / 0.36)"
     },
     "warningBg": {
-      "hex": "#4a3400a3",
-      "p3": "color(display-p3 0.2776 0.2068 0.0011 / 0.64)",
-      "oklch": "oklch(0.34 0.08 86 / 0.64)"
+      "hex": "#552c00a3",
+      "p3": "color(display-p3 0.312 0.1804 0.0425 / 0.64)",
+      "oklch": "oklch(0.34 0.08 60 / 0.64)"
     },
     "dangerBg": {
       "hex": "#5b161a9e",
@@ -559,6 +571,56 @@ export const themes = {
       "p3": "color(display-p3 0.0924 0.1619 0.3121 / 0.62)",
       "oklch": "oklch(0.29 0.08 260 / 0.62)"
     },
+    "warning400": {
+      "hex": "#f18500",
+      "p3": "color(display-p3 0.8895 0.5417 0.1662)",
+      "oklch": "oklch(0.72 0.175 60)"
+    },
+    "success": {
+      "hex": "#42d392",
+      "p3": "color(display-p3 0.2588 0.8275 0.5726)",
+      "oklch": null
+    },
+    "successForeground": {
+      "hex": "#0e1913",
+      "p3": "color(display-p3 0.0638 0.0964 0.0757)",
+      "oklch": "oklch(0.2 0.02 160)"
+    },
+    "successHover": {
+      "hex": "#63e4a6",
+      "p3": "color(display-p3 0.5273 0.8827 0.6709)",
+      "oklch": "oklch(0.83 0.145 160)"
+    },
+    "info": {
+      "hex": "#8ec5ff",
+      "p3": "color(display-p3 0.5569 0.7725 1)",
+      "oklch": null
+    },
+    "infoForeground": {
+      "hex": "#0f171f",
+      "p3": "color(display-p3 0.0653 0.0885 0.1182)",
+      "oklch": "oklch(0.2 0.02 250)"
+    },
+    "infoHover": {
+      "hex": "#acd5ff",
+      "p3": "color(display-p3 0.7073 0.8325 0.9923)",
+      "oklch": "oklch(0.86 0.075 250)"
+    },
+    "warning": {
+      "hex": "#f18500",
+      "p3": "color(display-p3 0.8895 0.5417 0.1662)",
+      "oklch": "oklch(0.72 0.175 60)"
+    },
+    "warningForeground": {
+      "hex": "#1d140d",
+      "p3": "color(display-p3 0.1077 0.0795 0.054)",
+      "oklch": "oklch(0.2 0.02 60)"
+    },
+    "warningHover": {
+      "hex": "#ff9c3b",
+      "p3": "color(display-p3 0.9501 0.6285 0.3141)",
+      "oklch": "oklch(0.78 0.16 60)"
+    },
     "textMuted": {
       "hex": "#a1a1a1",
       "p3": "color(display-p3 0.6302 0.6302 0.6302)",
@@ -631,6 +693,16 @@ export const themes = {
       "p3": "color(display-p3 0.4225 0.2527 0.0951)",
       "oklch": "oklch(0.421 0.095 57.708)"
     },
+    "link": {
+      "hex": "#846301",
+      "p3": "color(display-p3 0.4976 0.3951 0.1201)",
+      "oklch": "oklch(0.52 0.106 86.047)"
+    },
+    "linkHover": {
+      "hex": "#6c4d00",
+      "p3": "color(display-p3 0.4058 0.3056 0)",
+      "oklch": "oklch(0.44 0.106 86.047)"
+    },
     "secondary": {
       "hex": "#ebebeb",
       "p3": "color(display-p3 0.9215 0.9215 0.9215)",
@@ -722,9 +794,9 @@ export const themes = {
       "oklch": "oklch(0.145 0 0)"
     },
     "sidebarPrimary": {
-      "hex": "#f0b100",
-      "p3": "color(display-p3 0.9037 0.7031 0.0745)",
-      "oklch": "oklch(0.795 0.184 86.047)"
+      "hex": "#733e0a",
+      "p3": "color(display-p3 0.4225 0.2527 0.0951)",
+      "oklch": "oklch(0.421 0.095 57.708)"
     },
     "sidebarPrimaryForeground": {
       "hex": "#733e0a",
@@ -852,9 +924,9 @@ export const themes = {
       "oklch": null
     },
     "warning400": {
-      "hex": "#6d4d00",
-      "p3": "color(display-p3 0.4274 0.302 0)",
-      "oklch": null
+      "hex": "#9f5400",
+      "p3": "color(display-p3 0.5836 0.3461 0.0687)",
+      "oklch": "oklch(0.525 0.131 61)"
     },
     "danger400": {
       "hex": "#9f2330",
@@ -887,9 +959,9 @@ export const themes = {
       "oklch": "oklch(0.94 0.05 150)"
     },
     "warningBg": {
-      "hex": "#ffecc1",
-      "p3": "color(display-p3 0.9928 0.9301 0.7768)",
-      "oklch": "oklch(0.95 0.06 86)"
+      "hex": "#ffe6c6",
+      "p3": "color(display-p3 1 0.9081 0.7938)",
+      "oklch": "oklch(0.95 0.06 61)"
     },
     "dangerBg": {
       "hex": "#ffe2df",
@@ -901,6 +973,51 @@ export const themes = {
       "p3": "color(display-p3 0.8812 0.9379 1)",
       "oklch": "oklch(0.95 0.045 260)"
     },
+    "success": {
+      "hex": "#0f6b3e",
+      "p3": "color(display-p3 0.0588 0.4196 0.2431)",
+      "oklch": null
+    },
+    "successForeground": {
+      "hex": "#fafafa",
+      "p3": "color(display-p3 0.9803 0.9803 0.9803)",
+      "oklch": "oklch(0.985 0 0)"
+    },
+    "successHover": {
+      "hex": "#00572e",
+      "p3": "color(display-p3 0.1347 0.3347 0.1971)",
+      "oklch": "oklch(0.4 0.1 155)"
+    },
+    "info": {
+      "hex": "#164f9d",
+      "p3": "color(display-p3 0.0863 0.3098 0.6157)",
+      "oklch": null
+    },
+    "infoForeground": {
+      "hex": "#fafafa",
+      "p3": "color(display-p3 0.9803 0.9803 0.9803)",
+      "oklch": "oklch(0.985 0 0)"
+    },
+    "infoHover": {
+      "hex": "#0a3f86",
+      "p3": "color(display-p3 0.1072 0.2427 0.5055)",
+      "oklch": "oklch(0.38 0.13 258)"
+    },
+    "warning": {
+      "hex": "#9f5400",
+      "p3": "color(display-p3 0.5836 0.3461 0.0687)",
+      "oklch": "oklch(0.525 0.131 61)"
+    },
+    "warningForeground": {
+      "hex": "#fafafa",
+      "p3": "color(display-p3 0.9803 0.9803 0.9803)",
+      "oklch": "oklch(0.985 0 0)"
+    },
+    "warningHover": {
+      "hex": "#884800",
+      "p3": "color(display-p3 0.4986 0.296 0.0656)",
+      "oklch": "oklch(0.47 0.115 61)"
+    },
     "textMuted": {
       "hex": "#505050",
       "p3": "color(display-p3 0.3124 0.3124 0.3124)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurea-uds/tokens",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Design tokens for Aurea UDS: the DTCG source and the CSS custom properties generated from it.",
   "keywords": [
     "aurea",