@evolve.ui/theme-system 1.0.1 → 1.2.0

package/tailwind/plugin.d.cts

@@ -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.cts.map

package/tailwind/plugin.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.cts","names":[],"sources":["../../src/tailwind/plugin.ts"],"mappings":";;AA2BA;;;;;;;;;cAAa,WAAA;;WAwRZ,OAAA"}
+{"version":3,"file":"plugin.d.cts","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"}