@economic/taco 11.0.1-react-v19.0 → 12.0.0-react-19-18-compat.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "11.0.1-react-v19.0",
+    "version": "12.0.0-react-19-18-compat.0",
     "license": "MIT",
     "type": "module",
     "main": "./dist/index.cjs",
@@ -46,7 +46,7 @@
         "@dnd-kit/modifiers": "^9.0.0",
         "@dnd-kit/sortable": "^10.0.0",
         "@dnd-kit/utilities": "^3.2.2",
-        "@economic/taco-tokens": "^3.0.1",
+        "@economic/taco-tokens": "3.0.2-react-19-18-compat.0",
         "@radix-ui/react-scroll-area": "1.2.10",
         "@react-aria/focus": "^3.19.0",
         "@react-aria/interactions": "^3.12.0",
@@ -68,12 +68,12 @@
         "tailwindcss": ">=3.4.19"
     },
     "devDependencies": {
-        "@economic/taco-rules": "1.0.2-react-v19.0",
+        "@economic/taco-rules": "1.0.2-react-19-18-compat.0",
         "@oxlint/plugins": "^1.75.0",
         "@svgr/cli": "^8.1.0",
         "@testing-library/jest-dom": "^6.9.1",
         "@testing-library/react": "^16.3.2",
-        "@testing-library/user-event": "^14.6.3",
+        "@testing-library/user-event": "^14.6.4",
         "@types/lodash": "^4.17.25",
         "@types/node": "^22.20.1",
         "@types/react": "19.2.18",
@@ -81,13 +81,13 @@
         "clsx": "^2.1.1",
         "fast-sort": "^2.2.0",
         "jsdom": "^29.1.1",
-        "nanoid": "^6.0.0",
+        "nanoid": "^6.0.1",
         "resize-observer-polyfill": "^1.5.1",
         "rimraf": "^6.1.3",
         "stylelint": "^17.14.1",
         "svgo": "^4.0.2",
         "tailwindcss": "^3.4.19",
-        "typescript": "^5.9.3",
+        "typescript": "^6.0.3",
         "vite": "^7.3.6",
         "vite-plugin-dts": "^5.0.3",
         "vite-plugin-externalize-deps": "^0.10.0",
@@ -96,5 +96,5 @@
     "optionalDependencies": {
         "@rollup/rollup-linux-x64-gnu": "^4.62.4"
     },
-    "gitHead": "e724b07c465b2e2c62ec461ff7f3266a34d1680c"
+    "gitHead": "e9c357c8f43347a68c76f6b7dd0845936d0b552d"
 }

package/tailwind.colors.js

@@ -2,38 +2,17 @@
  * Taco Tailwind color theme.
  *
  * Structure:
- *  1. Legacy constants   — colors not (yet) in the token pipeline.
- *  2. Semantic constants — non-token UI colors (overlay blends, etc.).
- *  3. Token maps         — rename taco-tokens keys to Tailwind family/shade tuples.
- *  4. palette            — assembled from all token maps; mutated to add DEFAULT shades.
- *  5. THEME_COLORS       — the final export consumed by tailwind.config.js.
+ *  1. Semantic constants — non-token UI colors (overlay blends, etc.).
+ *  2. Token maps         — rename taco-tokens keys to Tailwind family/shade tuples.
+ *  3. Palette            — assembled from all token maps; mutated to add DEFAULT shades.
+ *  4. THEME_COLORS       — the final export consumed by tailwind.config.js.
  *
  * To add a new token-backed color family: add rows to the relevant *_MAP and a
  * `palette.<family>` entry in THEME_COLORS. Do NOT edit taco-tokens — it is generated.
  */
 import { primaryColors, secondaryColors, tertiaryColors, neutralColors, brandColors } from '@economic/taco-tokens/tokens';
 
-// ─── 1. Legacy constants ──────────────────────────────────────────────────────
-
-// Not generated in tokens: TODO: Map and remove post color palette update
-const LEGACY_BROWN = {
-    100: '#EEE0DA', // Used in Badge component
-    300: '#C4AB9E', // Client: Used in paymentcards
-    500: '#93715D', // Client: Used in paymentcards, invoicing dashboard
-    700: '#73503B', // Client: Used in paymentcards, invoicing dashboard
-    900: '#45291F', // Used in Badge component
-};
-
-// Not generated in tokens: TODO: Map and remove post color palette update */
-const LEGACY_ORANGE = {
-    100: '#FFE3BB', // Used in Badge component
-    300: '#FAB64D', // Client: Used in paymentcards, workflows
-    500: '#F99702', // Client: Used in Avatar component
-    700: '#EF7D00', // Client: Used in paymentcards
-    900: '#4A2811', // Used in Badge component
-};
-
-// ─── 2. Semantic constants ────────────────────────────────────────────────────
+// ─── 1. Semantic constants ────────────────────────────────────────────────────
 
 /** Not in tokens: 7% tacoNeutralBlack over transparent → `bg-black-subtle`. */
 const BLACK_SUBTLE_ALPHA = 7;
@@ -43,7 +22,7 @@ const BLACK_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralBlack} ${BL
 const WHITE_SUBTLE_ALPHA = 8;
 const WHITE_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralWhite} ${WHITE_SUBTLE_ALPHA}%, transparent)`;
 
-// ─── 3. Token maps ────────────────────────────────────────────────────────────
+// ─── 2. Token maps ────────────────────────────────────────────────────────────
 
 /**
  * Maps token keys from a source object into a `{ [family]: { [shade]: hex } }` structure
@@ -137,7 +116,7 @@ const NEUTRAL_MAP = [
     ['tacoNeutralBlack', 'neutral', 'black'],
 ];
 
-// ─── 4. Palette assembly ──────────────────────────────────────────────────────
+// ─── 3. Palette assembly ──────────────────────────────────────────────────────
 
 const fromPrimary = assignTokenShades(primaryColors, PRIMARY_MAP);
 const fromSecondary = assignTokenShades(secondaryColors, SECONDARY_MAP);
@@ -182,7 +161,7 @@ palette.gray = {
     ...palette.gray,
 };
 
-// ─── 5. Theme colors ──────────────────────────────────────────────────────────
+// ─── 4. Theme colors ──────────────────────────────────────────────────────────
 
 const THEME_COLORS = {
     transparent: 'transparent',
@@ -207,8 +186,6 @@ const THEME_COLORS = {
     green: palette.green,
     yellow: palette.yellow,
     pink: palette.pink,
-    brown: LEGACY_BROWN,
-    orange: LEGACY_ORANGE,
 };
 
 export default THEME_COLORS;