@evolve.ui/theme-system 1.1.0 → 1.2.0

package/tailwind/plugin.d.mts

@@ -9,10 +9,467 @@
  * Internal reference: Hammer UI patterns
  * Ported from the upstream theme system.
  */
+declare const autofillStyles: {
+  '-webkit-box-shadow': string;
+  'box-shadow': string;
+};
+declare const tailwindTheme: {
+  borderRadius: {
+    readonly button: string;
+    readonly checkbox: string;
+    readonly container: string;
+    readonly full: "9999px";
+    readonly input: string;
+    readonly lg: "16px";
+    readonly md: "8px";
+    readonly none: "0";
+    readonly 'search-input': string;
+    readonly sm: "4px";
+    readonly xl: "32px";
+    readonly xs: "2px";
+  };
+  borderWidth: {
+    DEFAULT: string;
+    0: string;
+    2: string;
+    4: string;
+    8: string;
+  };
+  boxShadow: Record<string, string>;
+  colors: Record<string, string | Record<string, string>>;
+  extend: {
+    animation: {
+      fadeIn: string;
+      fadeInOpacity: string;
+      fadeInScaled: string;
+      fadeOut: string;
+      loading: string;
+      'progress-completion': string;
+      'progress-icon-fade-in': string;
+      'progress-wave': string;
+      saveButtonPulse: string;
+      saveButtonWiggle: string;
+      saveHeartColorFlash: string;
+      saveHeartPop: string;
+      saveHeartTwirlBloom: string;
+      saveLabelShimmer: string;
+      slideDown: string;
+      slideUp: string;
+    };
+    keyframes: {
+      fadeIn: {
+        from: {
+          opacity: string;
+        };
+        to: {
+          opacity: string;
+        };
+      };
+      fadeInOpacity: {
+        from: {
+          opacity: string;
+          visibility: string;
+        };
+        to: {
+          opacity: string;
+          visibility: string;
+        };
+      };
+      fadeInScaled: {
+        from: {
+          opacity: string;
+          transform: string;
+        };
+        to: {
+          opacity: string;
+          transform: string;
+        };
+      };
+      fadeOut: {
+        from: {
+          opacity: string;
+          transform: string;
+        };
+        to: {
+          opacity: string;
+          transform: string;
+        };
+      };
+      grow: {
+        from: {
+          transform: string;
+        };
+        to: {
+          transform: string;
+        };
+      };
+      loading: {
+        '0%, 100%, 80%': {
+          transform: string;
+        };
+        '40%': {
+          transform: string;
+        };
+      };
+      progressWave: {
+        '0%': {
+          strokeDasharray: string;
+          strokeDashoffset: string;
+        };
+        '100%': {
+          strokeDasharray: string;
+          strokeDashoffset: string;
+        };
+        '50%': {
+          strokeDasharray: string;
+          strokeDashoffset: string;
+        };
+      };
+      progressWaveRotate: {
+        '0%': {
+          transform: string;
+        };
+        '100%': {
+          transform: string;
+        };
+      };
+      saveButtonPulse: {
+        '0%': {
+          transform: string;
+        };
+        '35%': {
+          transform: string;
+        };
+        '65%': {
+          transform: string;
+        };
+        '100%': {
+          transform: string;
+        };
+      };
+      saveButtonWiggle: {
+        '0%, 100%': {
+          transform: string;
+        };
+        '10%': {
+          transform: string;
+        };
+        '25%': {
+          transform: string;
+        };
+        '40%': {
+          transform: string;
+        };
+        '55%': {
+          transform: string;
+        };
+        '70%': {
+          transform: string;
+        };
+        '85%': {
+          transform: string;
+        };
+      };
+      saveHeartColorFlash: {
+        '0%': {
+          fill: string;
+        };
+        '40%': {
+          fill: string;
+        };
+        '60%': {
+          fill: string;
+        };
+        '100%': {
+          fill: string;
+        };
+      };
+      saveHeartPop: {
+        '0%': {
+          transform: string;
+        };
+        '20%': {
+          transform: string;
+        };
+        '60%': {
+          transform: string;
+        };
+        '100%': {
+          transform: string;
+        };
+      };
+      saveHeartTwirlBloom: {
+        '0%': {
+          transform: string;
+        };
+        '30%': {
+          transform: string;
+        };
+        '100%': {
+          transform: string;
+        };
+      };
+      saveLabelShimmer: {
+        '0%': {
+          backgroundPosition: string;
+        };
+        '100%': {
+          backgroundPosition: string;
+        };
+      };
+      shrink: {
+        from: {
+          transform: string;
+        };
+        to: {
+          transform: string;
+        };
+      };
+      slideDown: {
+        '0%': {
+          opacity: string;
+          transform: string;
+        };
+        '100%': {
+          opacity: string;
+          transform: string;
+        };
+      };
+      slideUp: {
+        '0%': {
+          opacity: string;
+          transform: string;
+        };
+        '100%': {
+          opacity: string;
+          transform: string;
+        };
+      };
+    };
+    maxWidth: {
+      readonly dense: string;
+      readonly page: string;
+    };
+    minWidth: {
+      readonly dense: string;
+      readonly page: string;
+    };
+    spacing: {
+      readonly '2xl': "64px";
+      readonly '2xs': "4px";
+      readonly '3xl': "128px";
+      readonly '3xs': "2px";
+      readonly lg: "32px";
+      readonly md: "24px";
+      readonly sm: "16px";
+      readonly xl: "48px";
+      readonly xs: "8px";
+    };
+    width: {
+      readonly dense: string;
+      readonly page: string;
+    };
+  };
+  fontFamily: {
+    primary: string;
+    secondary: string;
+  };
+  screens: {
+    readonly desktop: {
+      readonly min: "769px";
+    };
+    readonly lgMax: {
+      readonly max: "1644px";
+    };
+    readonly lgMin: {
+      readonly min: "1249px";
+    };
+    readonly mdMax: {
+      readonly max: "1248px";
+    };
+    readonly mdMin: {
+      readonly min: "1024px";
+    };
+    readonly mobile: {
+      readonly max: "480px";
+    };
+    readonly mobileSmall: {
+      readonly max: "380px";
+    };
+    readonly print: {
+      readonly raw: "print";
+    };
+    readonly smMax: {
+      readonly max: "1023px";
+    };
+    readonly smMin: {
+      readonly min: "769px";
+    };
+    readonly tabletMax: {
+      readonly max: "954px";
+    };
+    readonly tabletMin: {
+      readonly min: "954px";
+    };
+    readonly xlMin: {
+      readonly min: "1645px";
+    };
+    readonly xsMax: {
+      readonly max: "768px";
+    };
+  };
+};
+declare const pluginComponentStyles: {
+  '.hui-autofill-transparent': {
+    '&:-webkit-autofill': {
+      '-webkit-box-shadow': string;
+      'box-shadow': string;
+    };
+    '&:-webkit-autofill:active': {
+      '-webkit-box-shadow': string;
+      'box-shadow': string;
+    };
+    '&:-webkit-autofill:focus': {
+      '-webkit-box-shadow': string;
+      'box-shadow': string;
+    };
+    '&:-webkit-autofill:hover': {
+      '-webkit-box-shadow': string;
+      'box-shadow': string;
+    };
+  };
+  '.hui-focus-visible-outline': {
+    '@apply focus-visible:outline-focus-primary focus-visible:outline focus-visible:outline-4': {};
+  };
+  '.hui-focus-visible-outline-inverse': {
+    '@apply focus-visible:outline-focus-inverse focus-visible:outline focus-visible:outline-4': {};
+  };
+  '.scrollbar-default': {
+    '&::-webkit-scrollbar': {
+      display: string;
+    };
+    '-ms-overflow-style': string;
+    'scrollbar-width': string;
+  };
+  '.scrollbar-hide': {
+    '&::-webkit-scrollbar': {
+      display: string;
+    };
+    '-ms-overflow-style': string;
+    'scrollbar-width': string;
+  };
+};
+declare const pluginBaseStyles: {
+  "@media (prefers-reduced-motion: reduce)": Record<string, {
+    'animation-delay': string;
+    'animation-duration': string;
+    'animation-iteration-count': string;
+  }>;
+  '@keyframes saveButtonWiggle': {
+    '0%, 100%': {
+      transform: string;
+    };
+    '10%': {
+      transform: string;
+    };
+    '25%': {
+      transform: string;
+    };
+    '40%': {
+      transform: string;
+    };
+    '55%': {
+      transform: string;
+    };
+    '70%': {
+      transform: string;
+    };
+    '85%': {
+      transform: string;
+    };
+  };
+  '@keyframes saveHeartTwirlBloom': {
+    '0%': {
+      transform: string;
+    };
+    '30%': {
+      transform: string;
+    };
+    '100%': {
+      transform: string;
+    };
+  };
+  '@keyframes saveHeartColorFlash': {
+    '0%': {
+      fill: string;
+    };
+    '40%': {
+      fill: string;
+    };
+    '60%': {
+      fill: string;
+    };
+    '100%': {
+      fill: string;
+    };
+  };
+  '@keyframes saveLabelShimmer': {
+    '0%': {
+      backgroundPosition: string;
+    };
+    '100%': {
+      backgroundPosition: string;
+    };
+  };
+  '@keyframes saveButtonPulse': {
+    '0%': {
+      transform: string;
+    };
+    '35%': {
+      transform: string;
+    };
+    '65%': {
+      transform: string;
+    };
+    '100%': {
+      transform: string;
+    };
+  };
+  '@keyframes saveHeartPop': {
+    '0%': {
+      transform: string;
+    };
+    '20%': {
+      transform: string;
+    };
+    '60%': {
+      transform: string;
+    };
+    '100%': {
+      transform: string;
+    };
+  };
+  '.hui-fb-shimmer': {
+    lineHeight: string;
+    backgroundImage: string;
+    backgroundSize: string;
+    backgroundClip: string;
+    '-webkit-background-clip': string;
+    '-webkit-text-fill-color': string;
+    '@media (prefers-reduced-motion: reduce)': {
+      backgroundImage: string;
+      '-webkit-text-fill-color': string;
+    };
+  };
+  '.hui-fb-color-flash .hui-fb-icon-frame svg path': {
+    animation: string;
+    animationFillMode: string;
+  };
+};
 declare const themePlugin: {
   handler: import("tailwindcss/types/config").PluginCreator;
   config?: Partial<import("tailwindcss/types/config").Config>;
 };
 //#endregion
-export { themePlugin };
+export { autofillStyles, pluginBaseStyles, pluginComponentStyles, tailwindTheme, themePlugin };
 //# sourceMappingURL=plugin.d.mts.map

package/tailwind/plugin.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.mts","names":[],"sources":["../../src/tailwind/plugin.ts"],"mappings":";;AA2BA;;;;;;;;;cAAa,WAAA;;WAwRZ,OAAA"}
+{"version":3,"file":"plugin.d.mts","names":[],"sources":["../../src/tailwind/plugin.ts"],"mappings":";;AAyBA;;;;;AAKA;;;;cALa,cAAA;EAGZ,oBAAA;EAAA,YAAA;AAAA;AAAA,cAEY,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA2IA,qBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAsCA,gBAAA;6CAuEZ,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAEY,WAAA;;WAkBZ,OAAA"}

package/tailwind/plugin.mjs

@@ -1,2 +1,2 @@
-import { t as themePlugin } from "../plugin-D4eCyUJe.mjs";
-export { themePlugin };
+import { a as themePlugin, i as tailwindTheme, n as pluginBaseStyles, r as pluginComponentStyles, t as autofillStyles } from "../plugin-D6aLCeNB.mjs";
+export { autofillStyles, pluginBaseStyles, pluginComponentStyles, tailwindTheme, themePlugin };

package/themes/runtime/default.cjs

@@ -2,5 +2,5 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_default = require("../../default-b-tgfyxR.cjs");
+const require_default = require("../../default-B6VWF0Js.cjs");
 exports.defaultTheme = require_default.defaultTheme;

package/themes/runtime/default.mjs

@@ -1,2 +1,2 @@
-import { t as defaultTheme } from "../../default-B2n4PnsJ.mjs";
+import { t as defaultTheme } from "../../default-BogJDhKE.mjs";
 export { defaultTheme };

package/themes/themeType.d.cts

@@ -1,4 +1,4 @@
-import { n as Brands } from "../brands-n30rolHQ.cjs";
+import { r as Brands } from "../brands-CE0wIkKX.cjs";
 
 //#region src/themes/themeType.d.ts
 type TokenValue = string;

package/themes/themeType.d.mts

@@ -1,4 +1,4 @@
-import { n as Brands } from "../brands-n30rolHQ.mjs";
+import { r as Brands } from "../brands-CE0wIkKX.mjs";
 
 //#region src/themes/themeType.d.ts
 type TokenValue = string;

package/allThemes-CFS_9-tk.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"allThemes-CFS_9-tk.cjs","names":["buildRuntimeTheme","buildRuntimeTheme","defaultTheme"],"sources":["../src/themes/runtime/basketballTraining.ts","../src/themes/runtime/professionalBrand.ts","../src/themes/allThemes.ts"],"sourcesContent":["import { buildRuntimeTheme } from './buildTheme';\n\nexport const basketballTrainingTheme = buildRuntimeTheme('BasketballTraining');\n","import { buildRuntimeTheme } from './buildTheme';\n\nexport const professionalBrandTheme = buildRuntimeTheme('ProfessionalBrand');\n","import type { Brands } from './brands';\nimport type { CleanTheme } from './themeType';\n\nimport { basketballTrainingTheme } from './runtime/basketballTraining';\nimport { defaultTheme } from './runtime/default';\nimport { professionalBrandTheme } from './runtime/professionalBrand';\n\nexport const allThemes = {\n    BasketballTraining: basketballTrainingTheme,\n    Default: defaultTheme,\n    ProfessionalBrand: professionalBrandTheme,\n} as const satisfies Record<Brands, CleanTheme>;\n"],"mappings":";;AAEA,MAAa,0BAA0BA,gBAAAA,kBAAkB,oBAAoB;;;ACA7E,MAAa,yBAAyBC,gBAAAA,kBAAkB,mBAAmB;;;ACK3E,MAAa,YAAY;CACrB,oBAAoB;CACpB,SAASC,gBAAAA;CACT,mBAAmB;AACvB"}

package/allThemes-OV-ayn4C.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"allThemes-OV-ayn4C.mjs","names":[],"sources":["../src/themes/runtime/basketballTraining.ts","../src/themes/runtime/professionalBrand.ts","../src/themes/allThemes.ts"],"sourcesContent":["import { buildRuntimeTheme } from './buildTheme';\n\nexport const basketballTrainingTheme = buildRuntimeTheme('BasketballTraining');\n","import { buildRuntimeTheme } from './buildTheme';\n\nexport const professionalBrandTheme = buildRuntimeTheme('ProfessionalBrand');\n","import type { Brands } from './brands';\nimport type { CleanTheme } from './themeType';\n\nimport { basketballTrainingTheme } from './runtime/basketballTraining';\nimport { defaultTheme } from './runtime/default';\nimport { professionalBrandTheme } from './runtime/professionalBrand';\n\nexport const allThemes = {\n    BasketballTraining: basketballTrainingTheme,\n    Default: defaultTheme,\n    ProfessionalBrand: professionalBrandTheme,\n} as const satisfies Record<Brands, CleanTheme>;\n"],"mappings":";;AAEA,MAAa,0BAA0B,kBAAkB,oBAAoB;;;ACA7E,MAAa,yBAAyB,kBAAkB,mBAAmB;;;ACK3E,MAAa,YAAY;CACrB,oBAAoB;CACpB,SAAS;CACT,mBAAmB;AACvB"}

package/brands-n30rolHQ.d.cts

@@ -1,33 +0,0 @@
-//#region src/themes/brands.d.ts
-type Brands = 'BasketballTraining' | 'ProfessionalBrand' | 'Default';
-declare const brands: Brands[];
-declare const brandsToCSS: Record<Brands, string>;
-type BrandRegistryEntry = {
-  cssClass: string;
-  label: string;
-  storybookKey: Brands;
-  themeKey: Brands;
-};
-declare const brandRegistry: {
-  readonly BasketballTraining: {
-    readonly cssClass: string;
-    readonly label: "Basketball Training";
-    readonly storybookKey: "BasketballTraining";
-    readonly themeKey: "BasketballTraining";
-  };
-  readonly Default: {
-    readonly cssClass: string;
-    readonly label: "Default (Neutral)";
-    readonly storybookKey: "Default";
-    readonly themeKey: "Default";
-  };
-  readonly ProfessionalBrand: {
-    readonly cssClass: string;
-    readonly label: "Professional Brand";
-    readonly storybookKey: "ProfessionalBrand";
-    readonly themeKey: "ProfessionalBrand";
-  };
-};
-//#endregion
-export { brandsToCSS as a, brands as i, Brands as n, brandRegistry as r, BrandRegistryEntry as t };
-//# sourceMappingURL=brands-n30rolHQ.d.cts.map

package/brands-n30rolHQ.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"brands-n30rolHQ.d.cts","names":[],"sources":["../src/themes/brands.ts"],"mappings":";KAAY,MAAA;AAAA,cAEC,MAAA,EAAQ,MAAM;AAAA,cAEd,WAAA,EAAa,MAAM,CAAC,MAAA;AAAA,KAMrB,kBAAA;EACR,QAAA;EACA,KAAA;EACA,YAAA,EAAc,MAAA;EACd,QAAA,EAAU,MAAM;AAAA;AAAA,cAGP,aAAA;EAAA"}

package/brands-n30rolHQ.d.mts

@@ -1,33 +0,0 @@
-//#region src/themes/brands.d.ts
-type Brands = 'BasketballTraining' | 'ProfessionalBrand' | 'Default';
-declare const brands: Brands[];
-declare const brandsToCSS: Record<Brands, string>;
-type BrandRegistryEntry = {
-  cssClass: string;
-  label: string;
-  storybookKey: Brands;
-  themeKey: Brands;
-};
-declare const brandRegistry: {
-  readonly BasketballTraining: {
-    readonly cssClass: string;
-    readonly label: "Basketball Training";
-    readonly storybookKey: "BasketballTraining";
-    readonly themeKey: "BasketballTraining";
-  };
-  readonly Default: {
-    readonly cssClass: string;
-    readonly label: "Default (Neutral)";
-    readonly storybookKey: "Default";
-    readonly themeKey: "Default";
-  };
-  readonly ProfessionalBrand: {
-    readonly cssClass: string;
-    readonly label: "Professional Brand";
-    readonly storybookKey: "ProfessionalBrand";
-    readonly themeKey: "ProfessionalBrand";
-  };
-};
-//#endregion
-export { brandsToCSS as a, brands as i, Brands as n, brandRegistry as r, BrandRegistryEntry as t };
-//# sourceMappingURL=brands-n30rolHQ.d.mts.map

package/brands-n30rolHQ.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"brands-n30rolHQ.d.mts","names":[],"sources":["../src/themes/brands.ts"],"mappings":";KAAY,MAAA;AAAA,cAEC,MAAA,EAAQ,MAAM;AAAA,cAEd,WAAA,EAAa,MAAM,CAAC,MAAA;AAAA,KAMrB,kBAAA;EACR,QAAA;EACA,KAAA;EACA,YAAA,EAAc,MAAA;EACd,QAAA,EAAU,MAAM;AAAA;AAAA,cAGP,aAAA;EAAA"}