tailwindcss - npm Package Compare versions

Comparing version 4.0.0-alpha.19 to 4.0.0-alpha.20

dist/lib.d.ts

@@ -77,2 +77,3 @@ type ArbitraryUtilityValue = {
     compounds: boolean;
+    relative: boolean;
 }
@@ -142,2 +143,3 @@ /**
     important: boolean;
+    raw: string;
 }
@@ -158,2 +160,3 @@ /**
     important: boolean;
+    raw: string;
 }
@@ -177,4 +180,4 @@ /**
     important: boolean;
+    raw: string;
 };
-declare function parseCandidate(input: string, designSystem: DesignSystem): Candidate | null;
 declare function parseVariant(variant: string, designSystem: DesignSystem): Variant | null;
@@ -190,3 +193,3 @@
     property: string;
-    value: string;
+    value: string | undefined;
     important: boolean;
@@ -199,5 +202,2 @@ };
 type AstNode = Rule | Declaration | Comment;
-type CssInJs = {
-    [key: string]: string | CssInJs;
-};
 
@@ -228,3 +228,3 @@ declare class Theme {
 }
-type ThemeKey = '--accent-color' | '--animate' | '--aspect-ratio' | '--backdrop-blur' | '--backdrop-brightness' | '--backdrop-contrast' | '--backdrop-grayscale' | '--backdrop-hue-rotate' | '--backdrop-invert' | '--backdrop-opacity' | '--backdrop-saturate' | '--backdrop-sepia' | '--background-color' | '--background-image' | '--blur' | '--border-color' | '--border-spacing' | '--border-width' | '--box-shadow-color' | '--breakpoint' | '--brightness' | '--caret-color' | '--color' | '--columns' | '--contrast' | '--cursor' | '--default-border-width' | '--default-ring-color' | '--default-ring-width' | '--default-transition-timing-function' | '--default-transition-duration' | '--divide-width' | '--divide-color' | '--drop-shadow' | '--fill' | '--flex-basis' | '--font-family' | '--font-size' | '--font-weight' | '--gap' | '--gradient-color-stop-positions' | '--grayscale' | '--grid-auto-columns' | '--grid-auto-rows' | '--grid-column' | '--grid-column-end' | '--grid-column-start' | '--grid-row' | '--grid-row-end' | '--grid-row-start' | '--grid-template-columns' | '--grid-template-rows' | '--height' | '--hue-rotate' | '--inset' | '--inset-shadow' | '--invert' | '--letter-spacing' | '--line-height' | '--line-clamp' | '--list-style-image' | '--list-style-type' | '--margin' | '--max-height' | '--max-width' | '--min-height' | '--min-width' | '--object-position' | '--opacity' | '--order' | '--outline-color' | '--outline-width' | '--outline-offset' | '--padding' | '--placeholder-color' | '--perspective' | '--perspective-origin' | '--radius' | '--ring-color' | '--ring-offset-color' | '--ring-offset-width' | '--ring-width' | '--rotate' | '--saturate' | '--scale' | '--scroll-margin' | '--scroll-padding' | '--sepia' | '--shadow' | '--size' | '--skew' | '--space' | '--spacing' | '--stroke' | '--stroke-width' | '--text-color' | '--text-decoration-color' | '--text-decoration-thickness' | '--text-indent' | '--text-underline-offset' | '--transform-origin' | '--transition-delay' | '--transition-duration' | '--transition-property' | '--transition-timing-function' | '--translate' | '--width' | '--z-index';
+type ThemeKey = '--accent-color' | '--animate' | '--aspect-ratio' | '--backdrop-blur' | '--backdrop-brightness' | '--backdrop-contrast' | '--backdrop-grayscale' | '--backdrop-hue-rotate' | '--backdrop-invert' | '--backdrop-opacity' | '--backdrop-saturate' | '--backdrop-sepia' | '--background-color' | '--background-image' | '--blur' | '--border-color' | '--border-spacing' | '--border-width' | '--box-shadow-color' | '--breakpoint' | '--brightness' | '--caret-color' | '--color' | '--columns' | '--contrast' | '--cursor' | '--default-border-width' | '--default-ring-color' | '--default-ring-width' | '--default-transition-timing-function' | '--default-transition-duration' | '--divide-width' | '--divide-color' | '--drop-shadow' | '--fill' | '--flex-basis' | '--font-family' | '--font-size' | '--font-weight' | '--gap' | '--gradient-color-stop-positions' | '--grayscale' | '--grid-auto-columns' | '--grid-auto-rows' | '--grid-column' | '--grid-column-end' | '--grid-column-start' | '--grid-row' | '--grid-row-end' | '--grid-row-start' | '--grid-template-columns' | '--grid-template-rows' | '--height' | '--hue-rotate' | '--inset' | '--inset-shadow' | '--invert' | '--letter-spacing' | '--line-height' | '--line-clamp' | '--list-style-image' | '--list-style-type' | '--margin' | '--max-height' | '--max-width' | '--min-height' | '--min-width' | '--object-position' | '--opacity' | '--order' | '--outline-color' | '--outline-width' | '--outline-offset' | '--padding' | '--placeholder-color' | '--perspective' | '--perspective-origin' | '--radius' | '--ring-color' | '--ring-offset-color' | '--ring-offset-width' | '--ring-width' | '--rotate' | '--saturate' | '--scale' | '--scroll-margin' | '--scroll-padding' | '--sepia' | '--shadow' | '--size' | '--skew' | '--space' | '--spacing' | '--stroke' | '--stroke-width' | '--text-color' | '--text-decoration-color' | '--text-decoration-thickness' | '--text-indent' | '--text-underline-offset' | '--transform-origin' | '--transition-delay' | '--transition-duration' | '--transition-property' | '--transition-timing-function' | '--translate' | '--width' | '--z-index' | `--default-${string}`;
 
@@ -284,6 +284,6 @@ type VariantFn<T extends Variant['kind']> = (rule: Rule, variant: Extract<Variant, {
 
-declare function compileAstNodes(rawCandidate: string, designSystem: DesignSystem): {
-    node: Rule;
+declare function compileAstNodes(candidate: Candidate, designSystem: DesignSystem): {
+    node: AstNode;
     propertySort: number[];
-} | null;
+}[];
 
@@ -314,2 +314,10 @@ interface ClassMetadata {
 }
+type UtilityOptions = {
+    types: string[];
+};
+type Utility = {
+    kind: 'static' | 'functional';
+    compileFn: CompileFn<any>;
+    options?: UtilityOptions;
+};
 declare class Utilities {
@@ -319,8 +327,5 @@ private utilities;
     static(name: string, compileFn: CompileFn<'static'>): void;
-    functional(name: string, compileFn: CompileFn<'functional'>): void;
+    functional(name: string, compileFn: CompileFn<'functional'>, options?: UtilityOptions): void;
     has(name: string, kind: 'static' | 'functional'): boolean;
-    get(name: string): {
-        kind: "static" | "functional";
-        compileFn: CompileFn<any>;
-    }[];
+    get(name: string): Utility[];
     getCompletions(name: string): SuggestionGroup[];
@@ -339,22 +344,63 @@ suggest(name: string, groups: () => SuggestionGroup[]): void;
     getVariants(): VariantEntry[];
-    parseCandidate(candidate: string): ReturnType<typeof parseCandidate>;
+    parseCandidate(candidate: string): Candidate[];
     parseVariant(variant: string): ReturnType<typeof parseVariant>;
-    compileAstNodes(candidate: string): ReturnType<typeof compileAstNodes>;
+    compileAstNodes(candidate: Candidate): ReturnType<typeof compileAstNodes>;
     getUsedVariants(): ReturnType<typeof parseVariant>[];
 };
 
+interface PluginUtils {
+    theme(keypath: string, defaultValue?: any): any;
+}
+
+type ResolvableTo<T> = T | ((utils: PluginUtils) => T);
+interface UserConfig {
+    theme?: ThemeConfig;
+}
+type ThemeValue = ResolvableTo<Record<string, unknown>> | null | undefined;
+type ThemeConfig = Record<string, ThemeValue> & {
+    extend?: Record<string, ThemeValue>;
+};
+
+type PluginFn = (api: PluginAPI) => void;
+type PluginWithConfig = {
+    handler: PluginFn;
+    config?: UserConfig;
+};
+type PluginWithOptions<T> = {
+    (options?: T): PluginWithConfig;
+    __isOptionsFunction: true;
+};
+type Plugin = PluginFn | PluginWithConfig | PluginWithOptions<any>;
 type PluginAPI = {
+    addBase(base: CssInJs): void;
     addVariant(name: string, variant: string | string[] | CssInJs): void;
-    addUtilities(utilities: Record<string, CssInJs>, options?: {}): void;
+    addUtilities(utilities: Record<string, CssInJs | CssInJs[]> | Record<string, CssInJs | CssInJs[]>[], options?: {}): void;
     matchUtilities(utilities: Record<string, (value: string, extra: {
         modifier: string | null;
+    }) => CssInJs | CssInJs[]>, options?: Partial<{
+        type: string | string[];
+        supportsNegativeValues: boolean;
+        values: Record<string, string> & {
+            __BARE_VALUE__?: (value: NamedUtilityValue) => string | undefined;
+        };
+        modifiers: 'any' | Record<string, string>;
+    }>): void;
+    addComponents(utilities: Record<string, CssInJs> | Record<string, CssInJs>[], options?: {}): void;
+    matchComponents(utilities: Record<string, (value: string, extra: {
+        modifier: string | null;
     }) => CssInJs>, options?: Partial<{
         type: string | string[];
         supportsNegativeValues: boolean;
-        values: Record<string, string>;
+        values: Record<string, string> & {
+            __BARE_VALUE__?: (value: NamedUtilityValue) => string | undefined;
+        };
         modifiers: 'any' | Record<string, string>;
     }>): void;
+    theme(path: string, defaultValue?: any): any;
+    prefix(className: string): string;
 };
+type CssInJs = {
+    [key: string]: string | CssInJs | CssInJs[];
+};
 
-type Plugin = (api: PluginAPI) => void;
 type CompileOptions = {
@@ -361,0 +407,0 @@ loadPlugin?: (path: string) => Promise<Plugin>;

package.json

 {
   "name": "tailwindcss",
-  "version": "4.0.0-alpha.19",
+  "version": "4.0.0-alpha.20",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
@@ -20,2 +20,14 @@ "license": "MIT",
     },
+    "./plugin": {
+      "require": "./dist/plugin.js",
+      "import": "./dist/plugin.mjs"
+    },
+    "./defaultTheme": {
+      "require": "./dist/default-theme.js",
+      "import": "./dist/default-theme.mjs"
+    },
+    "./colors": {
+      "require": "./dist/colors.js",
+      "import": "./dist/colors.mjs"
+    },
     "./package.json": "./package.json",
@@ -46,3 +58,3 @@ "./index.css": "./index.css",
     "lightningcss": "^1.26.0",
-    "@tailwindcss/oxide": "4.0.0-alpha.19"
+    "@tailwindcss/oxide": "4.0.0-alpha.20"
   },
@@ -49,0 +61,0 @@ "scripts": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

405607

increased by28.98%

Number of package files

24

increased by118.18%

Lines of code

3082

increased by10.7%

No dependency changes