ui-foundations 0.4.1 → 0.6.0

package/dist/tokens/css/core-primitives.tokens.css

@@ -1,5 +1,5 @@
 /* Auto-generated design tokens from Figma */
-/* Generated on 2026-04-28T09:23:28.563Z */
+/* Generated on 2026-05-22T09:23:10.621Z */
 
 :root {
   --color-neutral-100: rgb(230 230 230);
@@ -22,6 +22,16 @@
   --color-neutral-alpha-800: rgba(0 0 0 / 0.8);
   --color-neutral-alpha-900: rgba(0 0 0 / 0.9);
   --color-neutral-alpha-000: rgba(0 0 0 / 0);
+  --color-neutral-alpha-inverse-100: rgba(255 255 255 / 0.1);
+  --color-neutral-alpha-inverse-200: rgba(255 255 255 / 0.2);
+  --color-neutral-alpha-inverse-300: rgba(255 255 255 / 0.3);
+  --color-neutral-alpha-inverse-400: rgba(255 255 255 / 0.4);
+  --color-neutral-alpha-inverse-500: rgba(255 255 255 / 0.5);
+  --color-neutral-alpha-inverse-600: rgba(255 255 255 / 0.6);
+  --color-neutral-alpha-inverse-700: rgba(255 255 255 / 0.7);
+  --color-neutral-alpha-inverse-800: rgba(255 255 255 / 0.8);
+  --color-neutral-alpha-inverse-900: rgba(255 255 255 / 0.9);
+  --color-neutral-alpha-inverse-000: rgba(255 255 255 / 0);
   --color-neutral-000: rgb(255 255 255);
   --color-brand-b-purple-200: rgb(222 192 255);
   --color-brand-b-purple-300: rgb(196 143 255);
@@ -84,6 +94,67 @@
   --color-brand-a-sand-700: rgb(80 81 72);
   --color-brand-a-sand-800: rgb(52 52 47);
   --color-brand-a-sand-900: rgb(24 24 22);
+  --color-brand-c-blue-10: rgb(27 17 92);
+  --color-brand-c-blue-20: rgb(7 45 146);
+  --color-brand-c-blue-30: rgb(10 60 194);
+  --color-brand-c-blue-40: rgb(12 75 243);
+  --color-brand-c-blue-50: rgb(53 103 246);
+  --color-brand-c-blue-60: rgb(109 147 248);
+  --color-brand-c-blue-70: rgb(148 176 250);
+  --color-brand-c-blue-80: rgb(182 200 252);
+  --color-brand-c-blue-90: rgb(216 226 253);
+  --color-brand-c-blue-100: rgb(27 17 92);
+  --color-brand-c-coolblue-10: rgb(5 68 97);
+  --color-brand-c-coolblue-20: rgb(7 102 146);
+  --color-brand-c-coolblue-30: rgb(10 136 194);
+  --color-brand-c-coolblue-40: rgb(12 170 243);
+  --color-brand-c-coolblue-50: rgb(56 185 245);
+  --color-brand-c-coolblue-60: rgb(112 203 244);
+  --color-brand-c-coolblue-70: rgb(169 223 248);
+  --color-brand-c-coolblue-80: rgb(198 234 251);
+  --color-brand-c-coolblue-90: rgb(226 244 253);
+  --color-brand-c-coolblue-100: rgb(11 68 97);
+  --color-brand-c-green-10: rgb(5 66 61);
+  --color-brand-c-green-20: rgb(36 111 73);
+  --color-brand-c-green-30: rgb(43 161 104);
+  --color-brand-c-green-40: rgb(48 182 117);
+  --color-brand-c-green-50: rgb(97 196 141);
+  --color-brand-c-green-60: rgb(135 210 166);
+  --color-brand-c-green-70: rgb(169 224 191);
+  --color-brand-c-green-80: rgb(197 228 205);
+  --color-brand-c-green-90: rgb(223 246 235);
+  --color-brand-c-green-100: rgb(239 251 245);
+  --color-brand-c-red-10: rgb(96 6 9);
+  --color-brand-c-red-20: rgb(144 9 14);
+  --color-brand-c-red-30: rgb(192 12 18);
+  --color-brand-c-red-40: rgb(240 15 23);
+  --color-brand-c-red-50: rgb(242 58 65);
+  --color-brand-c-red-60: rgb(246 111 116);
+  --color-brand-c-red-70: rgb(248 150 153);
+  --color-brand-c-red-80: rgb(250 183 185);
+  --color-brand-c-red-90: rgb(253 226 227);
+  --color-brand-c-red-100: rgb(254 236 236);
+  --color-brand-c-orange-10: rgb(102 61 0);
+  --color-brand-c-orange-20: rgb(153 92 0);
+  --color-brand-c-orange-30: rgb(204 122 0);
+  --color-brand-c-orange-40: rgb(255 153 0);
+  --color-brand-c-orange-50: rgb(255 171 46);
+  --color-brand-c-orange-60: rgb(255 194 102);
+  --color-brand-c-orange-70: rgb(255 210 143);
+  --color-brand-c-orange-80: rgb(255 224 178);
+  --color-brand-c-orange-90: rgb(255 239 214);
+  --color-brand-c-orange-100: rgb(255 247 235);
+  --color-brand-c-purple-10: rgb(57 17 92);
+  --color-brand-c-purple-20: rgb(81 7 146);
+  --color-brand-c-purple-30: rgb(108 10 194);
+  --color-brand-c-purple-40: rgb(135 12 243);
+  --color-brand-c-purple-50: rgb(156 53 246);
+  --color-brand-c-purple-60: rgb(183 109 248);
+  --color-brand-c-purple-70: rgb(202 148 250);
+  --color-brand-c-purple-80: rgb(219 182 252);
+  --color-brand-c-purple-90: rgb(236 216 253);
+  --color-brand-c-purple-100: rgb(245 236 254);
+  --color-brand-c-midnight-10: rgb(11 9 45);
   --font-size-md: 1rem;
   --font-size-xs: .75rem;
   --font-size-sm: .875rem;

package/dist/tokens/css/semantics-roles.tokens.css

@@ -1,5 +1,5 @@
 /* Auto-generated design tokens from Figma */
-/* Generated on 2026-04-28T09:23:28.564Z */
+/* Generated on 2026-05-22T09:23:10.624Z */
 
 :root {
   --typography-heading-font-family: var(--brand-font-lead);

package/dist/tokens/css/themes-brands.tokens.brand-a.css

@@ -1,22 +1,22 @@
 /* Auto-generated design tokens from Figma */
-/* Generated on 2026-04-28T09:23:28.565Z */
+/* Generated on 2026-05-22T09:23:10.626Z */
 
 :root[data-brand="a"] {
-  --brand-color-functional-success: var(--color-brand-a-green-600);
-  --brand-color-functional-danger: var(--color-brand-a-red-600);
-  --brand-color-functional-base: var(--color-brand-a-green-700);
-  --brand-color-functional-base-dark: var(--color-brand-a-green-900);
-  --brand-color-primary: var(--color-brand-a-sand-700);
-  --brand-color-accent: var(--color-brand-a-green-400);
-  --brand-color-primary-dark: var(--color-brand-a-sand-900);
-  --brand-color-accent-dark: var(--color-brand-a-green-600);
+  --brand-color-functional-success: var(--color-brand-c-green-30);
+  --brand-color-functional-danger: var(--color-brand-c-red-30);
+  --brand-color-functional-base: var(--color-brand-c-blue-10);
+  --brand-color-functional-base-dark: var(--color-brand-c-midnight-10);
+  --brand-color-primary: var(--color-brand-c-blue-40);
+  --brand-color-accent: var(--color-brand-c-coolblue-60);
+  --brand-color-primary-dark: var(--color-brand-c-blue-10);
+  --brand-color-accent-dark: var(--color-brand-c-coolblue-10);
   --brand-color-subtle: var(--color-neutral-500);
   --brand-color-subtle-dark: var(--color-neutral-800);
   --brand-color-subtle-light: var(--color-neutral-200);
   --brand-font-base: var(--font-family-sans);
   --brand-font-lead: var(--font-family-serif);
-  --brand-corner-button: var(--size-radius-700);
-  --brand-corner-card: var(--size-radius-200);
+  --brand-corner-button: var(--size-radius-full);
+  --brand-corner-card: var(--size-radius-300);
   --brand-corner-modal: var(--size-radius-400);
   --brand-corner-input: var(--size-radius-200);
 }

package/dist/tokens/css/themes-brands.tokens.brand-b.css

@@ -1,5 +1,5 @@
 /* Auto-generated design tokens from Figma */
-/* Generated on 2026-04-28T09:23:28.567Z */
+/* Generated on 2026-05-22T09:23:10.628Z */
 
 :root[data-brand="b"] {
   --brand-color-functional-success: var(--color-brand-b-green-600);

package/dist/tokens/css/themes-brands.tokens.brand-c.css

@@ -0,0 +1,22 @@
+/* Auto-generated design tokens from Figma */
+/* Generated on 2026-05-22T09:23:10.629Z */
+
+:root[data-brand="c"] {
+  --brand-color-functional-success: var(--color-brand-a-green-600);
+  --brand-color-functional-danger: var(--color-brand-a-red-600);
+  --brand-color-functional-base: var(--color-brand-a-green-700);
+  --brand-color-functional-base-dark: var(--color-brand-a-green-900);
+  --brand-color-primary: var(--color-brand-a-sand-700);
+  --brand-color-accent: var(--color-brand-a-green-400);
+  --brand-color-primary-dark: var(--color-brand-a-sand-900);
+  --brand-color-accent-dark: var(--color-brand-a-green-600);
+  --brand-color-subtle: var(--color-neutral-500);
+  --brand-color-subtle-dark: var(--color-neutral-800);
+  --brand-color-subtle-light: var(--color-neutral-200);
+  --brand-font-base: var(--font-family-sans);
+  --brand-font-lead: var(--font-family-serif);
+  --brand-corner-button: var(--size-radius-700);
+  --brand-corner-card: var(--size-radius-200);
+  --brand-corner-modal: var(--size-radius-400);
+  --brand-corner-input: var(--size-radius-200);
+}