feat: add fixes and guide for tailwind v4 #2127
test.yml
on: pull_request
build
1m 30s
test
1m 42s
lint
2m 5s
typecheck
1m 47s
typecheck-config
2m 59s
a11y
0s
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
|