tyrell-components 1.0.0-TC27 → 1.0.0-TC29

package/lib/styles/tag.js

@@ -2,6 +2,38 @@
  * Tag Component Styles
  * PORTED FROM: clj/ty/components/tag.css
  */
+import { FLAVORS } from '../types/common.js';
+/* Neutral maps to text/border tokens instead of flavor tokens, so it is
+   written out by hand in the template below. */
+const COLOR_FLAVORS = FLAVORS.filter((f) => f !== 'neutral');
+const tagFlavor = (f) => `
+/* ----- ${f.toUpperCase()} ----- */
+:host([flavor="${f}"]) {
+  --tag-bg: var(--ty-bg-${f});
+  --tag-color: var(--ty-color-${f});
+  --tag-border-color: var(--ty-border-${f});
+}
+:host([flavor="${f}+"]) {
+  --tag-bg: var(--ty-bg-${f}-bold);
+  --tag-color: var(--ty-color-${f}-strong);
+  --tag-border-color: var(--ty-color-${f});
+}
+:host([flavor="${f}-"]) {
+  --tag-bg: var(--ty-bg-${f}-soft);
+  --tag-color: var(--ty-color-${f});
+  --tag-border-color: var(--ty-border-${f});
+}
+:host([flavor="${f}"]) .tag-container[tabindex]:hover,
+:host([flavor="${f}+"]) .tag-container[tabindex]:hover,
+:host([flavor="${f}-"]) .tag-container[tabindex]:hover {
+  background: var(--ty-bg-${f}-bold);
+}
+:host([flavor="${f}"]) .tag-container[tabindex]:focus,
+:host([flavor="${f}+"]) .tag-container[tabindex]:focus,
+:host([flavor="${f}-"]) .tag-container[tabindex]:focus {
+  box-shadow: 0 0 0 3px var(--ty-color-${f}-faint);
+}
+`;
 export const tagStyles = `
 /* Tag Component Styles using centralized ty.variables.css */
 
@@ -189,147 +221,11 @@ export const tagStyles = `
 /* ===== FLAVOR VARIANTS =====
    Each flavor sets --tag-bg / --tag-color / --tag-border-color on :host.
    Append '+' to flavor for a stronger shade (mild background, strong color),
-   or '-' for a softer shade (soft background, base color). */
-
-/* ----- PRIMARY ----- */
-:host([flavor="primary"]) {
-  --tag-bg: var(--ty-bg-primary);
-  --tag-color: var(--ty-color-primary);
-  --tag-border-color: var(--ty-border-primary);
-}
-:host([flavor="primary+"]) {
-  --tag-bg: var(--ty-bg-primary-bold);
-  --tag-color: var(--ty-color-primary-strong);
-  --tag-border-color: var(--ty-color-primary);
-}
-:host([flavor="primary-"]) {
-  --tag-bg: var(--ty-bg-primary-soft);
-  --tag-color: var(--ty-color-primary);
-  --tag-border-color: var(--ty-border-primary);
-}
-:host([flavor="primary"]) .tag-container[tabindex]:hover,
-:host([flavor="primary+"]) .tag-container[tabindex]:hover,
-:host([flavor="primary-"]) .tag-container[tabindex]:hover {
-  background: var(--ty-bg-primary-bold);
-}
-:host([flavor="primary"]) .tag-container[tabindex]:focus,
-:host([flavor="primary+"]) .tag-container[tabindex]:focus,
-:host([flavor="primary-"]) .tag-container[tabindex]:focus {
-  box-shadow: 0 0 0 3px var(--ty-color-primary-faint);
-}
-
-/* ----- SECONDARY ----- */
-:host([flavor="secondary"]) {
-  --tag-bg: var(--ty-bg-secondary);
-  --tag-color: var(--ty-color-secondary);
-  --tag-border-color: var(--ty-border-secondary);
-}
-:host([flavor="secondary+"]) {
-  --tag-bg: var(--ty-bg-secondary-bold);
-  --tag-color: var(--ty-color-secondary-strong);
-  --tag-border-color: var(--ty-color-secondary);
-}
-:host([flavor="secondary-"]) {
-  --tag-bg: var(--ty-bg-secondary-soft);
-  --tag-color: var(--ty-color-secondary);
-  --tag-border-color: var(--ty-border-secondary);
-}
-:host([flavor="secondary"]) .tag-container[tabindex]:hover,
-:host([flavor="secondary+"]) .tag-container[tabindex]:hover,
-:host([flavor="secondary-"]) .tag-container[tabindex]:hover {
-  background: var(--ty-bg-secondary-bold);
-}
-:host([flavor="secondary"]) .tag-container[tabindex]:focus,
-:host([flavor="secondary+"]) .tag-container[tabindex]:focus,
-:host([flavor="secondary-"]) .tag-container[tabindex]:focus {
-  box-shadow: 0 0 0 3px var(--ty-color-secondary-faint);
-}
-
-/* ----- SUCCESS ----- */
-:host([flavor="success"]) {
-  --tag-bg: var(--ty-bg-success);
-  --tag-color: var(--ty-color-success);
-  --tag-border-color: var(--ty-border-success);
-}
-:host([flavor="success+"]) {
-  --tag-bg: var(--ty-bg-success-bold);
-  --tag-color: var(--ty-color-success-strong);
-  --tag-border-color: var(--ty-color-success);
-}
-:host([flavor="success-"]) {
-  --tag-bg: var(--ty-bg-success-soft);
-  --tag-color: var(--ty-color-success);
-  --tag-border-color: var(--ty-border-success);
-}
-:host([flavor="success"]) .tag-container[tabindex]:hover,
-:host([flavor="success+"]) .tag-container[tabindex]:hover,
-:host([flavor="success-"]) .tag-container[tabindex]:hover {
-  background: var(--ty-bg-success-bold);
-}
-:host([flavor="success"]) .tag-container[tabindex]:focus,
-:host([flavor="success+"]) .tag-container[tabindex]:focus,
-:host([flavor="success-"]) .tag-container[tabindex]:focus {
-  box-shadow: 0 0 0 3px var(--ty-color-success-faint);
-}
-
-/* ----- DANGER ----- */
-:host([flavor="danger"]) {
-  --tag-bg: var(--ty-bg-danger);
-  --tag-color: var(--ty-color-danger);
-  --tag-border-color: var(--ty-border-danger);
-}
-:host([flavor="danger+"]) {
-  --tag-bg: var(--ty-bg-danger-bold);
-  --tag-color: var(--ty-color-danger-strong);
-  --tag-border-color: var(--ty-color-danger);
-}
-:host([flavor="danger-"]) {
-  --tag-bg: var(--ty-bg-danger-soft);
-  --tag-color: var(--ty-color-danger);
-  --tag-border-color: var(--ty-border-danger);
-}
-:host([flavor="danger"]) .tag-container[tabindex]:hover,
-:host([flavor="danger+"]) .tag-container[tabindex]:hover,
-:host([flavor="danger-"]) .tag-container[tabindex]:hover {
-  background: var(--ty-bg-danger-bold);
-}
-:host([flavor="danger"]) .tag-container[tabindex]:focus,
-:host([flavor="danger+"]) .tag-container[tabindex]:focus,
-:host([flavor="danger-"]) .tag-container[tabindex]:focus {
-  box-shadow: 0 0 0 3px var(--ty-color-danger-faint);
-}
-
-/* ----- WARNING ----- */
-:host([flavor="warning"]) {
-  --tag-bg: var(--ty-bg-warning);
-  --tag-color: var(--ty-color-warning);
-  --tag-border-color: var(--ty-border-warning);
-}
-:host([flavor="warning+"]) {
-  --tag-bg: var(--ty-bg-warning-bold);
-  --tag-color: var(--ty-color-warning-strong);
-  --tag-border-color: var(--ty-color-warning);
-}
-:host([flavor="warning-"]) {
-  --tag-bg: var(--ty-bg-warning-soft);
-  --tag-color: var(--ty-color-warning);
-  --tag-border-color: var(--ty-border-warning);
-}
-:host([flavor="warning"]) .tag-container[tabindex]:hover,
-:host([flavor="warning+"]) .tag-container[tabindex]:hover,
-:host([flavor="warning-"]) .tag-container[tabindex]:hover {
-  background: var(--ty-bg-warning-bold);
-}
-:host([flavor="warning"]) .tag-container[tabindex]:focus,
-:host([flavor="warning+"]) .tag-container[tabindex]:focus,
-:host([flavor="warning-"]) .tag-container[tabindex]:focus {
-  box-shadow: 0 0 0 3px var(--ty-color-warning-faint);
-}
-
-:host([flavor="info"]) .tag-container[tabindex]:focus {
-  box-shadow: 0 0 0 3px var(--ty-color-info-faint);
-}
+   or '-' for a softer shade (soft background, base color).
+   Generated per flavor above; neutral diverges (text/border tokens) and
+   stays hand-written below. */
 
+${COLOR_FLAVORS.map(tagFlavor).join('')}
 /* ----- NEUTRAL ----- */
 :host([flavor="neutral"]) {
   --tag-color: var(--ty-text-bold);

package/lib/styles/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../src/styles/tag.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmZxB,CAAC"}
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../src/styles/tag.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C;gDACgD;AAChD,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAA;AAE5D,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC;WACtB,CAAC,CAAC,WAAW,EAAE;iBACT,CAAC;0BACQ,CAAC;gCACK,CAAC;wCACO,CAAC;;iBAExB,CAAC;0BACQ,CAAC;gCACK,CAAC;uCACM,CAAC;;iBAEvB,CAAC;0BACQ,CAAC;gCACK,CAAC;wCACO,CAAC;;iBAExB,CAAC;iBACD,CAAC;iBACD,CAAC;4BACU,CAAC;;iBAEZ,CAAC;iBACD,CAAC;iBACD,CAAC;yCACuB,CAAC;;CAEzC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+LvB,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EtC,CAAC"}

package/lib/types/common.d.ts

@@ -6,7 +6,8 @@
  * for a softer shade — e.g. `primary`, `primary+`, `primary-`. Matches the
  * design system's `ty-bg-primary+` / `ty-text-primary-` class convention.
  */
-export type FlavorBase = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
+export declare const FLAVORS: readonly ["primary", "secondary", "success", "danger", "warning", "neutral"];
+export type FlavorBase = (typeof FLAVORS)[number];
 /**
  * A flavor with optional shade suffix: `primary | primary+ | primary-`.
  */

package/lib/types/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/types/common.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/types/common.ts"],"names":[],"mappings":"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"}

package/lib/types/common.js

@@ -1,5 +1,17 @@
 /**
  * Ty Component Common Types
  */
-export {};
+/**
+ * Built-in semantic color flavor names. Append `+` for a stronger shade or `-`
+ * for a softer shade — e.g. `primary`, `primary+`, `primary-`. Matches the
+ * design system's `ty-bg-primary+` / `ty-text-primary-` class convention.
+ */
+export const FLAVORS = [
+    'primary',
+    'secondary',
+    'success',
+    'danger',
+    'warning',
+    'neutral',
+];
 //# sourceMappingURL=common.js.map

package/lib/types/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/types/common.ts"],"names":[],"mappings":"AAAA;;GAEG"}
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/types/common.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,SAAS;IACT,WAAW;IACX,SAAS;IACT,QAAQ;IACR,SAAS;IACT,SAAS;CACD,CAAA"}

package/lib/utils/flavor-sheet.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Custom (non-built-in) flavor support.
+ *
+ * Built-in flavors get static per-flavor CSS in each component's stylesheet.
+ * Any other flavor string is a custom flavor: the component generates the
+ * same wiring at runtime, pointed at the user's design tokens
+ * (--ty-color-X / --ty-bg-X / --ty-solid-X / ...), and adopts it as a
+ * constructed stylesheet.
+ *
+ * Why an adopted sheet: render() implementations replace shadowRoot.innerHTML
+ * (which would destroy an injected <style> element), and inline style on the
+ * host would defeat page-level overrides. Adopted sheets survive renders, and
+ * outer-document rules on the host still take precedence over :host rules —
+ * so `ty-tag[flavor="X"] { --tag-bg: ... }` escape hatches keep working.
+ */
+export interface CustomFlavorParts {
+    /** Full flavor string as given, e.g. "brand+" */
+    flavor: string;
+    /** Flavor with any +/- shade suffix stripped, e.g. "brand" */
+    base: string;
+    /** "" | "+" | "-" */
+    shade: string;
+}
+/**
+ * Keep a shadow root's custom-flavor sheet in sync with the current flavor.
+ *
+ * Built-in flavors (and anything that isn't a plain identifier, so attribute
+ * values can't inject CSS) remove the sheet. Custom flavors get `css(parts)`
+ * adopted into the shadow root. Returns the sheet to store for the next call.
+ */
+export declare function syncCustomFlavorSheet(shadow: ShadowRoot, sheet: CSSStyleSheet | null, flavor: unknown, css: (parts: CustomFlavorParts) => string): CSSStyleSheet | null;
+//# sourceMappingURL=flavor-sheet.d.ts.map

package/lib/utils/flavor-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flavor-sheet.d.ts","sourceRoot":"","sources":["../../src/utils/flavor-sheet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAA;IACd,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAA;IACZ,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,aAAa,GAAG,IAAI,EAC3B,MAAM,EAAE,OAAO,EACf,GAAG,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,MAAM,GACxC,aAAa,GAAG,IAAI,CAetB"}

package/lib/utils/flavor-sheet.js

@@ -0,0 +1,40 @@
+/**
+ * Custom (non-built-in) flavor support.
+ *
+ * Built-in flavors get static per-flavor CSS in each component's stylesheet.
+ * Any other flavor string is a custom flavor: the component generates the
+ * same wiring at runtime, pointed at the user's design tokens
+ * (--ty-color-X / --ty-bg-X / --ty-solid-X / ...), and adopts it as a
+ * constructed stylesheet.
+ *
+ * Why an adopted sheet: render() implementations replace shadowRoot.innerHTML
+ * (which would destroy an injected <style> element), and inline style on the
+ * host would defeat page-level overrides. Adopted sheets survive renders, and
+ * outer-document rules on the host still take precedence over :host rules —
+ * so `ty-tag[flavor="X"] { --tag-bg: ... }` escape hatches keep working.
+ */
+import { FLAVORS } from '../types/common.js';
+/**
+ * Keep a shadow root's custom-flavor sheet in sync with the current flavor.
+ *
+ * Built-in flavors (and anything that isn't a plain identifier, so attribute
+ * values can't inject CSS) remove the sheet. Custom flavors get `css(parts)`
+ * adopted into the shadow root. Returns the sheet to store for the next call.
+ */
+export function syncCustomFlavorSheet(shadow, sheet, flavor, css) {
+    const full = String(flavor || '');
+    const base = full.replace(/[+-]$/, '');
+    if (FLAVORS.includes(base) || !/^[A-Za-z][A-Za-z0-9_-]*$/.test(base)) {
+        if (sheet) {
+            shadow.adoptedStyleSheets = shadow.adoptedStyleSheets.filter((s) => s !== sheet);
+        }
+        return null;
+    }
+    if (!sheet) {
+        sheet = new CSSStyleSheet();
+        shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, sheet];
+    }
+    sheet.replaceSync(css({ flavor: full, base, shade: full.slice(base.length) }));
+    return sheet;
+}
+//# sourceMappingURL=flavor-sheet.js.map

package/lib/utils/flavor-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flavor-sheet.js","sourceRoot":"","sources":["../../src/utils/flavor-sheet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAW5C;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB,CACnC,MAAkB,EAClB,KAA2B,EAC3B,MAAe,EACf,GAAyC;IAEzC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC,CAAA;IACjC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IACtC,IAAK,OAA6B,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5F,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,CAAC,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAA;QAClF,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC;IACD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,KAAK,GAAG,IAAI,aAAa,EAAE,CAAA;QAC3B,MAAM,CAAC,kBAAkB,GAAG,CAAC,GAAG,MAAM,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;IACnE,CAAC;IACD,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;IAC9E,OAAO,KAAK,CAAA;AACd,CAAC"}

package/lib/version.d.ts

@@ -4,5 +4,5 @@
  * This is automatically synced with package.json during build.
  * Use `npm version` to bump versions.
  */
-export declare const VERSION = "1.0.0-TC27";
+export declare const VERSION = "1.0.0-TC29";
 //# sourceMappingURL=version.d.ts.map

package/lib/version.js

@@ -7,5 +7,5 @@
  * This is automatically synced with package.json during build.
  * Use `npm version` to bump versions.
  */
-export const VERSION = '1.0.0-TC27';
+export const VERSION = '1.0.0-TC29';
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tyrell-components",
-  "version": "1.0.0-TC27",
+  "version": "1.0.0-TC29",
   "description": "Tyrell Components - Framework-agnostic web components with semantic design system",
   "type": "module",
   "sideEffects": [