@hanzogui/themes 8.3.1 → 8.3.3

package/dist/cjs/brands.js

@@ -0,0 +1,53 @@
+"use strict";
+// Per-brand accent tokens — the single hue each white-label brand uses for
+// accents / CTAs / focus / selection, applied SPARINGLY over the shared
+// true-black neutral base. Values, not places: a brand is one data row, and
+// adding a brand is one entry here — nothing else in the system hardcodes a
+// brand color.
+//
+// Canonical anchors (verified against @luxfi/brand, @zooai/brand, pars-id):
+//   hanzo  #ffffff  monochrome  (hanzo.ai white-on-black)
+//   lux    #3b82f6  blue        (@luxfi/brand accent.DEFAULT)
+//   zoo    #facc15  yellow      (@zooai/brand primary #FCF006)
+//   pars   #d4af37  gold        (pars-id --pars-gold #D4AF37)
+//
+// The 12-step ramps reuse the audited Radix scales shipped in @hanzogui/colors
+// (blue / yellow / gold) so no bespoke color math lives here; hanzo is a zinc
+// monochrome ramp matching hanzo.ai's brand token (zinc-200 #e4e4e7).
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.brandRamps = exports.brandAccent = void 0;
+const colors_1 = require("@hanzogui/colors");
+/**
+ * Solid accent hue per brand. Components read this for focus rings, links and
+ * the sparingly-used CTA — they never hardcode a hex.
+ */
+exports.brandAccent = {
+    hanzo: '#ffffff',
+    lux: '#3b82f6',
+    zoo: '#facc15',
+    pars: '#d4af37',
+};
+// hanzo: monochrome zinc. Same ramp both schemes so `theme="hanzo"` renders a
+// white surface in dark mode (white-on-black primary — the hanzo.ai signature).
+const zinc = [
+    '#ffffff',
+    '#fafafa',
+    '#f4f4f5',
+    '#e4e4e7',
+    '#d4d4d8',
+    '#a1a1aa',
+    '#71717a',
+    '#52525b',
+    '#3f3f46',
+    '#27272a',
+    '#18181b',
+    '#09090b',
+];
+/** 12-step accent ramp per brand, consumed by the theme builder as a child theme. */
+exports.brandRamps = {
+    hanzo: { dark: zinc, light: zinc },
+    lux: { dark: Object.values(colors_1.blueDark), light: Object.values(colors_1.blue) },
+    zoo: { dark: Object.values(colors_1.yellowDark), light: Object.values(colors_1.yellow) },
+    pars: { dark: Object.values(colors_1.goldDark), light: Object.values(colors_1.gold) },
+};
+//# sourceMappingURL=brands.js.map

package/dist/cjs/brands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brands.js","sourceRoot":"","sources":["../../src/brands.ts"],"names":[],"mappings":";AAAA,2EAA2E;AAC3E,wEAAwE;AACxE,4EAA4E;AAC5E,4EAA4E;AAC5E,eAAe;AACf,EAAE;AACF,4EAA4E;AAC5E,0DAA0D;AAC1D,8DAA8D;AAC9D,+DAA+D;AAC/D,8DAA8D;AAC9D,EAAE;AACF,+EAA+E;AAC/E,8EAA8E;AAC9E,sEAAsE;;;AAEtE,6CAAqF;AAIrF;;;GAGG;AACU,QAAA,WAAW,GAAG;IACzB,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;CAC6B,CAAA;AAI9C,8EAA8E;AAC9E,gFAAgF;AAChF,MAAM,IAAI,GAAG;IACX,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAA;AAED,qFAAqF;AACxE,QAAA,UAAU,GAAG;IACxB,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;IAClC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,iBAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,aAAI,CAAC,EAAE;IAClE,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,mBAAU,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,eAAM,CAAC,EAAE;IACtE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,iBAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,aAAI,CAAC,EAAE;CAC7B,CAAA"}

package/dist/cjs/componentThemeDefinitions.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentThemeDefinitions = exports.overlayThemeDefinitions = void 0;
+const templates_tsx_1 = require("./templates.js");
+const overlayThemes = {
+    light: {
+        background: 'rgba(0,0,0,0.5)',
+    },
+    dark: {
+        background: 'rgba(0,0,0,0.9)',
+    },
+};
+exports.overlayThemeDefinitions = [
+    {
+        parent: 'light',
+        theme: overlayThemes.light,
+    },
+    {
+        parent: 'dark',
+        theme: overlayThemes.dark,
+    },
+];
+exports.componentThemeDefinitions = {
+    ListItem: [
+        {
+            parent: 'light',
+            mask: 'strengthen',
+            ...templates_tsx_1.maskOptions.component,
+        },
+        {
+            parent: 'dark',
+            mask: 'identity',
+            ...templates_tsx_1.maskOptions.component,
+        },
+    ],
+    Card: {
+        mask: 'soften',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    Button: {
+        mask: 'soften2',
+        ...templates_tsx_1.maskOptions.button,
+    },
+    Checkbox: {
+        mask: 'softenBorder2',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    Switch: {
+        mask: 'soften2',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    SwitchThumb: {
+        mask: 'inverseStrengthen2',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    TooltipContent: {
+        mask: 'soften2',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    DrawerFrame: {
+        mask: 'soften',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    Progress: {
+        mask: 'soften',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    RadioGroupItem: {
+        mask: 'softenBorder2',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    TooltipArrow: {
+        mask: 'soften',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    SliderTrackActive: {
+        mask: 'inverseSoften',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    SliderTrack: {
+        mask: 'soften2',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    SliderThumb: {
+        mask: 'inverse',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    Tooltip: {
+        mask: 'inverse',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    ProgressIndicator: {
+        mask: 'inverse',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    SheetOverlay: exports.overlayThemeDefinitions,
+    DialogOverlay: exports.overlayThemeDefinitions,
+    ModalOverlay: exports.overlayThemeDefinitions,
+    Input: {
+        mask: 'softenBorder2',
+        ...templates_tsx_1.maskOptions.component,
+    },
+    TextArea: {
+        mask: 'softenBorder2',
+        ...templates_tsx_1.maskOptions.component,
+    },
+};
+//# sourceMappingURL=componentThemeDefinitions.js.map

package/dist/cjs/componentThemeDefinitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentThemeDefinitions.js","sourceRoot":"","sources":["../../src/componentThemeDefinitions.tsx"],"names":[],"mappings":";;;AAEA,kDAA6C;AAI7C,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE;QACL,UAAU,EAAE,iBAAiB;KAC9B;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,iBAAiB;KAC9B;CACF,CAAA;AAEY,QAAA,uBAAuB,GAAG;IACrC;QACE,MAAM,EAAE,OAAO;QACf,KAAK,EAAE,aAAa,CAAC,KAAK;KAC3B;IACD;QACE,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,aAAa,CAAC,IAAI;KAC1B;CACF,CAAA;AAEY,QAAA,yBAAyB,GAAG;IACvC,QAAQ,EAAE;QACR;YACE,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,YAAY;YAClB,GAAG,2BAAW,CAAC,SAAS;SACzB;QACD;YACE,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,UAAU;YAChB,GAAG,2BAAW,CAAC,SAAS;SACzB;KACF;IAED,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,MAAM,EAAE;QACN,IAAI,EAAE,SAAS;QACf,GAAG,2BAAW,CAAC,MAAM;KACtB;IAED,QAAQ,EAAE;QACR,IAAI,EAAE,eAAe;QACrB,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,MAAM,EAAE;QACN,IAAI,EAAE,SAAS;QACf,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,WAAW,EAAE;QACX,IAAI,EAAE,oBAAoB;QAC1B,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,cAAc,EAAE;QACd,IAAI,EAAE,SAAS;QACf,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,WAAW,EAAE;QACX,IAAI,EAAE,QAAQ;QACd,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,QAAQ,EAAE;QACR,IAAI,EAAE,QAAQ;QACd,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,cAAc,EAAE;QACd,IAAI,EAAE,eAAe;QACrB,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,YAAY,EAAE;QACZ,IAAI,EAAE,QAAQ;QACd,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,iBAAiB,EAAE;QACjB,IAAI,EAAE,eAAe;QACrB,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,WAAW,EAAE;QACX,IAAI,EAAE,SAAS;QACf,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,WAAW,EAAE;QACX,IAAI,EAAE,SAAS;QACf,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,iBAAiB,EAAE;QACjB,IAAI,EAAE,SAAS;QACf,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,YAAY,EAAE,QAAA,uBAAuB;IACrC,aAAa,EAAE,QAAA,uBAAuB;IACtC,YAAY,EAAE,QAAA,uBAAuB;IAErC,KAAK,EAAE;QACL,IAAI,EAAE,eAAe;QACrB,GAAG,2BAAW,CAAC,SAAS;KACzB;IAED,QAAQ,EAAE;QACR,IAAI,EAAE,eAAe;QACrB,GAAG,2BAAW,CAAC,SAAS;KACzB;CACsC,CAAA"}