Skip to content

feat: add fixes and guide for tailwind v4 #2127

feat: add fixes and guide for tailwind v4

feat: add fixes and guide for tailwind v4 #2127

Triggered via pull request February 10, 2025 07:36
Status Failure
Total duration 3m 10s
Artifacts

test.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

13 errors
packages/tailwind-config/src/index.test.ts > tailwind.config.js > list of classes: packages/tailwind-config/src/index.test.ts#L33
Error: Snapshot `tailwind.config.js > list of classes 1` mismatched - Expected + Received @@ -3,555 +3,757 @@ "not-sr-only", "pointer-events-none", "pointer-events-auto", "visible", "invisible", + "collapse", "static", "fixed", "absolute", "relative", "sticky", + "-inset-0", + "-inset-1/2", + "-inset-1/3", + "-inset-1/4", + "-inset-104", + "-inset-16", + "-inset-168", + "-inset-2/3", + "-inset-2/4", + "-inset-24", + "-inset-272", + "-inset-3/4", + "-inset-4", + "-inset-40", + "-inset-440", + "-inset-64", + "-inset-8", + "-inset-full", "inset-0", - "inset-4", - "inset-8", + "inset-1/2", + "inset-1/3", + "inset-1/4", + "inset-104", "inset-16", + "inset-168", + "inset-2/3", + "inset-2/4", "inset-24", + "inset-272", + "inset-3/4", + "inset-4", "inset-40", + "inset-440", "inset-64", - "inset-104", - "inset-168", - "inset-272", - "inset-440", + "inset-8", "inset-auto", - "inset-1/2", - "inset-1/3", - "inset-2/3", - "inset-1/4", - "inset-2/4", - "inset-3/4", "inset-full", - "-inset-0", - "-inset-4", - "-inset-8", - "-inset-16", - "-inset-24", - "-inset-40", - "-inset-64", - "-inset-104", - "-inset-168", - "-inset-272", - "-inset-440", - "-inset-1/2", - "-inset-1/3", - "-inset-2/3", - "-inset-1/4", - "-inset-2/4", - "-inset-3/4", - "-inset-full", - "inset-x-0", - "inset-x-4", - "inset-x-8", - "inset-x-16", - "inset-x-24", - "inset-x-40", - "inset-x-64", - "inset-x-104", - "inset-x-168", - "inset-x-272", - "inset-x-440", - "inset-x-auto", - "inset-x-1/2", - "inset-x-1/3", - "inset-x-2/3", - "inset-x-1/4", - "inset-x-2/4", - "inset-x-3/4", - "inset-x-full", "-inset-x-0", - "-inset-x-4", - "-inset-x-8", - "-inset-x-16", - "-inset-x-24", - "-inset-x-40", - "-inset-x-64", + "-inset-x-1/2", + "-inset-x-1/3", + "-inset-x-1/4", "-inset-x-104", + "-inset-x-16", "-inset-x-168", - "-inset-x-272", - "-inset-x-440", - "-inset-x-1/2", - "-inset-x-1/3", "-inset-x-2/3", - "-inset-x-1/4", "-inset-x-2/4", + "-inset-x-24", + "-inset-x-272", "-inset-x-3/4", + "-inset-x-4", + "-inset-x-40", + "-inset-x-440", + "-inset-x-64", + "-inset-x-8", "-inset-x-full", + "-inset-y-0", + "-inset-y-1/2", + "-inset-y-1/3", + "-inset-y-1/4", + "-inset-y-104", + "-inset-y-16", + "-inset-y-168", + "-inset-y-2/3", + "-inset-y-2/4", + "-inset-y-24", + "-inset-y-272", + "-inset-y-3/4", + "-inset-y-4", + "-inset-y-40", + "-inset-y-440", + "-inset-y-64", + "-inset-y-8", + "-inset-y-full", + "inset-x-0", + "inset-x-1/2", + "inset-x-1/3", + "inset-x-1/4", + "inset-x-104", + "inset-x-16", + "inset-x-168", + "inset-x-2/3", + "inset-x-2/4", + "inset-x-24", + "inset-x-272", + "inset-x-3/4", + "inset-x-4", + "inset-x-40", + "inset-x-440", + "inset-x-64", + "inset-x-8", + "inset-x-auto", + "inset-x-full", "inset-y-0", - "inset-y-4", - "inset-y-8", + "inset-y-1/2", + "inset-y-1/3", + "inset-y-1/4", + "inset-y-104", "inset-y-16", + "inset-y-168", + "inset-y-2/3", + "inset-y-2/4", "inset-y-24", + "inset-y-272", + "inset-y-3/4", + "inset-y-4", "inset-y-40", + "inset-y-440", "inset-y-64", - "inset-y-104", - "inset-y-168", - "inset-y-272", - "inset-y-440", + "inset-y-8", "inset-y-auto", - "inset-y-1/2", - "inset-y-1/3", - "inset-y-2/3", - "inset-y-1/4", - "inset-y-2/4", - "inset-y-3/4", "inset-y-full", - "-inset-y-0", - "-inset-y-4", - "-inset-y-8", - "-inset-y-16", - "-inset-y-24", - "-inset-y-40", - "-inset-y-64", - "-inset-y-104", - "-inset-y-168", - "-inset-y-272", - "-inset-y-440", - "-inset-y-1/2", - "-inset-y-1/3", - "-inset-y-2/3", - "-inset-y-1/4", - "-inset-y-2/4", - "-inset-y-3/4", - "-inset-y-full", - "top-0", - "top-4", - "top-8", - "top-16", - "top-24", - "top-40", - "top-64", -
packages/tailwind-config/src/tokenV2.test.ts > unstable_createTailwindConfigTokenV2 > list of classes: packages/tailwind-config/src/tokenV2.test.ts#L20
Error: Snapshot `unstable_createTailwindConfigTokenV2 > list of classes 1` mismatched - Expected + Received @@ -3,1031 +3,1369 @@ "not-sr-only", "pointer-events-none", "pointer-events-auto", "visible", "invisible", + "collapse", "static", "fixed", "absolute", "relative", "sticky", + "-inset-1/2", + "-inset-1/3", + "-inset-1/4", + "-inset-2/3", + "-inset-2/4", + "-inset-3/4", + "-inset-between-checkboxes-horizontal", + "-inset-between-checkboxes-vertical", + "-inset-component-0", + "-inset-component-10", + "-inset-component-20", + "-inset-component-25", + "-inset-component-30", + "-inset-component-40", + "-inset-component-50", + "-inset-full", + "-inset-gap-buttons", + "-inset-gap-form-items", + "-inset-layout-0", + "-inset-layout-10", + "-inset-layout-100", + "-inset-layout-20", + "-inset-layout-25", + "-inset-layout-30", + "-inset-layout-40", + "-inset-layout-50", + "-inset-layout-60", + "-inset-layout-70", + "-inset-layout-80", + "-inset-layout-90", + "-inset-padding-card", + "-inset-target-l", + "-inset-target-m", + "-inset-target-s", + "-inset-target-xs", + "inset-1/2", + "inset-1/3", + "inset-1/4", + "inset-2/3", + "inset-2/4", + "inset-3/4", "inset-auto", - "inset-gap-buttons", - "inset-gap-form-items", - "inset-padding-card", - "inset-target-xs", - "inset-target-s", - "inset-target-m", - "inset-target-l", + "inset-between-checkboxes-horizontal", + "inset-between-checkboxes-vertical", "inset-component-0", "inset-component-10", "inset-component-20", "inset-component-25", "inset-component-30", "inset-component-40", "inset-component-50", + "inset-full", + "inset-gap-buttons", + "inset-gap-form-items", "inset-layout-0", "inset-layout-10", + "inset-layout-100", "inset-layout-20", "inset-layout-25", "inset-layout-30", "inset-layout-40", "inset-layout-50", "inset-layout-60", "inset-layout-70", "inset-layout-80", "inset-layout-90", - "inset-layout-100", - "inset-between-checkboxes-vertical", - "inset-between-checkboxes-horizontal", - "inset-1/2", - "inset-1/3", - "inset-2/3", - "inset-1/4", - "inset-2/4", - "inset-3/4", - "inset-full", - "-inset-gap-buttons", - "-inset-gap-form-items", - "-inset-padding-card", - "-inset-target-xs", - "-inset-target-s", - "-inset-target-m", - "-inset-target-l", - "-inset-component-0", - "-inset-component-10", - "-inset-component-20", - "-inset-component-25", - "-inset-component-30", - "-inset-component-40", - "-inset-component-50", - "-inset-layout-0", - "-inset-layout-10", - "-inset-layout-20", - "-inset-layout-25", - "-inset-layout-30", - "-inset-layout-40", - "-inset-layout-50", - "-inset-layout-60", - "-inset-layout-70", - "-inset-layout-80", - "-inset-layout-90", - "-inset-layout-100", - "-inset-between-checkboxes-vertical", - "-inset-between-checkboxes-horizontal", - "-inset-1/2", - "-inset-1/3", - "-inset-2/3", - "-inset-1/4", - "-inset-2/4", - "-inset-3/4", - "-inset-full", + "inset-padding-card", + "inset-target-l", + "inset-target-m", + "inset-target-s", + "inset-target-xs", + "-inset-x-1/2", + "-inset-x-1/3", + "-inset-x-1/4", + "-inset-x-2/3", + "-inset-x-2/4", + "-inset-x-3/4", + "-inset-x-between-checkboxes-horizontal", + "-inset-x-between-checkboxes-vertical", + "-inset-x-component-0", + "-inset-x-component-10", + "-inset-x-component-20", + "-inset-x-component-25", + "-inset-x-component-30", + "-inset-x-component-40", + "-inset-x-component-50", + "-inset-x-full", + "-inset-x-gap-buttons", + "-inset-x-gap-form-items", + "-inset-x-layout-0", + "-inset-x-layout-10", + "-inset-x-layout-100", + "-inset-x-layout-20", + "-inset-x-layout-25", + "-inset-x-layout-30", + "-inset-x-layout-40", + "-inset-x-layout-50", + "-inset-x-layout-60", + "-inset-x-layout-70", + "-inset-x-layout-80", + "-inset-x-layout-
test
Process completed with exit code 1.
lint: packages/tailwind-config/src/docs/colors/TextBgColor.story.tsx#L10
Unsafe argument of type `any` assigned to a parameter of type `{}`
lint: packages/tailwind-config/src/docs/colors/TextBgColor.story.tsx#L14
Unsafe argument of type `any` assigned to a parameter of type `{}`
lint: packages/tailwind-config/src/docs/colors/TextColors.tsx#L6
Unsafe argument of type `any` assigned to a parameter of type `{}`
lint: packages/tailwind-config/src/docs/colors/index.ts#L3
Unsafe assignment of an `any` value
lint: packages/tailwind-config/src/docs/colors/index.ts#L3
Unsafe member access .colors on an `any` value
lint: packages/tailwind-config/src/docs/gradient/index.ts#L12
Unexpected any value in conditional. An explicit comparison or type cast is required
lint: packages/tailwind-config/src/docs/gradient/index.ts#L13
Unsafe member access [2] on an `any` value
lint: packages/tailwind-config/src/docs/screens/Screens.tsx#L7
Unsafe argument of type `any` assigned to a parameter of type `{ [s: string]: unknown; } | ArrayLike<unknown>`
lint: packages/tailwind-config/src/docs/screens/index.ts#L3
Unsafe assignment of an `any` value
lint: packages/tailwind-config/src/docs/screens/index.ts#L3
Unsafe member access .screens on an `any` value