npm - @economic/taco - Versions diffs - 8.1.2-hanger-base-ui.2 → 8.1.2 - Mend

@economic/taco 8.1.2-hanger-base-ui.2 → 8.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (188) hide show

package/dist/tailwind.colors.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tailwind.colors.cjs","sources":["../tailwind.colors.js"],"sourcesContent":["const THEME_COLORS = {\n transparent: 'transparent',\n current: 'currentColor',\n white: '#fff',\n black: '#1c1c1c',\n brand: {\n vismaRed: '#E70641',\n paleOrange: '#FFF5E5',\n sunsetOrange: '#E89C2E',\n midnightBlue: '#29283E',\n coolBlue: '#F5F7F9',\n },\n grey: {\n DEFAULT: '#EBEBEB',\n 50: '#fafafa',\n 100: '#F6F6F6',\n 200: '#EBEBEB',\n 300: '#DDDDDD',\n 500: '#ACACAC',\n 700: '#595959',\n 900: '#303030',\n },\n gray: {\n DEFAULT: '#EBEBEB',\n 50: '#fafafa',\n 100: '#F6F6F6',\n 200: '#EBEBEB',\n 300: '#DDDDDD',\n 500: '#ACACAC',\n 700: '#595959',\n 900: '#303030',\n },\n purple: {\n 100: '#EEE5FF',\n 200: '#ddd1ff',\n 300: '#CBBCFE',\n 500: '#9270FA',\n 700: '#6542D1',\n 900: '#412970',\n },\n blue: {\n DEFAULT: '#4573D2',\n 100: '#DEEBFF',\n 200: '#AACCFF',\n 300: '#75A0F5',\n 500: '#4573D2',\n 700: '#2B57B4',\n 900: '#29283E',\n },\n red: {\n DEFAULT: '#CE3F42',\n 100: '#FFDAD2',\n 200: '#f3a09d',\n 300: '#E66568',\n 500: '#CE3F42',\n 700: '#950027',\n 900: '#64001B',\n },\n green: {\n DEFAULT: '#08AE87',\n 100: '#cdf0e7',\n 200: '#9be1ce',\n 300: '#52C7AB',\n 500: '#08AE87',\n 700: '#028465',\n 900: '#14493A',\n },\n yellow: {\n DEFAULT: '#FFBD3B',\n 100: '#FFF1C3',\n 200: '#ffe494',\n 300: '#FFD665',\n 500: '#FFBD3B',\n 700: '#e89c2e',\n 900: '#733700',\n },\n pink: {\n 100: '#FFE3F7',\n 200: '#fcb9e9',\n 300: '#F98EDB',\n 500: '#E165BF',\n 700: '#CF49AA',\n 900: '#870062',\n },\n brown: {\n 100: '#EEE0DA',\n 200: '#DFCCC2',\n 300: '#C4AB9E',\n 500: '#93715D',\n 700: '#73503B',\n 900: '#45291F',\n },\n orange: {\n 100: '#FFE3BB',\n 200: '#FCCB80',\n 300: '#FAB64D',\n 500: '#F99702',\n 700: '#EF7D00',\n 900: '#4A2811',\n },\n};\n\nexport default THEME_COLORS;\n"],"names":[],"mappings":";AAAK,MAAC,eAAe;AAAA,EACjB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,IACH,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,cAAc;AAAA,IACd,UAAU;AAAA,EACb;AAAA,EACD,MAAM;AAAA,IACF,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,MAAM;AAAA,IACF,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,QAAQ;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,MAAM;AAAA,IACF,SAAS;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,KAAK;AAAA,IACD,SAAS;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,OAAO;AAAA,IACH,SAAS;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,QAAQ;AAAA,IACJ,SAAS;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,MAAM;AAAA,IACF,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,OAAO;AAAA,IACH,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,QAAQ;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AACL;;"}
1	+ {"version":3,"file":"tailwind.colors.cjs","sources":["../tailwind.colors.js"],"sourcesContent":["/*\n Taco Tailwind color theme.\n \n Structure:\n * 1. Legacy constants — colors not (yet) in the token pipeline.\n * 2. Semantic constants — non-token UI colors (overlay blends, etc.).\n * 3. Token maps — rename taco-tokens keys to Tailwind family/shade tuples.\n * 4. palette — assembled from all token maps; mutated to add DEFAULT shades.\n * 5. THEME_COLORS — the final export consumed by tailwind.config.js.\n \n To add a new token-backed color family: add rows to the relevant _MAP and a\n `palette.<family>` entry in THEME_COLORS. Do NOT edit taco-tokens — it is generated.\n /\nimport { primaryColors, secondaryColors, tertiaryColors, neutralColors, brandColors } from '@economic/taco-tokens/tokens';\n\n// ─── 1. Legacy constants ──────────────────────────────────────────────────────\n\n// Not generated in tokens: TODO: Map and remove post color palette update\nconst LEGACY_BROWN = {\n 100: '#EEE0DA', // Used in Badge component\n 300: '#C4AB9E', // Client: Used in paymentcards\n 500: '#93715D', // Client: Used in paymentcards, invoicing dashboard\n 700: '#73503B', // Client: Used in paymentcards, invoicing dashboard\n 900: '#45291F', // Used in Badge component\n};\n\n// Not generated in tokens: TODO: Map and remove post color palette update /\nconst LEGACY_ORANGE = {\n 100: '#FFE3BB', // Used in Badge component\n 300: '#FAB64D', // Client: Used in paymentcards, workflows\n 500: '#F99702', // Client: Used in Avatar component\n 700: '#EF7D00', // Client: Used in paymentcards\n 900: '#4A2811', // Used in Badge component\n};\n\n// ─── 2. Semantic constants ────────────────────────────────────────────────────\n\n/** Not in tokens: 7% tacoNeutralBlack over transparent → `bg-black-subtle`. /\nconst BLACK_SUBTLE_ALPHA = 7;\nconst BLACK_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralBlack} ${BLACK_SUBTLE_ALPHA}%, transparent)`;\n\n/* Not in tokens: 8% tacoNeutralWhite over transparent → `bg-white-subtle`. /\nconst WHITE_SUBTLE_ALPHA = 8;\nconst WHITE_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralWhite} ${WHITE_SUBTLE_ALPHA}%, transparent)`;\n\n// ─── 3. Token maps ────────────────────────────────────────────────────────────\n\n/\n Maps token keys from a source object into a `{ [family]: { [shade]: hex } }` structure\n * that Tailwind can consume as a color scale.\n \n @param {Record<string, string>} source - A taco-tokens export (e.g. `primaryColors`).\n * @param {ReadonlyArray<readonly [string, string, string \| number]>} rows - Each row is\n * [tokenKey, tailwindFamily, tailwindShade], e.g. ['tacoBlue500', 'blue', 500].\n * @returns {Record<string, Record<string \| number, string>>}\n /\nconst assignTokenShades = (source, rows) => {\n const out = {};\n for (const [tokenKey, family, shade] of rows) {\n const value = source[tokenKey];\n if (value === undefined) {\n continue;\n }\n if (!out[family]) {\n out[family] = {};\n }\n out[family][shade] = value;\n }\n return out;\n};\n\nconst PRIMARY_MAP = [\n ['tacoBlue50', 'blue', 50],\n ['tacoBlue100', 'blue', 100],\n ['tacoBlue200', 'blue', 200],\n ['tacoBlue300', 'blue', 300],\n ['tacoBlue500', 'blue', 500],\n ['tacoBlue700', 'blue', 700],\n ['tacoBlue900', 'blue', 900],\n ['tacoGray50', 'gray', 50],\n ['tacoGray100', 'gray', 100],\n ['tacoGray200', 'gray', 200],\n ['tacoGray300', 'gray', 300],\n ['tacoGray500', 'gray', 500],\n ['tacoGray700', 'gray', 700],\n ['tacoGray900', 'gray', 900],\n];\n\nconst SECONDARY_MAP = [\n ['tacoRed50', 'red', 50],\n ['tacoRed100', 'red', 100],\n ['tacoRed200', 'red', 200],\n ['tacoRed300', 'red', 300],\n ['tacoRed500', 'red', 500],\n ['tacoRed700', 'red', 700],\n ['tacoRed900', 'red', 900],\n ['tacoYellow50', 'yellow', 50],\n ['tacoYellow100', 'yellow', 100],\n ['tacoYellow200', 'yellow', 200],\n ['tacoYellow300', 'yellow', 300],\n ['tacoYellow500', 'yellow', 500],\n ['tacoYellow700', 'yellow', 700],\n ['tacoYellow900', 'yellow', 900],\n ['tacoGreen50', 'green', 50],\n ['tacoGreen100', 'green', 100],\n ['tacoGreen200', 'green', 200],\n ['tacoGreen300', 'green', 300],\n ['tacoGreen500', 'green', 500],\n ['tacoGreen700', 'green', 700],\n ['tacoGreen900', 'green', 900],\n];\n\nconst TERTIARY_MAP = [\n ['tacoPink50', 'pink', 50],\n ['tacoPink100', 'pink', 100],\n ['tacoPink200', 'pink', 200],\n ['tacoPink300', 'pink', 300],\n ['tacoPink500', 'pink', 500],\n ['tacoPink700', 'pink', 700],\n ['tacoPink900', 'pink', 900],\n ['tacoPurple50', 'purple', 50],\n ['tacoPurple100', 'purple', 100],\n ['tacoPurple200', 'purple', 200],\n ['tacoPurple300', 'purple', 300],\n ['tacoPurple500', 'purple', 500],\n ['tacoPurple700', 'purple', 700],\n ['tacoPurple900', 'purple', 900],\n];\n\n/\n Matches --taco-neutral-white / --taco-neutral-black in tokens.css.\n * Note: palette.neutral.white / .black are not exposed in THEME_COLORS — `white` and `black`\n * are set directly from neutralColors instead to keep utilities flat (bg-white, not bg-neutral-white).\n /\nconst NEUTRAL_MAP = [\n ['tacoNeutralWhite', 'neutral', 'white'],\n ['tacoNeutralBlack', 'neutral', 'black'],\n];\n\n// ─── 4. Palette assembly ──────────────────────────────────────────────────────\n\nconst fromPrimary = assignTokenShades(primaryColors, PRIMARY_MAP);\nconst fromSecondary = assignTokenShades(secondaryColors, SECONDARY_MAP);\nconst fromTertiary = assignTokenShades(tertiaryColors, TERTIARY_MAP);\nconst fromNeutral = assignTokenShades(neutralColors, NEUTRAL_MAP);\n\nconst mergeFamilies = (...parts) => {\n const merged = {};\n for (const part of parts) {\n for (const [family, shades] of Object.entries(part)) {\n merged[family] = { ...merged[family], ...shades };\n }\n }\n return merged;\n};\n\nconst palette = mergeFamilies(fromPrimary, fromSecondary, fromTertiary, fromNeutral);\n\n// `DEFAULT` lets Tailwind resolve bare utilities (e.g. `bg-blue` → blue-500, `text-red` → red-500).\npalette.blue = {\n DEFAULT: primaryColors.tacoBlue500,\n ...palette.blue,\n};\n\npalette.red = {\n DEFAULT: secondaryColors.tacoRed500,\n ...palette.red,\n};\n\npalette.green = {\n DEFAULT: secondaryColors.tacoGreen500,\n ...palette.green,\n};\n\npalette.yellow = {\n DEFAULT: secondaryColors.tacoYellow500,\n ...palette.yellow,\n};\n\npalette.gray = {\n DEFAULT: primaryColors.tacoGray50,\n ...palette.gray,\n};\n\n// ─── 5. Theme colors ──────────────────────────────────────────────────────────\n\nconst THEME_COLORS = {\n transparent: 'transparent',\n current: 'currentColor',\n white: neutralColors.tacoNeutralWhite,\n black: neutralColors.tacoNeutralBlack,\n 'black-subtle': BLACK_SUBTLE,\n 'white-subtle': WHITE_SUBTLE,\n brand: {\n morning: brandColors.tacoBrandMorning,\n noon: brandColors.tacoBrandNoon,\n sunset: brandColors.tacoBrandSunset,\n midnight: brandColors.tacoBrandMidnight,\n },\n /* Alias for `gray` — supports both spellings in className strings. */\n grey: { ...palette.gray },\n gray: palette.gray,\n neutral: palette.neutral,\n purple: palette.purple,\n blue: palette.blue,\n red: palette.red,\n green: palette.green,\n yellow: palette.yellow,\n pink: palette.pink,\n brown: LEGACY_BROWN,\n orange: LEGACY_ORANGE,\n};\n\nexport default THEME_COLORS;\n"],"names":["neutralColors","primaryColors","secondaryColors","tertiaryColors","brandColors"],"mappings":"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"}

package/dist/tailwind.colors.js CHANGED Viewed

@@ -1,103 +1,164 @@
+import { neutralColors, primaryColors, secondaryColors, brandColors, tertiaryColors } from "@economic/taco-tokens/tokens";
+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
+};
+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
+};
+const BLACK_SUBTLE_ALPHA = 7;
+const BLACK_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralBlack} ${BLACK_SUBTLE_ALPHA}%, transparent)`;
+const WHITE_SUBTLE_ALPHA = 8;
+const WHITE_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralWhite} ${WHITE_SUBTLE_ALPHA}%, transparent)`;
+const assignTokenShades = (source, rows) => {
+  const out = {};
+  for (const [tokenKey, family, shade] of rows) {
+    const value = source[tokenKey];
+    if (value === void 0) {
+      continue;
+    }
+    if (!out[family]) {
+      out[family] = {};
+    }
+    out[family][shade] = value;
+  }
+  return out;
+};
+const PRIMARY_MAP = [
+  ["tacoBlue50", "blue", 50],
+  ["tacoBlue100", "blue", 100],
+  ["tacoBlue200", "blue", 200],
+  ["tacoBlue300", "blue", 300],
+  ["tacoBlue500", "blue", 500],
+  ["tacoBlue700", "blue", 700],
+  ["tacoBlue900", "blue", 900],
+  ["tacoGray50", "gray", 50],
+  ["tacoGray100", "gray", 100],
+  ["tacoGray200", "gray", 200],
+  ["tacoGray300", "gray", 300],
+  ["tacoGray500", "gray", 500],
+  ["tacoGray700", "gray", 700],
+  ["tacoGray900", "gray", 900]
+];
+const SECONDARY_MAP = [
+  ["tacoRed50", "red", 50],
+  ["tacoRed100", "red", 100],
+  ["tacoRed200", "red", 200],
+  ["tacoRed300", "red", 300],
+  ["tacoRed500", "red", 500],
+  ["tacoRed700", "red", 700],
+  ["tacoRed900", "red", 900],
+  ["tacoYellow50", "yellow", 50],
+  ["tacoYellow100", "yellow", 100],
+  ["tacoYellow200", "yellow", 200],
+  ["tacoYellow300", "yellow", 300],
+  ["tacoYellow500", "yellow", 500],
+  ["tacoYellow700", "yellow", 700],
+  ["tacoYellow900", "yellow", 900],
+  ["tacoGreen50", "green", 50],
+  ["tacoGreen100", "green", 100],
+  ["tacoGreen200", "green", 200],
+  ["tacoGreen300", "green", 300],
+  ["tacoGreen500", "green", 500],
+  ["tacoGreen700", "green", 700],
+  ["tacoGreen900", "green", 900]
+];
+const TERTIARY_MAP = [
+  ["tacoPink50", "pink", 50],
+  ["tacoPink100", "pink", 100],
+  ["tacoPink200", "pink", 200],
+  ["tacoPink300", "pink", 300],
+  ["tacoPink500", "pink", 500],
+  ["tacoPink700", "pink", 700],
+  ["tacoPink900", "pink", 900],
+  ["tacoPurple50", "purple", 50],
+  ["tacoPurple100", "purple", 100],
+  ["tacoPurple200", "purple", 200],
+  ["tacoPurple300", "purple", 300],
+  ["tacoPurple500", "purple", 500],
+  ["tacoPurple700", "purple", 700],
+  ["tacoPurple900", "purple", 900]
+];
+const NEUTRAL_MAP = [
+  ["tacoNeutralWhite", "neutral", "white"],
+  ["tacoNeutralBlack", "neutral", "black"]
+];
+const fromPrimary = assignTokenShades(primaryColors, PRIMARY_MAP);
+const fromSecondary = assignTokenShades(secondaryColors, SECONDARY_MAP);
+const fromTertiary = assignTokenShades(tertiaryColors, TERTIARY_MAP);
+const fromNeutral = assignTokenShades(neutralColors, NEUTRAL_MAP);
+const mergeFamilies = (...parts) => {
+  const merged = {};
+  for (const part of parts) {
+    for (const [family, shades] of Object.entries(part)) {
+      merged[family] = { ...merged[family], ...shades };
+    }
+  }
+  return merged;
+};
+const palette = mergeFamilies(fromPrimary, fromSecondary, fromTertiary, fromNeutral);
+palette.blue = {
+  DEFAULT: primaryColors.tacoBlue500,
+  ...palette.blue
+};
+palette.red = {
+  DEFAULT: secondaryColors.tacoRed500,
+  ...palette.red
+};
+palette.green = {
+  DEFAULT: secondaryColors.tacoGreen500,
+  ...palette.green
+};
+palette.yellow = {
+  DEFAULT: secondaryColors.tacoYellow500,
+  ...palette.yellow
+};
+palette.gray = {
+  DEFAULT: primaryColors.tacoGray50,
+  ...palette.gray
+};
 const THEME_COLORS = {
   transparent: "transparent",
   current: "currentColor",
-  white: "#fff",
-  black: "#1c1c1c",
+  white: neutralColors.tacoNeutralWhite,
+  black: neutralColors.tacoNeutralBlack,
+  "black-subtle": BLACK_SUBTLE,
+  "white-subtle": WHITE_SUBTLE,
   brand: {
-    vismaRed: "#E70641",
-    paleOrange: "#FFF5E5",
-    sunsetOrange: "#E89C2E",
-    midnightBlue: "#29283E",
-    coolBlue: "#F5F7F9"
+    morning: brandColors.tacoBrandMorning,
+    noon: brandColors.tacoBrandNoon,
+    sunset: brandColors.tacoBrandSunset,
+    midnight: brandColors.tacoBrandMidnight
   },
-  grey: {
-    DEFAULT: "#EBEBEB",
-    50: "#fafafa",
-    100: "#F6F6F6",
-    200: "#EBEBEB",
-    300: "#DDDDDD",
-    500: "#ACACAC",
-    700: "#595959",
-    900: "#303030"
-  },
-  gray: {
-    DEFAULT: "#EBEBEB",
-    50: "#fafafa",
-    100: "#F6F6F6",
-    200: "#EBEBEB",
-    300: "#DDDDDD",
-    500: "#ACACAC",
-    700: "#595959",
-    900: "#303030"
-  },
-  purple: {
-    100: "#EEE5FF",
-    200: "#ddd1ff",
-    300: "#CBBCFE",
-    500: "#9270FA",
-    700: "#6542D1",
-    900: "#412970"
-  },
-  blue: {
-    DEFAULT: "#4573D2",
-    100: "#DEEBFF",
-    200: "#AACCFF",
-    300: "#75A0F5",
-    500: "#4573D2",
-    700: "#2B57B4",
-    900: "#29283E"
-  },
-  red: {
-    DEFAULT: "#CE3F42",
-    100: "#FFDAD2",
-    200: "#f3a09d",
-    300: "#E66568",
-    500: "#CE3F42",
-    700: "#950027",
-    900: "#64001B"
-  },
-  green: {
-    DEFAULT: "#08AE87",
-    100: "#cdf0e7",
-    200: "#9be1ce",
-    300: "#52C7AB",
-    500: "#08AE87",
-    700: "#028465",
-    900: "#14493A"
-  },
-  yellow: {
-    DEFAULT: "#FFBD3B",
-    100: "#FFF1C3",
-    200: "#ffe494",
-    300: "#FFD665",
-    500: "#FFBD3B",
-    700: "#e89c2e",
-    900: "#733700"
-  },
-  pink: {
-    100: "#FFE3F7",
-    200: "#fcb9e9",
-    300: "#F98EDB",
-    500: "#E165BF",
-    700: "#CF49AA",
-    900: "#870062"
-  },
-  brown: {
-    100: "#EEE0DA",
-    200: "#DFCCC2",
-    300: "#C4AB9E",
-    500: "#93715D",
-    700: "#73503B",
-    900: "#45291F"
-  },
-  orange: {
-    100: "#FFE3BB",
-    200: "#FCCB80",
-    300: "#FAB64D",
-    500: "#F99702",
-    700: "#EF7D00",
-    900: "#4A2811"
-  }
+  /** Alias for `gray` — supports both spellings in className strings. */
+  grey: { ...palette.gray },
+  gray: palette.gray,
+  neutral: palette.neutral,
+  purple: palette.purple,
+  blue: palette.blue,
+  red: palette.red,
+  green: palette.green,
+  yellow: palette.yellow,
+  pink: palette.pink,
+  brown: LEGACY_BROWN,
+  orange: LEGACY_ORANGE
 };
 export {
   THEME_COLORS as default

package/dist/tailwind.colors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tailwind.colors.js","sources":["../tailwind.colors.js"],"sourcesContent":["const THEME_COLORS = {\n transparent: 'transparent',\n current: 'currentColor',\n white: '#fff',\n black: '#1c1c1c',\n brand: {\n vismaRed: '#E70641',\n paleOrange: '#FFF5E5',\n sunsetOrange: '#E89C2E',\n midnightBlue: '#29283E',\n coolBlue: '#F5F7F9',\n },\n grey: {\n DEFAULT: '#EBEBEB',\n 50: '#fafafa',\n 100: '#F6F6F6',\n 200: '#EBEBEB',\n 300: '#DDDDDD',\n 500: '#ACACAC',\n 700: '#595959',\n 900: '#303030',\n },\n gray: {\n DEFAULT: '#EBEBEB',\n 50: '#fafafa',\n 100: '#F6F6F6',\n 200: '#EBEBEB',\n 300: '#DDDDDD',\n 500: '#ACACAC',\n 700: '#595959',\n 900: '#303030',\n },\n purple: {\n 100: '#EEE5FF',\n 200: '#ddd1ff',\n 300: '#CBBCFE',\n 500: '#9270FA',\n 700: '#6542D1',\n 900: '#412970',\n },\n blue: {\n DEFAULT: '#4573D2',\n 100: '#DEEBFF',\n 200: '#AACCFF',\n 300: '#75A0F5',\n 500: '#4573D2',\n 700: '#2B57B4',\n 900: '#29283E',\n },\n red: {\n DEFAULT: '#CE3F42',\n 100: '#FFDAD2',\n 200: '#f3a09d',\n 300: '#E66568',\n 500: '#CE3F42',\n 700: '#950027',\n 900: '#64001B',\n },\n green: {\n DEFAULT: '#08AE87',\n 100: '#cdf0e7',\n 200: '#9be1ce',\n 300: '#52C7AB',\n 500: '#08AE87',\n 700: '#028465',\n 900: '#14493A',\n },\n yellow: {\n DEFAULT: '#FFBD3B',\n 100: '#FFF1C3',\n 200: '#ffe494',\n 300: '#FFD665',\n 500: '#FFBD3B',\n 700: '#e89c2e',\n 900: '#733700',\n },\n pink: {\n 100: '#FFE3F7',\n 200: '#fcb9e9',\n 300: '#F98EDB',\n 500: '#E165BF',\n 700: '#CF49AA',\n 900: '#870062',\n },\n brown: {\n 100: '#EEE0DA',\n 200: '#DFCCC2',\n 300: '#C4AB9E',\n 500: '#93715D',\n 700: '#73503B',\n 900: '#45291F',\n },\n orange: {\n 100: '#FFE3BB',\n 200: '#FCCB80',\n 300: '#FAB64D',\n 500: '#F99702',\n 700: '#EF7D00',\n 900: '#4A2811',\n },\n};\n\nexport default THEME_COLORS;\n"],"names":[],"mappings":"AAAK,MAAC,eAAe;AAAA,EACjB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,IACH,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,cAAc;AAAA,IACd,UAAU;AAAA,EACb;AAAA,EACD,MAAM;AAAA,IACF,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,MAAM;AAAA,IACF,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,QAAQ;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,MAAM;AAAA,IACF,SAAS;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,KAAK;AAAA,IACD,SAAS;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,OAAO;AAAA,IACH,SAAS;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,QAAQ;AAAA,IACJ,SAAS;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,MAAM;AAAA,IACF,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,OAAO;AAAA,IACH,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AAAA,EACD,QAAQ;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACR;AACL;"}
1	+ {"version":3,"file":"tailwind.colors.js","sources":["../tailwind.colors.js"],"sourcesContent":["/*\n Taco Tailwind color theme.\n \n Structure:\n * 1. Legacy constants — colors not (yet) in the token pipeline.\n * 2. Semantic constants — non-token UI colors (overlay blends, etc.).\n * 3. Token maps — rename taco-tokens keys to Tailwind family/shade tuples.\n * 4. palette — assembled from all token maps; mutated to add DEFAULT shades.\n * 5. THEME_COLORS — the final export consumed by tailwind.config.js.\n \n To add a new token-backed color family: add rows to the relevant _MAP and a\n `palette.<family>` entry in THEME_COLORS. Do NOT edit taco-tokens — it is generated.\n /\nimport { primaryColors, secondaryColors, tertiaryColors, neutralColors, brandColors } from '@economic/taco-tokens/tokens';\n\n// ─── 1. Legacy constants ──────────────────────────────────────────────────────\n\n// Not generated in tokens: TODO: Map and remove post color palette update\nconst LEGACY_BROWN = {\n 100: '#EEE0DA', // Used in Badge component\n 300: '#C4AB9E', // Client: Used in paymentcards\n 500: '#93715D', // Client: Used in paymentcards, invoicing dashboard\n 700: '#73503B', // Client: Used in paymentcards, invoicing dashboard\n 900: '#45291F', // Used in Badge component\n};\n\n// Not generated in tokens: TODO: Map and remove post color palette update /\nconst LEGACY_ORANGE = {\n 100: '#FFE3BB', // Used in Badge component\n 300: '#FAB64D', // Client: Used in paymentcards, workflows\n 500: '#F99702', // Client: Used in Avatar component\n 700: '#EF7D00', // Client: Used in paymentcards\n 900: '#4A2811', // Used in Badge component\n};\n\n// ─── 2. Semantic constants ────────────────────────────────────────────────────\n\n/** Not in tokens: 7% tacoNeutralBlack over transparent → `bg-black-subtle`. /\nconst BLACK_SUBTLE_ALPHA = 7;\nconst BLACK_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralBlack} ${BLACK_SUBTLE_ALPHA}%, transparent)`;\n\n/* Not in tokens: 8% tacoNeutralWhite over transparent → `bg-white-subtle`. /\nconst WHITE_SUBTLE_ALPHA = 8;\nconst WHITE_SUBTLE = `color-mix(in oklab, ${neutralColors.tacoNeutralWhite} ${WHITE_SUBTLE_ALPHA}%, transparent)`;\n\n// ─── 3. Token maps ────────────────────────────────────────────────────────────\n\n/\n Maps token keys from a source object into a `{ [family]: { [shade]: hex } }` structure\n * that Tailwind can consume as a color scale.\n \n @param {Record<string, string>} source - A taco-tokens export (e.g. `primaryColors`).\n * @param {ReadonlyArray<readonly [string, string, string \| number]>} rows - Each row is\n * [tokenKey, tailwindFamily, tailwindShade], e.g. ['tacoBlue500', 'blue', 500].\n * @returns {Record<string, Record<string \| number, string>>}\n /\nconst assignTokenShades = (source, rows) => {\n const out = {};\n for (const [tokenKey, family, shade] of rows) {\n const value = source[tokenKey];\n if (value === undefined) {\n continue;\n }\n if (!out[family]) {\n out[family] = {};\n }\n out[family][shade] = value;\n }\n return out;\n};\n\nconst PRIMARY_MAP = [\n ['tacoBlue50', 'blue', 50],\n ['tacoBlue100', 'blue', 100],\n ['tacoBlue200', 'blue', 200],\n ['tacoBlue300', 'blue', 300],\n ['tacoBlue500', 'blue', 500],\n ['tacoBlue700', 'blue', 700],\n ['tacoBlue900', 'blue', 900],\n ['tacoGray50', 'gray', 50],\n ['tacoGray100', 'gray', 100],\n ['tacoGray200', 'gray', 200],\n ['tacoGray300', 'gray', 300],\n ['tacoGray500', 'gray', 500],\n ['tacoGray700', 'gray', 700],\n ['tacoGray900', 'gray', 900],\n];\n\nconst SECONDARY_MAP = [\n ['tacoRed50', 'red', 50],\n ['tacoRed100', 'red', 100],\n ['tacoRed200', 'red', 200],\n ['tacoRed300', 'red', 300],\n ['tacoRed500', 'red', 500],\n ['tacoRed700', 'red', 700],\n ['tacoRed900', 'red', 900],\n ['tacoYellow50', 'yellow', 50],\n ['tacoYellow100', 'yellow', 100],\n ['tacoYellow200', 'yellow', 200],\n ['tacoYellow300', 'yellow', 300],\n ['tacoYellow500', 'yellow', 500],\n ['tacoYellow700', 'yellow', 700],\n ['tacoYellow900', 'yellow', 900],\n ['tacoGreen50', 'green', 50],\n ['tacoGreen100', 'green', 100],\n ['tacoGreen200', 'green', 200],\n ['tacoGreen300', 'green', 300],\n ['tacoGreen500', 'green', 500],\n ['tacoGreen700', 'green', 700],\n ['tacoGreen900', 'green', 900],\n];\n\nconst TERTIARY_MAP = [\n ['tacoPink50', 'pink', 50],\n ['tacoPink100', 'pink', 100],\n ['tacoPink200', 'pink', 200],\n ['tacoPink300', 'pink', 300],\n ['tacoPink500', 'pink', 500],\n ['tacoPink700', 'pink', 700],\n ['tacoPink900', 'pink', 900],\n ['tacoPurple50', 'purple', 50],\n ['tacoPurple100', 'purple', 100],\n ['tacoPurple200', 'purple', 200],\n ['tacoPurple300', 'purple', 300],\n ['tacoPurple500', 'purple', 500],\n ['tacoPurple700', 'purple', 700],\n ['tacoPurple900', 'purple', 900],\n];\n\n/\n Matches --taco-neutral-white / --taco-neutral-black in tokens.css.\n * Note: palette.neutral.white / .black are not exposed in THEME_COLORS — `white` and `black`\n * are set directly from neutralColors instead to keep utilities flat (bg-white, not bg-neutral-white).\n /\nconst NEUTRAL_MAP = [\n ['tacoNeutralWhite', 'neutral', 'white'],\n ['tacoNeutralBlack', 'neutral', 'black'],\n];\n\n// ─── 4. Palette assembly ──────────────────────────────────────────────────────\n\nconst fromPrimary = assignTokenShades(primaryColors, PRIMARY_MAP);\nconst fromSecondary = assignTokenShades(secondaryColors, SECONDARY_MAP);\nconst fromTertiary = assignTokenShades(tertiaryColors, TERTIARY_MAP);\nconst fromNeutral = assignTokenShades(neutralColors, NEUTRAL_MAP);\n\nconst mergeFamilies = (...parts) => {\n const merged = {};\n for (const part of parts) {\n for (const [family, shades] of Object.entries(part)) {\n merged[family] = { ...merged[family], ...shades };\n }\n }\n return merged;\n};\n\nconst palette = mergeFamilies(fromPrimary, fromSecondary, fromTertiary, fromNeutral);\n\n// `DEFAULT` lets Tailwind resolve bare utilities (e.g. `bg-blue` → blue-500, `text-red` → red-500).\npalette.blue = {\n DEFAULT: primaryColors.tacoBlue500,\n ...palette.blue,\n};\n\npalette.red = {\n DEFAULT: secondaryColors.tacoRed500,\n ...palette.red,\n};\n\npalette.green = {\n DEFAULT: secondaryColors.tacoGreen500,\n ...palette.green,\n};\n\npalette.yellow = {\n DEFAULT: secondaryColors.tacoYellow500,\n ...palette.yellow,\n};\n\npalette.gray = {\n DEFAULT: primaryColors.tacoGray50,\n ...palette.gray,\n};\n\n// ─── 5. Theme colors ──────────────────────────────────────────────────────────\n\nconst THEME_COLORS = {\n transparent: 'transparent',\n current: 'currentColor',\n white: neutralColors.tacoNeutralWhite,\n black: neutralColors.tacoNeutralBlack,\n 'black-subtle': BLACK_SUBTLE,\n 'white-subtle': WHITE_SUBTLE,\n brand: {\n morning: brandColors.tacoBrandMorning,\n noon: brandColors.tacoBrandNoon,\n sunset: brandColors.tacoBrandSunset,\n midnight: brandColors.tacoBrandMidnight,\n },\n /* Alias for `gray` — supports both spellings in className strings. */\n grey: { ...palette.gray },\n gray: palette.gray,\n neutral: palette.neutral,\n purple: palette.purple,\n blue: palette.blue,\n red: palette.red,\n green: palette.green,\n yellow: palette.yellow,\n pink: palette.pink,\n brown: LEGACY_BROWN,\n orange: LEGACY_ORANGE,\n};\n\nexport default THEME_COLORS;\n"],"names":[],"mappings":";AAkBA,MAAM,eAAe;AAAA,EACjB,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AACT;AAGA,MAAM,gBAAgB;AAAA,EAClB,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AACT;AAKA,MAAM,qBAAqB;AAC3B,MAAM,eAAe,uBAAuB,cAAc,gBAAgB,IAAI,kBAAkB;AAGhG,MAAM,qBAAqB;AAC3B,MAAM,eAAe,uBAAuB,cAAc,gBAAgB,IAAI,kBAAkB;AAahG,MAAM,oBAAoB,CAAC,QAAQ,SAAS;AACxC,QAAM,MAAM,CAAE;AACd,aAAW,CAAC,UAAU,QAAQ,KAAK,KAAK,MAAM;AAC1C,UAAM,QAAQ,OAAO,QAAQ;AAC7B,QAAI,UAAU,QAAW;AACrB;AAAA,IACZ;AACQ,QAAI,CAAC,IAAI,MAAM,GAAG;AACd,UAAI,MAAM,IAAI,CAAE;AAAA,IAC5B;AACQ,QAAI,MAAM,EAAE,KAAK,IAAI;AAAA,EAC7B;AACI,SAAO;AACX;AAEA,MAAM,cAAc;AAAA,EAChB,CAAC,cAAc,QAAQ,EAAE;AAAA,EACzB,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,cAAc,QAAQ,EAAE;AAAA,EACzB,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAC/B;AAEA,MAAM,gBAAgB;AAAA,EAClB,CAAC,aAAa,OAAO,EAAE;AAAA,EACvB,CAAC,cAAc,OAAO,GAAG;AAAA,EACzB,CAAC,cAAc,OAAO,GAAG;AAAA,EACzB,CAAC,cAAc,OAAO,GAAG;AAAA,EACzB,CAAC,cAAc,OAAO,GAAG;AAAA,EACzB,CAAC,cAAc,OAAO,GAAG;AAAA,EACzB,CAAC,cAAc,OAAO,GAAG;AAAA,EACzB,CAAC,gBAAgB,UAAU,EAAE;AAAA,EAC7B,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,eAAe,SAAS,EAAE;AAAA,EAC3B,CAAC,gBAAgB,SAAS,GAAG;AAAA,EAC7B,CAAC,gBAAgB,SAAS,GAAG;AAAA,EAC7B,CAAC,gBAAgB,SAAS,GAAG;AAAA,EAC7B,CAAC,gBAAgB,SAAS,GAAG;AAAA,EAC7B,CAAC,gBAAgB,SAAS,GAAG;AAAA,EAC7B,CAAC,gBAAgB,SAAS,GAAG;AACjC;AAEA,MAAM,eAAe;AAAA,EACjB,CAAC,cAAc,QAAQ,EAAE;AAAA,EACzB,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,eAAe,QAAQ,GAAG;AAAA,EAC3B,CAAC,gBAAgB,UAAU,EAAE;AAAA,EAC7B,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,iBAAiB,UAAU,GAAG;AAAA,EAC/B,CAAC,iBAAiB,UAAU,GAAG;AACnC;AAOA,MAAM,cAAc;AAAA,EAChB,CAAC,oBAAoB,WAAW,OAAO;AAAA,EACvC,CAAC,oBAAoB,WAAW,OAAO;AAC3C;AAIA,MAAM,cAAc,kBAAkB,eAAe,WAAW;AAChE,MAAM,gBAAgB,kBAAkB,iBAAiB,aAAa;AACtE,MAAM,eAAe,kBAAkB,gBAAgB,YAAY;AACnE,MAAM,cAAc,kBAAkB,eAAe,WAAW;AAEhE,MAAM,gBAAgB,IAAI,UAAU;AAChC,QAAM,SAAS,CAAE;AACjB,aAAW,QAAQ,OAAO;AACtB,eAAW,CAAC,QAAQ,MAAM,KAAK,OAAO,QAAQ,IAAI,GAAG;AACjD,aAAO,MAAM,IAAI,EAAE,GAAG,OAAO,MAAM,GAAG,GAAG,OAAQ;AAAA,IAC7D;AAAA,EACA;AACI,SAAO;AACX;AAEA,MAAM,UAAU,cAAc,aAAa,eAAe,cAAc,WAAW;AAGnF,QAAQ,OAAO;AAAA,EACX,SAAS,cAAc;AAAA,EACvB,GAAG,QAAQ;AACf;AAEA,QAAQ,MAAM;AAAA,EACV,SAAS,gBAAgB;AAAA,EACzB,GAAG,QAAQ;AACf;AAEA,QAAQ,QAAQ;AAAA,EACZ,SAAS,gBAAgB;AAAA,EACzB,GAAG,QAAQ;AACf;AAEA,QAAQ,SAAS;AAAA,EACb,SAAS,gBAAgB;AAAA,EACzB,GAAG,QAAQ;AACf;AAEA,QAAQ,OAAO;AAAA,EACX,SAAS,cAAc;AAAA,EACvB,GAAG,QAAQ;AACf;AAIK,MAAC,eAAe;AAAA,EACjB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO,cAAc;AAAA,EACrB,OAAO,cAAc;AAAA,EACrB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,OAAO;AAAA,IACH,SAAS,YAAY;AAAA,IACrB,MAAM,YAAY;AAAA,IAClB,QAAQ,YAAY;AAAA,IACpB,UAAU,YAAY;AAAA,EACzB;AAAA;AAAA,EAED,MAAM,EAAE,GAAG,QAAQ,KAAM;AAAA,EACzB,MAAM,QAAQ;AAAA,EACd,SAAS,QAAQ;AAAA,EACjB,QAAQ,QAAQ;AAAA,EAChB,MAAM,QAAQ;AAAA,EACd,KAAK,QAAQ;AAAA,EACb,OAAO,QAAQ;AAAA,EACf,QAAQ,QAAQ;AAAA,EAChB,MAAM,QAAQ;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AACZ;"}

package/dist/utils/tailwind.cjs CHANGED Viewed

@@ -31,71 +31,71 @@ const getColorByState = (state) => {
 const getOutlineColorShadeClasses = (state) => {
   switch (state) {
     case "green":
-      return "border-green-700 text-green-700";
+      return "border-green-500 text-green-500";
     case "yellow":
-      return "border-yellow-700 text-yellow-700";
+      return "border-yellow-500 text-yellow-500";
     case "red":
       return "border-red-500 text-red-500";
     case "blue":
       return "border-blue-500 text-blue-500";
     case "purple":
-      return "border-purple-700 text-purple-700";
+      return "border-purple-500 text-purple-500";
     case "brown":
-      return "border-brown-700 text-brown-700";
+      return "border-brown-500 text-brown-500";
     case "pink":
-      return "border-pink-700 text-pink-700";
+      return "border-pink-500 text-pink-500";
     case "orange":
-      return "border-orange-700 text-orange-700";
+      return "border-orange-500 text-orange-500";
     default:
-      return "border-gray-700 text-gray-700";
+      return "border-gray-100 text-gray-500";
   }
 };
 const getSubtleColorShadeClasses = (value) => {
   switch (value) {
     case "green":
-      return "wcag-green-100";
+      return "bg-green-100 text-green-700";
     case "yellow":
-      return "wcag-yellow-100";
+      return "bg-yellow-100 text-yellow-700";
     case "red":
-      return "wcag-red-100";
+      return "bg-red-100 text-red-700";
     case "blue":
-      return "wcag-blue-100";
+      return "bg-blue-100 text-blue-700";
     case "purple":
-      return "wcag-purple-100";
+      return "bg-purple-100 text-purple-700";
     case "brown":
-      return "wcag-brown-100";
+      return "bg-brown-100 text-brown-700";
     case "pink":
-      return "wcag-pink-100";
+      return "bg-pink-100 text-pink-700";
     case "orange":
-      return "wcag-orange-100";
+      return "bg-orange-100 text-orange-700";
     case "transparent":
       return "wcag-transparent";
     default:
-      return "wcag-gray-200";
+      return "bg-gray-100 text-black";
   }
 };
 const getColorShadeClasses = (value) => {
   switch (value) {
     case "green":
-      return "wcag-green-700";
+      return "bg-green-500 text-white";
     case "yellow":
-      return "wcag-yellow-500";
+      return "bg-yellow-200 text-black";
     case "red":
-      return "wcag-red-500";
+      return "bg-red-500 text-white";
     case "blue":
-      return "wcag-blue-500";
+      return "bg-blue-500 text-white";
     case "purple":
-      return "wcag-purple-700";
+      return "bg-purple-500 text-white";
     case "brown":
-      return "wcag-brown-700";
+      return "bg-brown-700 text-white";
     case "pink":
-      return "wcag-pink-500";
+      return "bg-pink-500 text-white";
     case "orange":
-      return "wcag-orange-700";
+      return "bg-orange-700 text-orange-900";
     case "transparent":
-      return "wcag-transparent";
+      return "bg-black-subtle text-black";
     default:
-      return "wcag-gray-700";
+      return "bg-gray-500 text-white";
   }
 };
 exports.AVAILABLE_COLORS = AVAILABLE_COLORS;

package/dist/utils/tailwind.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tailwind.cjs","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n 'green',\n 'yellow',\n 'red',\n 'blue',\n 'purple',\n 'brown',\n 'pink',\n 'orange',\n 'grey',\n 'transparent',\n] as const;\n\nexport const getColorByState = (state: State \| undefined): Color => {\n switch (state) {\n case 'information':\n return 'blue';\n case 'warning':\n return 'yellow';\n case 'error':\n return 'red';\n case 'experiment':\n return 'purple';\n case 'success':\n return 'green';\n default:\n return 'grey';\n }\n};\n\nexport const getOutlineColorShadeClasses = (state: Color \| undefined): string => {\n switch (state) {\n case 'green':\n return 'border-green-~~700~~ text-green-~~700~~';\n case 'yellow':\n return 'border-yellow-~~700~~ text-yellow-~~700~~';\n case 'red':\n return 'border-red-500 text-red-500';\n case 'blue':\n return 'border-blue-500 text-blue-500';\n case 'purple':\n return 'border-purple-~~700~~ text-purple-~~700~~';\n case 'brown':\n return 'border-brown-~~700~~ text-brown-~~700~~';\n case 'pink':\n return 'border-pink-~~700~~ text-pink-~~700~~';\n case 'orange':\n return 'border-orange-~~700~~ text-orange-~~700~~';\n\n default:\n return 'border-gray-~~700~~ text-gray-~~700~~';\n }\n};\n\nexport const getSubtleColorShadeClasses = (value: Color \| undefined): string => {\n switch (value) {\n case 'green':\n return '~~wcag~~-green-100';\n case 'yellow':\n return '~~wcag~~-yellow-100';\n case 'red':\n return '~~wcag~~-red-100';\n case 'blue':\n return '~~wcag~~-blue-100';\n case 'purple':\n return '~~wcag~~-purple-100';\n case 'brown':\n return '~~wcag~~-brown-100';\n case 'pink':\n return '~~wcag~~-pink-100';\n case 'orange':\n return '~~wcag~~-orange-100';\n case 'transparent':\n return 'wcag-transparent';\n\n default:\n return '~~wcag~~-gray-~~200~~';\n }\n};\n\nexport const getColorShadeClasses = (value: Color \| undefined): string => {\n switch (value) {\n case 'green':\n return '~~wcag~~-green-~~700~~';\n case 'yellow':\n return '~~wcag~~-yellow-~~500~~';\n case 'red':\n return '~~wcag~~-red-500';\n case 'blue':\n return '~~wcag~~-blue-500';\n case 'purple':\n return '~~wcag~~-purple-~~700~~';\n case 'brown':\n return '~~wcag~~-brown-700';\n case 'pink':\n return '~~wcag~~-pink-500';\n case 'orange':\n return '~~wcag~~-orange-700';\n case 'transparent':\n return '~~wcag~~-~~transparent~~';\n\n default:\n return '~~wcag~~-gray-~~700~~';\n }\n};\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEa,MAAA,kBAAkB,CAAC,UAAoC;AAChE,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,8BAA8B,CAAC,UAAqC;AAC7E,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,6BAA6B,CAAC,UAAqC;AAC5E,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,uBAAuB,CAAC,UAAqC;AACtE,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;;;;;;"}
1	+ {"version":3,"file":"tailwind.cjs","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n 'green',\n 'yellow',\n 'red',\n 'blue',\n 'purple',\n 'brown',\n 'pink',\n 'orange',\n 'grey',\n 'transparent',\n] as const;\n\nexport const getColorByState = (state: State \| undefined): Color => {\n switch (state) {\n case 'information':\n return 'blue';\n case 'warning':\n return 'yellow';\n case 'error':\n return 'red';\n case 'experiment':\n return 'purple';\n case 'success':\n return 'green';\n default:\n return 'grey';\n }\n};\n\nexport const getOutlineColorShadeClasses = (state: Color \| undefined): string => {\n switch (state) {\n case 'green':\n return 'border-green-500 text-green-500';\n case 'yellow':\n return 'border-yellow-500 text-yellow-500';\n case 'red':\n return 'border-red-500 text-red-500';\n case 'blue':\n return 'border-blue-500 text-blue-500';\n case 'purple':\n return 'border-purple-500 text-purple-500';\n case 'brown':\n return 'border-brown-500 text-brown-500';\n case 'pink':\n return 'border-pink-500 text-pink-500';\n case 'orange':\n return 'border-orange-500 text-orange-500';\n\n default:\n return 'border-gray-100 text-gray-500';\n }\n};\n\nexport const getSubtleColorShadeClasses = (value: Color \| undefined): string => {\n switch (value) {\n case 'green':\n return 'bg-green-100 text-green-700';\n case 'yellow':\n return 'bg-yellow-100 text-yellow-700';\n case 'red':\n return 'bg-red-100 text-red-700';\n case 'blue':\n return 'bg-blue-100 text-blue-700';\n case 'purple':\n return 'bg-purple-100 text-purple-700';\n case 'brown':\n return 'bg-brown-100 text-brown-700';\n case 'pink':\n return 'bg-pink-100 text-pink-700';\n case 'orange':\n return 'bg-orange-100 text-orange-700';\n case 'transparent':\n return 'wcag-transparent';\n\n default:\n return 'bg-gray-100 text-black';\n }\n};\n\nexport const getColorShadeClasses = (value: Color \| undefined): string => {\n switch (value) {\n case 'green':\n return 'bg-green-500 text-white';\n case 'yellow':\n return 'bg-yellow-200 text-black';\n case 'red':\n return 'bg-red-500 text-white';\n case 'blue':\n return 'bg-blue-500 text-white';\n case 'purple':\n return 'bg-purple-500 text-white';\n case 'brown':\n return 'bg-brown-700 text-white';\n case 'pink':\n return 'bg-pink-500 text-white';\n case 'orange':\n return 'bg-orange-700 text-orange-900';\n case 'transparent':\n return 'bg-black-subtle text-black';\n\n default:\n return 'bg-gray-500 text-white';\n }\n};\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEa,MAAA,kBAAkB,CAAC,UAAoC;AAChE,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,8BAA8B,CAAC,UAAqC;AAC7E,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,6BAA6B,CAAC,UAAqC;AAC5E,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,uBAAuB,CAAC,UAAqC;AACtE,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;;;;;;"}

package/dist/utils/tailwind.js CHANGED Viewed

@@ -29,71 +29,71 @@ const getColorByState = (state) => {
 const getOutlineColorShadeClasses = (state) => {
   switch (state) {
     case "green":
-      return "border-green-700 text-green-700";
+      return "border-green-500 text-green-500";
     case "yellow":
-      return "border-yellow-700 text-yellow-700";
+      return "border-yellow-500 text-yellow-500";
     case "red":
       return "border-red-500 text-red-500";
     case "blue":
       return "border-blue-500 text-blue-500";
     case "purple":
-      return "border-purple-700 text-purple-700";
+      return "border-purple-500 text-purple-500";
     case "brown":
-      return "border-brown-700 text-brown-700";
+      return "border-brown-500 text-brown-500";
     case "pink":
-      return "border-pink-700 text-pink-700";
+      return "border-pink-500 text-pink-500";
     case "orange":
-      return "border-orange-700 text-orange-700";
+      return "border-orange-500 text-orange-500";
     default:
-      return "border-gray-700 text-gray-700";
+      return "border-gray-100 text-gray-500";
   }
 };
 const getSubtleColorShadeClasses = (value) => {
   switch (value) {
     case "green":
-      return "wcag-green-100";
+      return "bg-green-100 text-green-700";
     case "yellow":
-      return "wcag-yellow-100";
+      return "bg-yellow-100 text-yellow-700";
     case "red":
-      return "wcag-red-100";
+      return "bg-red-100 text-red-700";
     case "blue":
-      return "wcag-blue-100";
+      return "bg-blue-100 text-blue-700";
     case "purple":
-      return "wcag-purple-100";
+      return "bg-purple-100 text-purple-700";
     case "brown":
-      return "wcag-brown-100";
+      return "bg-brown-100 text-brown-700";
     case "pink":
-      return "wcag-pink-100";
+      return "bg-pink-100 text-pink-700";
     case "orange":
-      return "wcag-orange-100";
+      return "bg-orange-100 text-orange-700";
     case "transparent":
       return "wcag-transparent";
     default:
-      return "wcag-gray-200";
+      return "bg-gray-100 text-black";
   }
 };
 const getColorShadeClasses = (value) => {
   switch (value) {
     case "green":
-      return "wcag-green-700";
+      return "bg-green-500 text-white";
     case "yellow":
-      return "wcag-yellow-500";
+      return "bg-yellow-200 text-black";
     case "red":
-      return "wcag-red-500";
+      return "bg-red-500 text-white";
     case "blue":
-      return "wcag-blue-500";
+      return "bg-blue-500 text-white";
     case "purple":
-      return "wcag-purple-700";
+      return "bg-purple-500 text-white";
     case "brown":
-      return "wcag-brown-700";
+      return "bg-brown-700 text-white";
     case "pink":
-      return "wcag-pink-500";
+      return "bg-pink-500 text-white";
     case "orange":
-      return "wcag-orange-700";
+      return "bg-orange-700 text-orange-900";
     case "transparent":
-      return "wcag-transparent";
+      return "bg-black-subtle text-black";
     default:
-      return "wcag-gray-700";
+      return "bg-gray-500 text-white";
   }
 };
 export {

package/dist/utils/tailwind.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tailwind.js","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n 'green',\n 'yellow',\n 'red',\n 'blue',\n 'purple',\n 'brown',\n 'pink',\n 'orange',\n 'grey',\n 'transparent',\n] as const;\n\nexport const getColorByState = (state: State \| undefined): Color => {\n switch (state) {\n case 'information':\n return 'blue';\n case 'warning':\n return 'yellow';\n case 'error':\n return 'red';\n case 'experiment':\n return 'purple';\n case 'success':\n return 'green';\n default:\n return 'grey';\n }\n};\n\nexport const getOutlineColorShadeClasses = (state: Color \| undefined): string => {\n switch (state) {\n case 'green':\n return 'border-green-~~700~~ text-green-~~700~~';\n case 'yellow':\n return 'border-yellow-~~700~~ text-yellow-~~700~~';\n case 'red':\n return 'border-red-500 text-red-500';\n case 'blue':\n return 'border-blue-500 text-blue-500';\n case 'purple':\n return 'border-purple-~~700~~ text-purple-~~700~~';\n case 'brown':\n return 'border-brown-~~700~~ text-brown-~~700~~';\n case 'pink':\n return 'border-pink-~~700~~ text-pink-~~700~~';\n case 'orange':\n return 'border-orange-~~700~~ text-orange-~~700~~';\n\n default:\n return 'border-gray-~~700~~ text-gray-~~700~~';\n }\n};\n\nexport const getSubtleColorShadeClasses = (value: Color \| undefined): string => {\n switch (value) {\n case 'green':\n return '~~wcag~~-green-100';\n case 'yellow':\n return '~~wcag~~-yellow-100';\n case 'red':\n return '~~wcag~~-red-100';\n case 'blue':\n return '~~wcag~~-blue-100';\n case 'purple':\n return '~~wcag~~-purple-100';\n case 'brown':\n return '~~wcag~~-brown-100';\n case 'pink':\n return '~~wcag~~-pink-100';\n case 'orange':\n return '~~wcag~~-orange-100';\n case 'transparent':\n return 'wcag-transparent';\n\n default:\n return '~~wcag~~-gray-~~200~~';\n }\n};\n\nexport const getColorShadeClasses = (value: Color \| undefined): string => {\n switch (value) {\n case 'green':\n return '~~wcag~~-green-~~700~~';\n case 'yellow':\n return '~~wcag~~-yellow-~~500~~';\n case 'red':\n return '~~wcag~~-red-500';\n case 'blue':\n return '~~wcag~~-blue-500';\n case 'purple':\n return '~~wcag~~-purple-~~700~~';\n case 'brown':\n return '~~wcag~~-brown-700';\n case 'pink':\n return '~~wcag~~-pink-500';\n case 'orange':\n return '~~wcag~~-orange-700';\n case 'transparent':\n return '~~wcag~~-~~transparent~~';\n\n default:\n return '~~wcag~~-gray-~~700~~';\n }\n};\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEa,MAAA,kBAAkB,CAAC,UAAoC;AAChE,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,8BAA8B,CAAC,UAAqC;AAC7E,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,6BAA6B,CAAC,UAAqC;AAC5E,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,uBAAuB,CAAC,UAAqC;AACtE,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;"}
1	+ {"version":3,"file":"tailwind.js","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n 'green',\n 'yellow',\n 'red',\n 'blue',\n 'purple',\n 'brown',\n 'pink',\n 'orange',\n 'grey',\n 'transparent',\n] as const;\n\nexport const getColorByState = (state: State \| undefined): Color => {\n switch (state) {\n case 'information':\n return 'blue';\n case 'warning':\n return 'yellow';\n case 'error':\n return 'red';\n case 'experiment':\n return 'purple';\n case 'success':\n return 'green';\n default:\n return 'grey';\n }\n};\n\nexport const getOutlineColorShadeClasses = (state: Color \| undefined): string => {\n switch (state) {\n case 'green':\n return 'border-green-500 text-green-500';\n case 'yellow':\n return 'border-yellow-500 text-yellow-500';\n case 'red':\n return 'border-red-500 text-red-500';\n case 'blue':\n return 'border-blue-500 text-blue-500';\n case 'purple':\n return 'border-purple-500 text-purple-500';\n case 'brown':\n return 'border-brown-500 text-brown-500';\n case 'pink':\n return 'border-pink-500 text-pink-500';\n case 'orange':\n return 'border-orange-500 text-orange-500';\n\n default:\n return 'border-gray-100 text-gray-500';\n }\n};\n\nexport const getSubtleColorShadeClasses = (value: Color \| undefined): string => {\n switch (value) {\n case 'green':\n return 'bg-green-100 text-green-700';\n case 'yellow':\n return 'bg-yellow-100 text-yellow-700';\n case 'red':\n return 'bg-red-100 text-red-700';\n case 'blue':\n return 'bg-blue-100 text-blue-700';\n case 'purple':\n return 'bg-purple-100 text-purple-700';\n case 'brown':\n return 'bg-brown-100 text-brown-700';\n case 'pink':\n return 'bg-pink-100 text-pink-700';\n case 'orange':\n return 'bg-orange-100 text-orange-700';\n case 'transparent':\n return 'wcag-transparent';\n\n default:\n return 'bg-gray-100 text-black';\n }\n};\n\nexport const getColorShadeClasses = (value: Color \| undefined): string => {\n switch (value) {\n case 'green':\n return 'bg-green-500 text-white';\n case 'yellow':\n return 'bg-yellow-200 text-black';\n case 'red':\n return 'bg-red-500 text-white';\n case 'blue':\n return 'bg-blue-500 text-white';\n case 'purple':\n return 'bg-purple-500 text-white';\n case 'brown':\n return 'bg-brown-700 text-white';\n case 'pink':\n return 'bg-pink-500 text-white';\n case 'orange':\n return 'bg-orange-700 text-orange-900';\n case 'transparent':\n return 'bg-black-subtle text-black';\n\n default:\n return 'bg-gray-500 text-white';\n }\n};\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEa,MAAA,kBAAkB,CAAC,UAAoC;AAChE,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,8BAA8B,CAAC,UAAqC;AAC7E,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,6BAA6B,CAAC,UAAqC;AAC5E,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,uBAAuB,CAAC,UAAqC;AACtE,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "8.1.2-hanger-base-ui.2",
+    "version": "8.1.2",
     "license": "MIT",
     "type": "module",
     "main": "./dist/index.cjs",
@@ -44,6 +44,7 @@
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.2",
         "@economic/taco-tokens": "^2.2.4",
+        "@radix-ui/react-popover": "1.0.2",
         "@radix-ui/react-scroll-area": "1.2.10",
         "@react-aria/focus": "^3.19.0",
         "@react-aria/interactions": "^3.12.0",
@@ -77,7 +78,7 @@
         "@testing-library/user-event": "14.6.1",
         "@types/lodash": "^4.17.24",
         "@types/node": "^22.19.19",
-        "@types/react": "18.3.29",
+        "@types/react": "18.3.31",
         "@types/react-dom": "18.3.7",
         "@types/react-table": "^7.7.20",
         "@types/react-window": "^1.8.8",
@@ -90,13 +91,13 @@
         "svgo": "^1.3.2",
         "tailwindcss": "^3.4.19",
         "typescript": "^5.9.3",
-        "vite": "^6.4.2",
+        "vite": "^6.4.3",
         "vite-plugin-dts": "^4.5.4",
         "vite-plugin-externalize-deps": "^0.10.0",
-        "vitest": "^3.2.4"
+        "vitest": "^3.2.6"
     },
     "optionalDependencies": {
         "@rollup/rollup-linux-x64-gnu": "^4.60.4"
     },
-    "gitHead": "ce3a69744c7d0f498ed8b1ad7704fedcb7fd461b"
+    "gitHead": "b7e6c98825d846d8a471dbac1a1d2ba992d5b7fa"
 }