diff --git a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap index 3bf7905409b2..1548840ebe44 100644 --- a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap +++ b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap @@ -280,6 +280,68 @@ exports[`getClassList 1`] = ` "-bottom-11/12", "-bottom-full", "-bottom-px", + "-bottom-safe", + "-bottom-safe-0", + "-bottom-safe-0.5", + "-bottom-safe-1", + "-bottom-safe-1.5", + "-bottom-safe-2", + "-bottom-safe-2.5", + "-bottom-safe-3", + "-bottom-safe-3.5", + "-bottom-safe-4", + "-bottom-safe-5", + "-bottom-safe-6", + "-bottom-safe-7", + "-bottom-safe-8", + "-bottom-safe-9", + "-bottom-safe-10", + "-bottom-safe-11", + "-bottom-safe-12", + "-bottom-safe-14", + "-bottom-safe-16", + "-bottom-safe-20", + "-bottom-safe-24", + "-bottom-safe-28", + "-bottom-safe-32", + "-bottom-safe-36", + "-bottom-safe-40", + "-bottom-safe-44", + "-bottom-safe-48", + "-bottom-safe-52", + "-bottom-safe-56", + "-bottom-safe-60", + "-bottom-safe-64", + "-bottom-safe-72", + "-bottom-safe-80", + "-bottom-safe-96", + "-bottom-safe-1/2", + "-bottom-safe-1/3", + "-bottom-safe-1/4", + "-bottom-safe-1/5", + "-bottom-safe-1/6", + "-bottom-safe-1/12", + "-bottom-safe-2/3", + "-bottom-safe-2/4", + "-bottom-safe-2/5", + "-bottom-safe-2/6", + "-bottom-safe-2/12", + "-bottom-safe-3/4", + "-bottom-safe-3/5", + "-bottom-safe-3/6", + "-bottom-safe-3/12", + "-bottom-safe-4/5", + "-bottom-safe-4/6", + "-bottom-safe-4/12", + "-bottom-safe-5/6", + "-bottom-safe-5/12", + "-bottom-safe-6/12", + "-bottom-safe-7/12", + "-bottom-safe-8/12", + "-bottom-safe-9/12", + "-bottom-safe-10/12", + "-bottom-safe-11/12", + "-bottom-safe-px", "-col-end-1", "-col-end-2", "-col-end-3", @@ -653,6 +715,68 @@ exports[`getClassList 1`] = ` "-inset-s-11/12", "-inset-s-full", "-inset-s-px", + "-inset-safe", + "-inset-safe-0", + "-inset-safe-0.5", + "-inset-safe-1", + "-inset-safe-1.5", + "-inset-safe-2", + "-inset-safe-2.5", + "-inset-safe-3", + "-inset-safe-3.5", + "-inset-safe-4", + "-inset-safe-5", + "-inset-safe-6", + "-inset-safe-7", + "-inset-safe-8", + "-inset-safe-9", + "-inset-safe-10", + "-inset-safe-11", + "-inset-safe-12", + "-inset-safe-14", + "-inset-safe-16", + "-inset-safe-20", + "-inset-safe-24", + "-inset-safe-28", + "-inset-safe-32", + "-inset-safe-36", + "-inset-safe-40", + "-inset-safe-44", + "-inset-safe-48", + "-inset-safe-52", + "-inset-safe-56", + "-inset-safe-60", + "-inset-safe-64", + "-inset-safe-72", + "-inset-safe-80", + "-inset-safe-96", + "-inset-safe-1/2", + "-inset-safe-1/3", + "-inset-safe-1/4", + "-inset-safe-1/5", + "-inset-safe-1/6", + "-inset-safe-1/12", + "-inset-safe-2/3", + "-inset-safe-2/4", + "-inset-safe-2/5", + "-inset-safe-2/6", + "-inset-safe-2/12", + "-inset-safe-3/4", + "-inset-safe-3/5", + "-inset-safe-3/6", + "-inset-safe-3/12", + "-inset-safe-4/5", + "-inset-safe-4/6", + "-inset-safe-4/12", + "-inset-safe-5/6", + "-inset-safe-5/12", + "-inset-safe-6/12", + "-inset-safe-7/12", + "-inset-safe-8/12", + "-inset-safe-9/12", + "-inset-safe-10/12", + "-inset-safe-11/12", + "-inset-safe-px", "-inset-x-0", "-inset-x-0.5", "-inset-x-1", @@ -715,6 +839,68 @@ exports[`getClassList 1`] = ` "-inset-x-11/12", "-inset-x-full", "-inset-x-px", + "-inset-x-safe", + "-inset-x-safe-0", + "-inset-x-safe-0.5", + "-inset-x-safe-1", + "-inset-x-safe-1.5", + "-inset-x-safe-2", + "-inset-x-safe-2.5", + "-inset-x-safe-3", + "-inset-x-safe-3.5", + "-inset-x-safe-4", + "-inset-x-safe-5", + "-inset-x-safe-6", + "-inset-x-safe-7", + "-inset-x-safe-8", + "-inset-x-safe-9", + "-inset-x-safe-10", + "-inset-x-safe-11", + "-inset-x-safe-12", + "-inset-x-safe-14", + "-inset-x-safe-16", + "-inset-x-safe-20", + "-inset-x-safe-24", + "-inset-x-safe-28", + "-inset-x-safe-32", + "-inset-x-safe-36", + "-inset-x-safe-40", + "-inset-x-safe-44", + "-inset-x-safe-48", + "-inset-x-safe-52", + "-inset-x-safe-56", + "-inset-x-safe-60", + "-inset-x-safe-64", + "-inset-x-safe-72", + "-inset-x-safe-80", + "-inset-x-safe-96", + "-inset-x-safe-1/2", + "-inset-x-safe-1/3", + "-inset-x-safe-1/4", + "-inset-x-safe-1/5", + "-inset-x-safe-1/6", + "-inset-x-safe-1/12", + "-inset-x-safe-2/3", + "-inset-x-safe-2/4", + "-inset-x-safe-2/5", + "-inset-x-safe-2/6", + "-inset-x-safe-2/12", + "-inset-x-safe-3/4", + "-inset-x-safe-3/5", + "-inset-x-safe-3/6", + "-inset-x-safe-3/12", + "-inset-x-safe-4/5", + "-inset-x-safe-4/6", + "-inset-x-safe-4/12", + "-inset-x-safe-5/6", + "-inset-x-safe-5/12", + "-inset-x-safe-6/12", + "-inset-x-safe-7/12", + "-inset-x-safe-8/12", + "-inset-x-safe-9/12", + "-inset-x-safe-10/12", + "-inset-x-safe-11/12", + "-inset-x-safe-px", "-inset-y-0", "-inset-y-0.5", "-inset-y-1", @@ -777,6 +963,68 @@ exports[`getClassList 1`] = ` "-inset-y-11/12", "-inset-y-full", "-inset-y-px", + "-inset-y-safe", + "-inset-y-safe-0", + "-inset-y-safe-0.5", + "-inset-y-safe-1", + "-inset-y-safe-1.5", + "-inset-y-safe-2", + "-inset-y-safe-2.5", + "-inset-y-safe-3", + "-inset-y-safe-3.5", + "-inset-y-safe-4", + "-inset-y-safe-5", + "-inset-y-safe-6", + "-inset-y-safe-7", + "-inset-y-safe-8", + "-inset-y-safe-9", + "-inset-y-safe-10", + "-inset-y-safe-11", + "-inset-y-safe-12", + "-inset-y-safe-14", + "-inset-y-safe-16", + "-inset-y-safe-20", + "-inset-y-safe-24", + "-inset-y-safe-28", + "-inset-y-safe-32", + "-inset-y-safe-36", + "-inset-y-safe-40", + "-inset-y-safe-44", + "-inset-y-safe-48", + "-inset-y-safe-52", + "-inset-y-safe-56", + "-inset-y-safe-60", + "-inset-y-safe-64", + "-inset-y-safe-72", + "-inset-y-safe-80", + "-inset-y-safe-96", + "-inset-y-safe-1/2", + "-inset-y-safe-1/3", + "-inset-y-safe-1/4", + "-inset-y-safe-1/5", + "-inset-y-safe-1/6", + "-inset-y-safe-1/12", + "-inset-y-safe-2/3", + "-inset-y-safe-2/4", + "-inset-y-safe-2/5", + "-inset-y-safe-2/6", + "-inset-y-safe-2/12", + "-inset-y-safe-3/4", + "-inset-y-safe-3/5", + "-inset-y-safe-3/6", + "-inset-y-safe-3/12", + "-inset-y-safe-4/5", + "-inset-y-safe-4/6", + "-inset-y-safe-4/12", + "-inset-y-safe-5/6", + "-inset-y-safe-5/12", + "-inset-y-safe-6/12", + "-inset-y-safe-7/12", + "-inset-y-safe-8/12", + "-inset-y-safe-9/12", + "-inset-y-safe-10/12", + "-inset-y-safe-11/12", + "-inset-y-safe-px", "-left-0", "-left-0.5", "-left-1", @@ -839,6 +1087,68 @@ exports[`getClassList 1`] = ` "-left-11/12", "-left-full", "-left-px", + "-left-safe", + "-left-safe-0", + "-left-safe-0.5", + "-left-safe-1", + "-left-safe-1.5", + "-left-safe-2", + "-left-safe-2.5", + "-left-safe-3", + "-left-safe-3.5", + "-left-safe-4", + "-left-safe-5", + "-left-safe-6", + "-left-safe-7", + "-left-safe-8", + "-left-safe-9", + "-left-safe-10", + "-left-safe-11", + "-left-safe-12", + "-left-safe-14", + "-left-safe-16", + "-left-safe-20", + "-left-safe-24", + "-left-safe-28", + "-left-safe-32", + "-left-safe-36", + "-left-safe-40", + "-left-safe-44", + "-left-safe-48", + "-left-safe-52", + "-left-safe-56", + "-left-safe-60", + "-left-safe-64", + "-left-safe-72", + "-left-safe-80", + "-left-safe-96", + "-left-safe-1/2", + "-left-safe-1/3", + "-left-safe-1/4", + "-left-safe-1/5", + "-left-safe-1/6", + "-left-safe-1/12", + "-left-safe-2/3", + "-left-safe-2/4", + "-left-safe-2/5", + "-left-safe-2/6", + "-left-safe-2/12", + "-left-safe-3/4", + "-left-safe-3/5", + "-left-safe-3/6", + "-left-safe-3/12", + "-left-safe-4/5", + "-left-safe-4/6", + "-left-safe-4/12", + "-left-safe-5/6", + "-left-safe-5/12", + "-left-safe-6/12", + "-left-safe-7/12", + "-left-safe-8/12", + "-left-safe-9/12", + "-left-safe-10/12", + "-left-safe-11/12", + "-left-safe-px", "-m-0", "-m-0.5", "-m-1", @@ -874,6 +1184,42 @@ exports[`getClassList 1`] = ` "-m-80", "-m-96", "-m-px", + "-m-safe", + "-m-safe-0", + "-m-safe-0.5", + "-m-safe-1", + "-m-safe-1.5", + "-m-safe-2", + "-m-safe-2.5", + "-m-safe-3", + "-m-safe-3.5", + "-m-safe-4", + "-m-safe-5", + "-m-safe-6", + "-m-safe-7", + "-m-safe-8", + "-m-safe-9", + "-m-safe-10", + "-m-safe-11", + "-m-safe-12", + "-m-safe-14", + "-m-safe-16", + "-m-safe-20", + "-m-safe-24", + "-m-safe-28", + "-m-safe-32", + "-m-safe-36", + "-m-safe-40", + "-m-safe-44", + "-m-safe-48", + "-m-safe-52", + "-m-safe-56", + "-m-safe-60", + "-m-safe-64", + "-m-safe-72", + "-m-safe-80", + "-m-safe-96", + "-m-safe-px", "-mask-conic-0", "-mask-conic-1", "-mask-conic-2", @@ -927,6 +1273,42 @@ exports[`getClassList 1`] = ` "-mb-80", "-mb-96", "-mb-px", + "-mb-safe", + "-mb-safe-0", + "-mb-safe-0.5", + "-mb-safe-1", + "-mb-safe-1.5", + "-mb-safe-2", + "-mb-safe-2.5", + "-mb-safe-3", + "-mb-safe-3.5", + "-mb-safe-4", + "-mb-safe-5", + "-mb-safe-6", + "-mb-safe-7", + "-mb-safe-8", + "-mb-safe-9", + "-mb-safe-10", + "-mb-safe-11", + "-mb-safe-12", + "-mb-safe-14", + "-mb-safe-16", + "-mb-safe-20", + "-mb-safe-24", + "-mb-safe-28", + "-mb-safe-32", + "-mb-safe-36", + "-mb-safe-40", + "-mb-safe-44", + "-mb-safe-48", + "-mb-safe-52", + "-mb-safe-56", + "-mb-safe-60", + "-mb-safe-64", + "-mb-safe-72", + "-mb-safe-80", + "-mb-safe-96", + "-mb-safe-px", "-mbe-0", "-mbe-0.5", "-mbe-1", @@ -1067,6 +1449,42 @@ exports[`getClassList 1`] = ` "-ml-80", "-ml-96", "-ml-px", + "-ml-safe", + "-ml-safe-0", + "-ml-safe-0.5", + "-ml-safe-1", + "-ml-safe-1.5", + "-ml-safe-2", + "-ml-safe-2.5", + "-ml-safe-3", + "-ml-safe-3.5", + "-ml-safe-4", + "-ml-safe-5", + "-ml-safe-6", + "-ml-safe-7", + "-ml-safe-8", + "-ml-safe-9", + "-ml-safe-10", + "-ml-safe-11", + "-ml-safe-12", + "-ml-safe-14", + "-ml-safe-16", + "-ml-safe-20", + "-ml-safe-24", + "-ml-safe-28", + "-ml-safe-32", + "-ml-safe-36", + "-ml-safe-40", + "-ml-safe-44", + "-ml-safe-48", + "-ml-safe-52", + "-ml-safe-56", + "-ml-safe-60", + "-ml-safe-64", + "-ml-safe-72", + "-ml-safe-80", + "-ml-safe-96", + "-ml-safe-px", "-mr-0", "-mr-0.5", "-mr-1", @@ -1102,6 +1520,42 @@ exports[`getClassList 1`] = ` "-mr-80", "-mr-96", "-mr-px", + "-mr-safe", + "-mr-safe-0", + "-mr-safe-0.5", + "-mr-safe-1", + "-mr-safe-1.5", + "-mr-safe-2", + "-mr-safe-2.5", + "-mr-safe-3", + "-mr-safe-3.5", + "-mr-safe-4", + "-mr-safe-5", + "-mr-safe-6", + "-mr-safe-7", + "-mr-safe-8", + "-mr-safe-9", + "-mr-safe-10", + "-mr-safe-11", + "-mr-safe-12", + "-mr-safe-14", + "-mr-safe-16", + "-mr-safe-20", + "-mr-safe-24", + "-mr-safe-28", + "-mr-safe-32", + "-mr-safe-36", + "-mr-safe-40", + "-mr-safe-44", + "-mr-safe-48", + "-mr-safe-52", + "-mr-safe-56", + "-mr-safe-60", + "-mr-safe-64", + "-mr-safe-72", + "-mr-safe-80", + "-mr-safe-96", + "-mr-safe-px", "-ms-0", "-ms-0.5", "-ms-1", @@ -1172,6 +1626,42 @@ exports[`getClassList 1`] = ` "-mt-80", "-mt-96", "-mt-px", + "-mt-safe", + "-mt-safe-0", + "-mt-safe-0.5", + "-mt-safe-1", + "-mt-safe-1.5", + "-mt-safe-2", + "-mt-safe-2.5", + "-mt-safe-3", + "-mt-safe-3.5", + "-mt-safe-4", + "-mt-safe-5", + "-mt-safe-6", + "-mt-safe-7", + "-mt-safe-8", + "-mt-safe-9", + "-mt-safe-10", + "-mt-safe-11", + "-mt-safe-12", + "-mt-safe-14", + "-mt-safe-16", + "-mt-safe-20", + "-mt-safe-24", + "-mt-safe-28", + "-mt-safe-32", + "-mt-safe-36", + "-mt-safe-40", + "-mt-safe-44", + "-mt-safe-48", + "-mt-safe-52", + "-mt-safe-56", + "-mt-safe-60", + "-mt-safe-64", + "-mt-safe-72", + "-mt-safe-80", + "-mt-safe-96", + "-mt-safe-px", "-mx-0", "-mx-0.5", "-mx-1", @@ -1207,6 +1697,42 @@ exports[`getClassList 1`] = ` "-mx-80", "-mx-96", "-mx-px", + "-mx-safe", + "-mx-safe-0", + "-mx-safe-0.5", + "-mx-safe-1", + "-mx-safe-1.5", + "-mx-safe-2", + "-mx-safe-2.5", + "-mx-safe-3", + "-mx-safe-3.5", + "-mx-safe-4", + "-mx-safe-5", + "-mx-safe-6", + "-mx-safe-7", + "-mx-safe-8", + "-mx-safe-9", + "-mx-safe-10", + "-mx-safe-11", + "-mx-safe-12", + "-mx-safe-14", + "-mx-safe-16", + "-mx-safe-20", + "-mx-safe-24", + "-mx-safe-28", + "-mx-safe-32", + "-mx-safe-36", + "-mx-safe-40", + "-mx-safe-44", + "-mx-safe-48", + "-mx-safe-52", + "-mx-safe-56", + "-mx-safe-60", + "-mx-safe-64", + "-mx-safe-72", + "-mx-safe-80", + "-mx-safe-96", + "-mx-safe-px", "-my-0", "-my-0.5", "-my-1", @@ -1242,6 +1768,42 @@ exports[`getClassList 1`] = ` "-my-80", "-my-96", "-my-px", + "-my-safe", + "-my-safe-0", + "-my-safe-0.5", + "-my-safe-1", + "-my-safe-1.5", + "-my-safe-2", + "-my-safe-2.5", + "-my-safe-3", + "-my-safe-3.5", + "-my-safe-4", + "-my-safe-5", + "-my-safe-6", + "-my-safe-7", + "-my-safe-8", + "-my-safe-9", + "-my-safe-10", + "-my-safe-11", + "-my-safe-12", + "-my-safe-14", + "-my-safe-16", + "-my-safe-20", + "-my-safe-24", + "-my-safe-28", + "-my-safe-32", + "-my-safe-36", + "-my-safe-40", + "-my-safe-44", + "-my-safe-48", + "-my-safe-52", + "-my-safe-56", + "-my-safe-60", + "-my-safe-64", + "-my-safe-72", + "-my-safe-80", + "-my-safe-96", + "-my-safe-px", "-order-1", "-order-2", "-order-3", @@ -1321,6 +1883,68 @@ exports[`getClassList 1`] = ` "-right-11/12", "-right-full", "-right-px", + "-right-safe", + "-right-safe-0", + "-right-safe-0.5", + "-right-safe-1", + "-right-safe-1.5", + "-right-safe-2", + "-right-safe-2.5", + "-right-safe-3", + "-right-safe-3.5", + "-right-safe-4", + "-right-safe-5", + "-right-safe-6", + "-right-safe-7", + "-right-safe-8", + "-right-safe-9", + "-right-safe-10", + "-right-safe-11", + "-right-safe-12", + "-right-safe-14", + "-right-safe-16", + "-right-safe-20", + "-right-safe-24", + "-right-safe-28", + "-right-safe-32", + "-right-safe-36", + "-right-safe-40", + "-right-safe-44", + "-right-safe-48", + "-right-safe-52", + "-right-safe-56", + "-right-safe-60", + "-right-safe-64", + "-right-safe-72", + "-right-safe-80", + "-right-safe-96", + "-right-safe-1/2", + "-right-safe-1/3", + "-right-safe-1/4", + "-right-safe-1/5", + "-right-safe-1/6", + "-right-safe-1/12", + "-right-safe-2/3", + "-right-safe-2/4", + "-right-safe-2/5", + "-right-safe-2/6", + "-right-safe-2/12", + "-right-safe-3/4", + "-right-safe-3/5", + "-right-safe-3/6", + "-right-safe-3/12", + "-right-safe-4/5", + "-right-safe-4/6", + "-right-safe-4/12", + "-right-safe-5/6", + "-right-safe-5/12", + "-right-safe-6/12", + "-right-safe-7/12", + "-right-safe-8/12", + "-right-safe-9/12", + "-right-safe-10/12", + "-right-safe-11/12", + "-right-safe-px", "-rotate-0", "-rotate-1", "-rotate-2", @@ -1462,6 +2086,42 @@ exports[`getClassList 1`] = ` "-scroll-m-80", "-scroll-m-96", "-scroll-m-px", + "-scroll-m-safe", + "-scroll-m-safe-0", + "-scroll-m-safe-0.5", + "-scroll-m-safe-1", + "-scroll-m-safe-1.5", + "-scroll-m-safe-2", + "-scroll-m-safe-2.5", + "-scroll-m-safe-3", + "-scroll-m-safe-3.5", + "-scroll-m-safe-4", + "-scroll-m-safe-5", + "-scroll-m-safe-6", + "-scroll-m-safe-7", + "-scroll-m-safe-8", + "-scroll-m-safe-9", + "-scroll-m-safe-10", + "-scroll-m-safe-11", + "-scroll-m-safe-12", + "-scroll-m-safe-14", + "-scroll-m-safe-16", + "-scroll-m-safe-20", + "-scroll-m-safe-24", + "-scroll-m-safe-28", + "-scroll-m-safe-32", + "-scroll-m-safe-36", + "-scroll-m-safe-40", + "-scroll-m-safe-44", + "-scroll-m-safe-48", + "-scroll-m-safe-52", + "-scroll-m-safe-56", + "-scroll-m-safe-60", + "-scroll-m-safe-64", + "-scroll-m-safe-72", + "-scroll-m-safe-80", + "-scroll-m-safe-96", + "-scroll-m-safe-px", "-scroll-mb-0", "-scroll-mb-0.5", "-scroll-mb-1", @@ -1497,6 +2157,42 @@ exports[`getClassList 1`] = ` "-scroll-mb-80", "-scroll-mb-96", "-scroll-mb-px", + "-scroll-mb-safe", + "-scroll-mb-safe-0", + "-scroll-mb-safe-0.5", + "-scroll-mb-safe-1", + "-scroll-mb-safe-1.5", + "-scroll-mb-safe-2", + "-scroll-mb-safe-2.5", + "-scroll-mb-safe-3", + "-scroll-mb-safe-3.5", + "-scroll-mb-safe-4", + "-scroll-mb-safe-5", + "-scroll-mb-safe-6", + "-scroll-mb-safe-7", + "-scroll-mb-safe-8", + "-scroll-mb-safe-9", + "-scroll-mb-safe-10", + "-scroll-mb-safe-11", + "-scroll-mb-safe-12", + "-scroll-mb-safe-14", + "-scroll-mb-safe-16", + "-scroll-mb-safe-20", + "-scroll-mb-safe-24", + "-scroll-mb-safe-28", + "-scroll-mb-safe-32", + "-scroll-mb-safe-36", + "-scroll-mb-safe-40", + "-scroll-mb-safe-44", + "-scroll-mb-safe-48", + "-scroll-mb-safe-52", + "-scroll-mb-safe-56", + "-scroll-mb-safe-60", + "-scroll-mb-safe-64", + "-scroll-mb-safe-72", + "-scroll-mb-safe-80", + "-scroll-mb-safe-96", + "-scroll-mb-safe-px", "-scroll-mbe-0", "-scroll-mbe-0.5", "-scroll-mbe-1", @@ -1637,6 +2333,42 @@ exports[`getClassList 1`] = ` "-scroll-ml-80", "-scroll-ml-96", "-scroll-ml-px", + "-scroll-ml-safe", + "-scroll-ml-safe-0", + "-scroll-ml-safe-0.5", + "-scroll-ml-safe-1", + "-scroll-ml-safe-1.5", + "-scroll-ml-safe-2", + "-scroll-ml-safe-2.5", + "-scroll-ml-safe-3", + "-scroll-ml-safe-3.5", + "-scroll-ml-safe-4", + "-scroll-ml-safe-5", + "-scroll-ml-safe-6", + "-scroll-ml-safe-7", + "-scroll-ml-safe-8", + "-scroll-ml-safe-9", + "-scroll-ml-safe-10", + "-scroll-ml-safe-11", + "-scroll-ml-safe-12", + "-scroll-ml-safe-14", + "-scroll-ml-safe-16", + "-scroll-ml-safe-20", + "-scroll-ml-safe-24", + "-scroll-ml-safe-28", + "-scroll-ml-safe-32", + "-scroll-ml-safe-36", + "-scroll-ml-safe-40", + "-scroll-ml-safe-44", + "-scroll-ml-safe-48", + "-scroll-ml-safe-52", + "-scroll-ml-safe-56", + "-scroll-ml-safe-60", + "-scroll-ml-safe-64", + "-scroll-ml-safe-72", + "-scroll-ml-safe-80", + "-scroll-ml-safe-96", + "-scroll-ml-safe-px", "-scroll-mr-0", "-scroll-mr-0.5", "-scroll-mr-1", @@ -1672,6 +2404,42 @@ exports[`getClassList 1`] = ` "-scroll-mr-80", "-scroll-mr-96", "-scroll-mr-px", + "-scroll-mr-safe", + "-scroll-mr-safe-0", + "-scroll-mr-safe-0.5", + "-scroll-mr-safe-1", + "-scroll-mr-safe-1.5", + "-scroll-mr-safe-2", + "-scroll-mr-safe-2.5", + "-scroll-mr-safe-3", + "-scroll-mr-safe-3.5", + "-scroll-mr-safe-4", + "-scroll-mr-safe-5", + "-scroll-mr-safe-6", + "-scroll-mr-safe-7", + "-scroll-mr-safe-8", + "-scroll-mr-safe-9", + "-scroll-mr-safe-10", + "-scroll-mr-safe-11", + "-scroll-mr-safe-12", + "-scroll-mr-safe-14", + "-scroll-mr-safe-16", + "-scroll-mr-safe-20", + "-scroll-mr-safe-24", + "-scroll-mr-safe-28", + "-scroll-mr-safe-32", + "-scroll-mr-safe-36", + "-scroll-mr-safe-40", + "-scroll-mr-safe-44", + "-scroll-mr-safe-48", + "-scroll-mr-safe-52", + "-scroll-mr-safe-56", + "-scroll-mr-safe-60", + "-scroll-mr-safe-64", + "-scroll-mr-safe-72", + "-scroll-mr-safe-80", + "-scroll-mr-safe-96", + "-scroll-mr-safe-px", "-scroll-ms-0", "-scroll-ms-0.5", "-scroll-ms-1", @@ -1742,6 +2510,42 @@ exports[`getClassList 1`] = ` "-scroll-mt-80", "-scroll-mt-96", "-scroll-mt-px", + "-scroll-mt-safe", + "-scroll-mt-safe-0", + "-scroll-mt-safe-0.5", + "-scroll-mt-safe-1", + "-scroll-mt-safe-1.5", + "-scroll-mt-safe-2", + "-scroll-mt-safe-2.5", + "-scroll-mt-safe-3", + "-scroll-mt-safe-3.5", + "-scroll-mt-safe-4", + "-scroll-mt-safe-5", + "-scroll-mt-safe-6", + "-scroll-mt-safe-7", + "-scroll-mt-safe-8", + "-scroll-mt-safe-9", + "-scroll-mt-safe-10", + "-scroll-mt-safe-11", + "-scroll-mt-safe-12", + "-scroll-mt-safe-14", + "-scroll-mt-safe-16", + "-scroll-mt-safe-20", + "-scroll-mt-safe-24", + "-scroll-mt-safe-28", + "-scroll-mt-safe-32", + "-scroll-mt-safe-36", + "-scroll-mt-safe-40", + "-scroll-mt-safe-44", + "-scroll-mt-safe-48", + "-scroll-mt-safe-52", + "-scroll-mt-safe-56", + "-scroll-mt-safe-60", + "-scroll-mt-safe-64", + "-scroll-mt-safe-72", + "-scroll-mt-safe-80", + "-scroll-mt-safe-96", + "-scroll-mt-safe-px", "-scroll-mx-0", "-scroll-mx-0.5", "-scroll-mx-1", @@ -1777,6 +2581,42 @@ exports[`getClassList 1`] = ` "-scroll-mx-80", "-scroll-mx-96", "-scroll-mx-px", + "-scroll-mx-safe", + "-scroll-mx-safe-0", + "-scroll-mx-safe-0.5", + "-scroll-mx-safe-1", + "-scroll-mx-safe-1.5", + "-scroll-mx-safe-2", + "-scroll-mx-safe-2.5", + "-scroll-mx-safe-3", + "-scroll-mx-safe-3.5", + "-scroll-mx-safe-4", + "-scroll-mx-safe-5", + "-scroll-mx-safe-6", + "-scroll-mx-safe-7", + "-scroll-mx-safe-8", + "-scroll-mx-safe-9", + "-scroll-mx-safe-10", + "-scroll-mx-safe-11", + "-scroll-mx-safe-12", + "-scroll-mx-safe-14", + "-scroll-mx-safe-16", + "-scroll-mx-safe-20", + "-scroll-mx-safe-24", + "-scroll-mx-safe-28", + "-scroll-mx-safe-32", + "-scroll-mx-safe-36", + "-scroll-mx-safe-40", + "-scroll-mx-safe-44", + "-scroll-mx-safe-48", + "-scroll-mx-safe-52", + "-scroll-mx-safe-56", + "-scroll-mx-safe-60", + "-scroll-mx-safe-64", + "-scroll-mx-safe-72", + "-scroll-mx-safe-80", + "-scroll-mx-safe-96", + "-scroll-mx-safe-px", "-scroll-my-0", "-scroll-my-0.5", "-scroll-my-1", @@ -1812,6 +2652,42 @@ exports[`getClassList 1`] = ` "-scroll-my-80", "-scroll-my-96", "-scroll-my-px", + "-scroll-my-safe", + "-scroll-my-safe-0", + "-scroll-my-safe-0.5", + "-scroll-my-safe-1", + "-scroll-my-safe-1.5", + "-scroll-my-safe-2", + "-scroll-my-safe-2.5", + "-scroll-my-safe-3", + "-scroll-my-safe-3.5", + "-scroll-my-safe-4", + "-scroll-my-safe-5", + "-scroll-my-safe-6", + "-scroll-my-safe-7", + "-scroll-my-safe-8", + "-scroll-my-safe-9", + "-scroll-my-safe-10", + "-scroll-my-safe-11", + "-scroll-my-safe-12", + "-scroll-my-safe-14", + "-scroll-my-safe-16", + "-scroll-my-safe-20", + "-scroll-my-safe-24", + "-scroll-my-safe-28", + "-scroll-my-safe-32", + "-scroll-my-safe-36", + "-scroll-my-safe-40", + "-scroll-my-safe-44", + "-scroll-my-safe-48", + "-scroll-my-safe-52", + "-scroll-my-safe-56", + "-scroll-my-safe-60", + "-scroll-my-safe-64", + "-scroll-my-safe-72", + "-scroll-my-safe-80", + "-scroll-my-safe-96", + "-scroll-my-safe-px", "-skew-0", "-skew-1", "-skew-2", @@ -1964,6 +2840,68 @@ exports[`getClassList 1`] = ` "-top-11/12", "-top-full", "-top-px", + "-top-safe", + "-top-safe-0", + "-top-safe-0.5", + "-top-safe-1", + "-top-safe-1.5", + "-top-safe-2", + "-top-safe-2.5", + "-top-safe-3", + "-top-safe-3.5", + "-top-safe-4", + "-top-safe-5", + "-top-safe-6", + "-top-safe-7", + "-top-safe-8", + "-top-safe-9", + "-top-safe-10", + "-top-safe-11", + "-top-safe-12", + "-top-safe-14", + "-top-safe-16", + "-top-safe-20", + "-top-safe-24", + "-top-safe-28", + "-top-safe-32", + "-top-safe-36", + "-top-safe-40", + "-top-safe-44", + "-top-safe-48", + "-top-safe-52", + "-top-safe-56", + "-top-safe-60", + "-top-safe-64", + "-top-safe-72", + "-top-safe-80", + "-top-safe-96", + "-top-safe-1/2", + "-top-safe-1/3", + "-top-safe-1/4", + "-top-safe-1/5", + "-top-safe-1/6", + "-top-safe-1/12", + "-top-safe-2/3", + "-top-safe-2/4", + "-top-safe-2/5", + "-top-safe-2/6", + "-top-safe-2/12", + "-top-safe-3/4", + "-top-safe-3/5", + "-top-safe-3/6", + "-top-safe-3/12", + "-top-safe-4/5", + "-top-safe-4/6", + "-top-safe-4/12", + "-top-safe-5/6", + "-top-safe-5/12", + "-top-safe-6/12", + "-top-safe-7/12", + "-top-safe-8/12", + "-top-safe-9/12", + "-top-safe-10/12", + "-top-safe-11/12", + "-top-safe-px", "-translate-0", "-translate-0.5", "-translate-1", @@ -4102,6 +5040,68 @@ exports[`getClassList 1`] = ` "bottom-auto", "bottom-full", "bottom-px", + "bottom-safe", + "bottom-safe-0", + "bottom-safe-0.5", + "bottom-safe-1", + "bottom-safe-1.5", + "bottom-safe-2", + "bottom-safe-2.5", + "bottom-safe-3", + "bottom-safe-3.5", + "bottom-safe-4", + "bottom-safe-5", + "bottom-safe-6", + "bottom-safe-7", + "bottom-safe-8", + "bottom-safe-9", + "bottom-safe-10", + "bottom-safe-11", + "bottom-safe-12", + "bottom-safe-14", + "bottom-safe-16", + "bottom-safe-20", + "bottom-safe-24", + "bottom-safe-28", + "bottom-safe-32", + "bottom-safe-36", + "bottom-safe-40", + "bottom-safe-44", + "bottom-safe-48", + "bottom-safe-52", + "bottom-safe-56", + "bottom-safe-60", + "bottom-safe-64", + "bottom-safe-72", + "bottom-safe-80", + "bottom-safe-96", + "bottom-safe-1/2", + "bottom-safe-1/3", + "bottom-safe-1/4", + "bottom-safe-1/5", + "bottom-safe-1/6", + "bottom-safe-1/12", + "bottom-safe-2/3", + "bottom-safe-2/4", + "bottom-safe-2/5", + "bottom-safe-2/6", + "bottom-safe-2/12", + "bottom-safe-3/4", + "bottom-safe-3/5", + "bottom-safe-3/6", + "bottom-safe-3/12", + "bottom-safe-4/5", + "bottom-safe-4/6", + "bottom-safe-4/12", + "bottom-safe-5/6", + "bottom-safe-5/12", + "bottom-safe-6/12", + "bottom-safe-7/12", + "bottom-safe-8/12", + "bottom-safe-9/12", + "bottom-safe-10/12", + "bottom-safe-11/12", + "bottom-safe-px", "box-border", "box-content", "box-decoration-clone", @@ -5033,17 +6033,21 @@ exports[`getClassList 1`] = ` "h-11/12", "h-auto", "h-dvh", + "h-dvh-safe", "h-dvw", "h-fit", "h-full", "h-lh", "h-lvh", + "h-lvh-safe", "h-lvw", "h-max", "h-min", "h-px", "h-screen", + "h-screen-safe", "h-svh", + "h-svh-safe", "h-svw", "hidden", "hue-rotate-0", @@ -5554,6 +6558,68 @@ exports[`getClassList 1`] = ` "inset-s-auto", "inset-s-full", "inset-s-px", + "inset-safe", + "inset-safe-0", + "inset-safe-0.5", + "inset-safe-1", + "inset-safe-1.5", + "inset-safe-2", + "inset-safe-2.5", + "inset-safe-3", + "inset-safe-3.5", + "inset-safe-4", + "inset-safe-5", + "inset-safe-6", + "inset-safe-7", + "inset-safe-8", + "inset-safe-9", + "inset-safe-10", + "inset-safe-11", + "inset-safe-12", + "inset-safe-14", + "inset-safe-16", + "inset-safe-20", + "inset-safe-24", + "inset-safe-28", + "inset-safe-32", + "inset-safe-36", + "inset-safe-40", + "inset-safe-44", + "inset-safe-48", + "inset-safe-52", + "inset-safe-56", + "inset-safe-60", + "inset-safe-64", + "inset-safe-72", + "inset-safe-80", + "inset-safe-96", + "inset-safe-1/2", + "inset-safe-1/3", + "inset-safe-1/4", + "inset-safe-1/5", + "inset-safe-1/6", + "inset-safe-1/12", + "inset-safe-2/3", + "inset-safe-2/4", + "inset-safe-2/5", + "inset-safe-2/6", + "inset-safe-2/12", + "inset-safe-3/4", + "inset-safe-3/5", + "inset-safe-3/6", + "inset-safe-3/12", + "inset-safe-4/5", + "inset-safe-4/6", + "inset-safe-4/12", + "inset-safe-5/6", + "inset-safe-5/12", + "inset-safe-6/12", + "inset-safe-7/12", + "inset-safe-8/12", + "inset-safe-9/12", + "inset-safe-10/12", + "inset-safe-11/12", + "inset-safe-px", "inset-shadow-current", "inset-shadow-current/0", "inset-shadow-current/5", @@ -5707,6 +6773,68 @@ exports[`getClassList 1`] = ` "inset-x-auto", "inset-x-full", "inset-x-px", + "inset-x-safe", + "inset-x-safe-0", + "inset-x-safe-0.5", + "inset-x-safe-1", + "inset-x-safe-1.5", + "inset-x-safe-2", + "inset-x-safe-2.5", + "inset-x-safe-3", + "inset-x-safe-3.5", + "inset-x-safe-4", + "inset-x-safe-5", + "inset-x-safe-6", + "inset-x-safe-7", + "inset-x-safe-8", + "inset-x-safe-9", + "inset-x-safe-10", + "inset-x-safe-11", + "inset-x-safe-12", + "inset-x-safe-14", + "inset-x-safe-16", + "inset-x-safe-20", + "inset-x-safe-24", + "inset-x-safe-28", + "inset-x-safe-32", + "inset-x-safe-36", + "inset-x-safe-40", + "inset-x-safe-44", + "inset-x-safe-48", + "inset-x-safe-52", + "inset-x-safe-56", + "inset-x-safe-60", + "inset-x-safe-64", + "inset-x-safe-72", + "inset-x-safe-80", + "inset-x-safe-96", + "inset-x-safe-1/2", + "inset-x-safe-1/3", + "inset-x-safe-1/4", + "inset-x-safe-1/5", + "inset-x-safe-1/6", + "inset-x-safe-1/12", + "inset-x-safe-2/3", + "inset-x-safe-2/4", + "inset-x-safe-2/5", + "inset-x-safe-2/6", + "inset-x-safe-2/12", + "inset-x-safe-3/4", + "inset-x-safe-3/5", + "inset-x-safe-3/6", + "inset-x-safe-3/12", + "inset-x-safe-4/5", + "inset-x-safe-4/6", + "inset-x-safe-4/12", + "inset-x-safe-5/6", + "inset-x-safe-5/12", + "inset-x-safe-6/12", + "inset-x-safe-7/12", + "inset-x-safe-8/12", + "inset-x-safe-9/12", + "inset-x-safe-10/12", + "inset-x-safe-11/12", + "inset-x-safe-px", "inset-y-0", "inset-y-0.5", "inset-y-1", @@ -5770,6 +6898,68 @@ exports[`getClassList 1`] = ` "inset-y-auto", "inset-y-full", "inset-y-px", + "inset-y-safe", + "inset-y-safe-0", + "inset-y-safe-0.5", + "inset-y-safe-1", + "inset-y-safe-1.5", + "inset-y-safe-2", + "inset-y-safe-2.5", + "inset-y-safe-3", + "inset-y-safe-3.5", + "inset-y-safe-4", + "inset-y-safe-5", + "inset-y-safe-6", + "inset-y-safe-7", + "inset-y-safe-8", + "inset-y-safe-9", + "inset-y-safe-10", + "inset-y-safe-11", + "inset-y-safe-12", + "inset-y-safe-14", + "inset-y-safe-16", + "inset-y-safe-20", + "inset-y-safe-24", + "inset-y-safe-28", + "inset-y-safe-32", + "inset-y-safe-36", + "inset-y-safe-40", + "inset-y-safe-44", + "inset-y-safe-48", + "inset-y-safe-52", + "inset-y-safe-56", + "inset-y-safe-60", + "inset-y-safe-64", + "inset-y-safe-72", + "inset-y-safe-80", + "inset-y-safe-96", + "inset-y-safe-1/2", + "inset-y-safe-1/3", + "inset-y-safe-1/4", + "inset-y-safe-1/5", + "inset-y-safe-1/6", + "inset-y-safe-1/12", + "inset-y-safe-2/3", + "inset-y-safe-2/4", + "inset-y-safe-2/5", + "inset-y-safe-2/6", + "inset-y-safe-2/12", + "inset-y-safe-3/4", + "inset-y-safe-3/5", + "inset-y-safe-3/6", + "inset-y-safe-3/12", + "inset-y-safe-4/5", + "inset-y-safe-4/6", + "inset-y-safe-4/12", + "inset-y-safe-5/6", + "inset-y-safe-5/12", + "inset-y-safe-6/12", + "inset-y-safe-7/12", + "inset-y-safe-8/12", + "inset-y-safe-9/12", + "inset-y-safe-10/12", + "inset-y-safe-11/12", + "inset-y-safe-px", "invert", "invert-0", "invert-25", @@ -5912,6 +7102,68 @@ exports[`getClassList 1`] = ` "left-auto", "left-full", "left-px", + "left-safe", + "left-safe-0", + "left-safe-0.5", + "left-safe-1", + "left-safe-1.5", + "left-safe-2", + "left-safe-2.5", + "left-safe-3", + "left-safe-3.5", + "left-safe-4", + "left-safe-5", + "left-safe-6", + "left-safe-7", + "left-safe-8", + "left-safe-9", + "left-safe-10", + "left-safe-11", + "left-safe-12", + "left-safe-14", + "left-safe-16", + "left-safe-20", + "left-safe-24", + "left-safe-28", + "left-safe-32", + "left-safe-36", + "left-safe-40", + "left-safe-44", + "left-safe-48", + "left-safe-52", + "left-safe-56", + "left-safe-60", + "left-safe-64", + "left-safe-72", + "left-safe-80", + "left-safe-96", + "left-safe-1/2", + "left-safe-1/3", + "left-safe-1/4", + "left-safe-1/5", + "left-safe-1/6", + "left-safe-1/12", + "left-safe-2/3", + "left-safe-2/4", + "left-safe-2/5", + "left-safe-2/6", + "left-safe-2/12", + "left-safe-3/4", + "left-safe-3/5", + "left-safe-3/6", + "left-safe-3/12", + "left-safe-4/5", + "left-safe-4/6", + "left-safe-4/12", + "left-safe-5/6", + "left-safe-5/12", + "left-safe-6/12", + "left-safe-7/12", + "left-safe-8/12", + "left-safe-9/12", + "left-safe-10/12", + "left-safe-11/12", + "left-safe-px", "line-clamp-1", "line-clamp-2", "line-clamp-3", @@ -5965,6 +7217,42 @@ exports[`getClassList 1`] = ` "m-96", "m-auto", "m-px", + "m-safe", + "m-safe-0", + "m-safe-0.5", + "m-safe-1", + "m-safe-1.5", + "m-safe-2", + "m-safe-2.5", + "m-safe-3", + "m-safe-3.5", + "m-safe-4", + "m-safe-5", + "m-safe-6", + "m-safe-7", + "m-safe-8", + "m-safe-9", + "m-safe-10", + "m-safe-11", + "m-safe-12", + "m-safe-14", + "m-safe-16", + "m-safe-20", + "m-safe-24", + "m-safe-28", + "m-safe-32", + "m-safe-36", + "m-safe-40", + "m-safe-44", + "m-safe-48", + "m-safe-52", + "m-safe-56", + "m-safe-60", + "m-safe-64", + "m-safe-72", + "m-safe-80", + "m-safe-96", + "m-safe-px", "mask-add", "mask-alpha", "mask-auto", @@ -8349,18 +9637,22 @@ exports[`getClassList 1`] = ` "max-h-10/12", "max-h-11/12", "max-h-dvh", + "max-h-dvh-safe", "max-h-dvw", "max-h-fit", "max-h-full", "max-h-lh", "max-h-lvh", + "max-h-lvh-safe", "max-h-lvw", "max-h-max", "max-h-min", "max-h-none", "max-h-px", "max-h-screen", + "max-h-screen-safe", "max-h-svh", + "max-h-svh-safe", "max-h-svw", "max-inline-0", "max-inline-0.5", @@ -8544,6 +9836,42 @@ exports[`getClassList 1`] = ` "mb-96", "mb-auto", "mb-px", + "mb-safe", + "mb-safe-0", + "mb-safe-0.5", + "mb-safe-1", + "mb-safe-1.5", + "mb-safe-2", + "mb-safe-2.5", + "mb-safe-3", + "mb-safe-3.5", + "mb-safe-4", + "mb-safe-5", + "mb-safe-6", + "mb-safe-7", + "mb-safe-8", + "mb-safe-9", + "mb-safe-10", + "mb-safe-11", + "mb-safe-12", + "mb-safe-14", + "mb-safe-16", + "mb-safe-20", + "mb-safe-24", + "mb-safe-28", + "mb-safe-32", + "mb-safe-36", + "mb-safe-40", + "mb-safe-44", + "mb-safe-48", + "mb-safe-52", + "mb-safe-56", + "mb-safe-60", + "mb-safe-64", + "mb-safe-72", + "mb-safe-80", + "mb-safe-96", + "mb-safe-px", "mbe-0", "mbe-0.5", "mbe-1", @@ -8785,17 +10113,21 @@ exports[`getClassList 1`] = ` "min-h-11/12", "min-h-auto", "min-h-dvh", + "min-h-dvh-safe", "min-h-dvw", "min-h-fit", "min-h-full", "min-h-lh", "min-h-lvh", + "min-h-lvh-safe", "min-h-lvw", "min-h-max", "min-h-min", "min-h-px", "min-h-screen", + "min-h-screen-safe", "min-h-svh", + "min-h-svh-safe", "min-h-svw", "min-inline-0", "min-inline-0.5", @@ -8998,6 +10330,42 @@ exports[`getClassList 1`] = ` "ml-96", "ml-auto", "ml-px", + "ml-safe", + "ml-safe-0", + "ml-safe-0.5", + "ml-safe-1", + "ml-safe-1.5", + "ml-safe-2", + "ml-safe-2.5", + "ml-safe-3", + "ml-safe-3.5", + "ml-safe-4", + "ml-safe-5", + "ml-safe-6", + "ml-safe-7", + "ml-safe-8", + "ml-safe-9", + "ml-safe-10", + "ml-safe-11", + "ml-safe-12", + "ml-safe-14", + "ml-safe-16", + "ml-safe-20", + "ml-safe-24", + "ml-safe-28", + "ml-safe-32", + "ml-safe-36", + "ml-safe-40", + "ml-safe-44", + "ml-safe-48", + "ml-safe-52", + "ml-safe-56", + "ml-safe-60", + "ml-safe-64", + "ml-safe-72", + "ml-safe-80", + "ml-safe-96", + "ml-safe-px", "mr-0", "mr-0.5", "mr-1", @@ -9034,6 +10402,42 @@ exports[`getClassList 1`] = ` "mr-96", "mr-auto", "mr-px", + "mr-safe", + "mr-safe-0", + "mr-safe-0.5", + "mr-safe-1", + "mr-safe-1.5", + "mr-safe-2", + "mr-safe-2.5", + "mr-safe-3", + "mr-safe-3.5", + "mr-safe-4", + "mr-safe-5", + "mr-safe-6", + "mr-safe-7", + "mr-safe-8", + "mr-safe-9", + "mr-safe-10", + "mr-safe-11", + "mr-safe-12", + "mr-safe-14", + "mr-safe-16", + "mr-safe-20", + "mr-safe-24", + "mr-safe-28", + "mr-safe-32", + "mr-safe-36", + "mr-safe-40", + "mr-safe-44", + "mr-safe-48", + "mr-safe-52", + "mr-safe-56", + "mr-safe-60", + "mr-safe-64", + "mr-safe-72", + "mr-safe-80", + "mr-safe-96", + "mr-safe-px", "ms-0", "ms-0.5", "ms-1", @@ -9106,6 +10510,42 @@ exports[`getClassList 1`] = ` "mt-96", "mt-auto", "mt-px", + "mt-safe", + "mt-safe-0", + "mt-safe-0.5", + "mt-safe-1", + "mt-safe-1.5", + "mt-safe-2", + "mt-safe-2.5", + "mt-safe-3", + "mt-safe-3.5", + "mt-safe-4", + "mt-safe-5", + "mt-safe-6", + "mt-safe-7", + "mt-safe-8", + "mt-safe-9", + "mt-safe-10", + "mt-safe-11", + "mt-safe-12", + "mt-safe-14", + "mt-safe-16", + "mt-safe-20", + "mt-safe-24", + "mt-safe-28", + "mt-safe-32", + "mt-safe-36", + "mt-safe-40", + "mt-safe-44", + "mt-safe-48", + "mt-safe-52", + "mt-safe-56", + "mt-safe-60", + "mt-safe-64", + "mt-safe-72", + "mt-safe-80", + "mt-safe-96", + "mt-safe-px", "mx-0", "mx-0.5", "mx-1", @@ -9142,6 +10582,42 @@ exports[`getClassList 1`] = ` "mx-96", "mx-auto", "mx-px", + "mx-safe", + "mx-safe-0", + "mx-safe-0.5", + "mx-safe-1", + "mx-safe-1.5", + "mx-safe-2", + "mx-safe-2.5", + "mx-safe-3", + "mx-safe-3.5", + "mx-safe-4", + "mx-safe-5", + "mx-safe-6", + "mx-safe-7", + "mx-safe-8", + "mx-safe-9", + "mx-safe-10", + "mx-safe-11", + "mx-safe-12", + "mx-safe-14", + "mx-safe-16", + "mx-safe-20", + "mx-safe-24", + "mx-safe-28", + "mx-safe-32", + "mx-safe-36", + "mx-safe-40", + "mx-safe-44", + "mx-safe-48", + "mx-safe-52", + "mx-safe-56", + "mx-safe-60", + "mx-safe-64", + "mx-safe-72", + "mx-safe-80", + "mx-safe-96", + "mx-safe-px", "my-0", "my-0.5", "my-1", @@ -9178,6 +10654,42 @@ exports[`getClassList 1`] = ` "my-96", "my-auto", "my-px", + "my-safe", + "my-safe-0", + "my-safe-0.5", + "my-safe-1", + "my-safe-1.5", + "my-safe-2", + "my-safe-2.5", + "my-safe-3", + "my-safe-3.5", + "my-safe-4", + "my-safe-5", + "my-safe-6", + "my-safe-7", + "my-safe-8", + "my-safe-9", + "my-safe-10", + "my-safe-11", + "my-safe-12", + "my-safe-14", + "my-safe-16", + "my-safe-20", + "my-safe-24", + "my-safe-28", + "my-safe-32", + "my-safe-36", + "my-safe-40", + "my-safe-44", + "my-safe-48", + "my-safe-52", + "my-safe-56", + "my-safe-60", + "my-safe-64", + "my-safe-72", + "my-safe-80", + "my-safe-96", + "my-safe-px", "no-underline", "normal-case", "normal-nums", @@ -9408,6 +10920,42 @@ exports[`getClassList 1`] = ` "p-80", "p-96", "p-px", + "p-safe", + "p-safe-0", + "p-safe-0.5", + "p-safe-1", + "p-safe-1.5", + "p-safe-2", + "p-safe-2.5", + "p-safe-3", + "p-safe-3.5", + "p-safe-4", + "p-safe-5", + "p-safe-6", + "p-safe-7", + "p-safe-8", + "p-safe-9", + "p-safe-10", + "p-safe-11", + "p-safe-12", + "p-safe-14", + "p-safe-16", + "p-safe-20", + "p-safe-24", + "p-safe-28", + "p-safe-32", + "p-safe-36", + "p-safe-40", + "p-safe-44", + "p-safe-48", + "p-safe-52", + "p-safe-56", + "p-safe-60", + "p-safe-64", + "p-safe-72", + "p-safe-80", + "p-safe-96", + "p-safe-px", "pb-0", "pb-0.5", "pb-1", @@ -9443,6 +10991,42 @@ exports[`getClassList 1`] = ` "pb-80", "pb-96", "pb-px", + "pb-safe", + "pb-safe-0", + "pb-safe-0.5", + "pb-safe-1", + "pb-safe-1.5", + "pb-safe-2", + "pb-safe-2.5", + "pb-safe-3", + "pb-safe-3.5", + "pb-safe-4", + "pb-safe-5", + "pb-safe-6", + "pb-safe-7", + "pb-safe-8", + "pb-safe-9", + "pb-safe-10", + "pb-safe-11", + "pb-safe-12", + "pb-safe-14", + "pb-safe-16", + "pb-safe-20", + "pb-safe-24", + "pb-safe-28", + "pb-safe-32", + "pb-safe-36", + "pb-safe-40", + "pb-safe-44", + "pb-safe-48", + "pb-safe-52", + "pb-safe-56", + "pb-safe-60", + "pb-safe-64", + "pb-safe-72", + "pb-safe-80", + "pb-safe-96", + "pb-safe-px", "pbe-0", "pbe-0.5", "pbe-1", @@ -9595,6 +11179,42 @@ exports[`getClassList 1`] = ` "pl-80", "pl-96", "pl-px", + "pl-safe", + "pl-safe-0", + "pl-safe-0.5", + "pl-safe-1", + "pl-safe-1.5", + "pl-safe-2", + "pl-safe-2.5", + "pl-safe-3", + "pl-safe-3.5", + "pl-safe-4", + "pl-safe-5", + "pl-safe-6", + "pl-safe-7", + "pl-safe-8", + "pl-safe-9", + "pl-safe-10", + "pl-safe-11", + "pl-safe-12", + "pl-safe-14", + "pl-safe-16", + "pl-safe-20", + "pl-safe-24", + "pl-safe-28", + "pl-safe-32", + "pl-safe-36", + "pl-safe-40", + "pl-safe-44", + "pl-safe-48", + "pl-safe-52", + "pl-safe-56", + "pl-safe-60", + "pl-safe-64", + "pl-safe-72", + "pl-safe-80", + "pl-safe-96", + "pl-safe-px", "place-content-around", "place-content-baseline", "place-content-between", @@ -9722,6 +11342,42 @@ exports[`getClassList 1`] = ` "pr-80", "pr-96", "pr-px", + "pr-safe", + "pr-safe-0", + "pr-safe-0.5", + "pr-safe-1", + "pr-safe-1.5", + "pr-safe-2", + "pr-safe-2.5", + "pr-safe-3", + "pr-safe-3.5", + "pr-safe-4", + "pr-safe-5", + "pr-safe-6", + "pr-safe-7", + "pr-safe-8", + "pr-safe-9", + "pr-safe-10", + "pr-safe-11", + "pr-safe-12", + "pr-safe-14", + "pr-safe-16", + "pr-safe-20", + "pr-safe-24", + "pr-safe-28", + "pr-safe-32", + "pr-safe-36", + "pr-safe-40", + "pr-safe-44", + "pr-safe-48", + "pr-safe-52", + "pr-safe-56", + "pr-safe-60", + "pr-safe-64", + "pr-safe-72", + "pr-safe-80", + "pr-safe-96", + "pr-safe-px", "proportional-nums", "ps-0", "ps-0.5", @@ -9793,6 +11449,42 @@ exports[`getClassList 1`] = ` "pt-80", "pt-96", "pt-px", + "pt-safe", + "pt-safe-0", + "pt-safe-0.5", + "pt-safe-1", + "pt-safe-1.5", + "pt-safe-2", + "pt-safe-2.5", + "pt-safe-3", + "pt-safe-3.5", + "pt-safe-4", + "pt-safe-5", + "pt-safe-6", + "pt-safe-7", + "pt-safe-8", + "pt-safe-9", + "pt-safe-10", + "pt-safe-11", + "pt-safe-12", + "pt-safe-14", + "pt-safe-16", + "pt-safe-20", + "pt-safe-24", + "pt-safe-28", + "pt-safe-32", + "pt-safe-36", + "pt-safe-40", + "pt-safe-44", + "pt-safe-48", + "pt-safe-52", + "pt-safe-56", + "pt-safe-60", + "pt-safe-64", + "pt-safe-72", + "pt-safe-80", + "pt-safe-96", + "pt-safe-px", "px-0", "px-0.5", "px-1", @@ -9828,6 +11520,42 @@ exports[`getClassList 1`] = ` "px-80", "px-96", "px-px", + "px-safe", + "px-safe-0", + "px-safe-0.5", + "px-safe-1", + "px-safe-1.5", + "px-safe-2", + "px-safe-2.5", + "px-safe-3", + "px-safe-3.5", + "px-safe-4", + "px-safe-5", + "px-safe-6", + "px-safe-7", + "px-safe-8", + "px-safe-9", + "px-safe-10", + "px-safe-11", + "px-safe-12", + "px-safe-14", + "px-safe-16", + "px-safe-20", + "px-safe-24", + "px-safe-28", + "px-safe-32", + "px-safe-36", + "px-safe-40", + "px-safe-44", + "px-safe-48", + "px-safe-52", + "px-safe-56", + "px-safe-60", + "px-safe-64", + "px-safe-72", + "px-safe-80", + "px-safe-96", + "px-safe-px", "py-0", "py-0.5", "py-1", @@ -9863,6 +11591,42 @@ exports[`getClassList 1`] = ` "py-80", "py-96", "py-px", + "py-safe", + "py-safe-0", + "py-safe-0.5", + "py-safe-1", + "py-safe-1.5", + "py-safe-2", + "py-safe-2.5", + "py-safe-3", + "py-safe-3.5", + "py-safe-4", + "py-safe-5", + "py-safe-6", + "py-safe-7", + "py-safe-8", + "py-safe-9", + "py-safe-10", + "py-safe-11", + "py-safe-12", + "py-safe-14", + "py-safe-16", + "py-safe-20", + "py-safe-24", + "py-safe-28", + "py-safe-32", + "py-safe-36", + "py-safe-40", + "py-safe-44", + "py-safe-48", + "py-safe-52", + "py-safe-56", + "py-safe-60", + "py-safe-64", + "py-safe-72", + "py-safe-80", + "py-safe-96", + "py-safe-px", "relative", "resize", "resize-none", @@ -9931,6 +11695,68 @@ exports[`getClassList 1`] = ` "right-auto", "right-full", "right-px", + "right-safe", + "right-safe-0", + "right-safe-0.5", + "right-safe-1", + "right-safe-1.5", + "right-safe-2", + "right-safe-2.5", + "right-safe-3", + "right-safe-3.5", + "right-safe-4", + "right-safe-5", + "right-safe-6", + "right-safe-7", + "right-safe-8", + "right-safe-9", + "right-safe-10", + "right-safe-11", + "right-safe-12", + "right-safe-14", + "right-safe-16", + "right-safe-20", + "right-safe-24", + "right-safe-28", + "right-safe-32", + "right-safe-36", + "right-safe-40", + "right-safe-44", + "right-safe-48", + "right-safe-52", + "right-safe-56", + "right-safe-60", + "right-safe-64", + "right-safe-72", + "right-safe-80", + "right-safe-96", + "right-safe-1/2", + "right-safe-1/3", + "right-safe-1/4", + "right-safe-1/5", + "right-safe-1/6", + "right-safe-1/12", + "right-safe-2/3", + "right-safe-2/4", + "right-safe-2/5", + "right-safe-2/6", + "right-safe-2/12", + "right-safe-3/4", + "right-safe-3/5", + "right-safe-3/6", + "right-safe-3/12", + "right-safe-4/5", + "right-safe-4/6", + "right-safe-4/12", + "right-safe-5/6", + "right-safe-5/12", + "right-safe-6/12", + "right-safe-7/12", + "right-safe-8/12", + "right-safe-9/12", + "right-safe-10/12", + "right-safe-11/12", + "right-safe-px", "ring", "ring-0", "ring-1", @@ -10184,6 +12010,20 @@ exports[`getClassList 1`] = ` "row-start-12", "row-start-13", "row-start-auto", + "safe", + "safe-b", + "safe-b-none", + "safe-l", + "safe-l-none", + "safe-none", + "safe-r", + "safe-r-none", + "safe-t", + "safe-t-none", + "safe-x", + "safe-x-none", + "safe-y", + "safe-y-none", "saturate-0", "saturate-50", "saturate-100", @@ -10277,6 +12117,42 @@ exports[`getClassList 1`] = ` "scroll-m-80", "scroll-m-96", "scroll-m-px", + "scroll-m-safe", + "scroll-m-safe-0", + "scroll-m-safe-0.5", + "scroll-m-safe-1", + "scroll-m-safe-1.5", + "scroll-m-safe-2", + "scroll-m-safe-2.5", + "scroll-m-safe-3", + "scroll-m-safe-3.5", + "scroll-m-safe-4", + "scroll-m-safe-5", + "scroll-m-safe-6", + "scroll-m-safe-7", + "scroll-m-safe-8", + "scroll-m-safe-9", + "scroll-m-safe-10", + "scroll-m-safe-11", + "scroll-m-safe-12", + "scroll-m-safe-14", + "scroll-m-safe-16", + "scroll-m-safe-20", + "scroll-m-safe-24", + "scroll-m-safe-28", + "scroll-m-safe-32", + "scroll-m-safe-36", + "scroll-m-safe-40", + "scroll-m-safe-44", + "scroll-m-safe-48", + "scroll-m-safe-52", + "scroll-m-safe-56", + "scroll-m-safe-60", + "scroll-m-safe-64", + "scroll-m-safe-72", + "scroll-m-safe-80", + "scroll-m-safe-96", + "scroll-m-safe-px", "scroll-mb-0", "scroll-mb-0.5", "scroll-mb-1", @@ -10312,6 +12188,42 @@ exports[`getClassList 1`] = ` "scroll-mb-80", "scroll-mb-96", "scroll-mb-px", + "scroll-mb-safe", + "scroll-mb-safe-0", + "scroll-mb-safe-0.5", + "scroll-mb-safe-1", + "scroll-mb-safe-1.5", + "scroll-mb-safe-2", + "scroll-mb-safe-2.5", + "scroll-mb-safe-3", + "scroll-mb-safe-3.5", + "scroll-mb-safe-4", + "scroll-mb-safe-5", + "scroll-mb-safe-6", + "scroll-mb-safe-7", + "scroll-mb-safe-8", + "scroll-mb-safe-9", + "scroll-mb-safe-10", + "scroll-mb-safe-11", + "scroll-mb-safe-12", + "scroll-mb-safe-14", + "scroll-mb-safe-16", + "scroll-mb-safe-20", + "scroll-mb-safe-24", + "scroll-mb-safe-28", + "scroll-mb-safe-32", + "scroll-mb-safe-36", + "scroll-mb-safe-40", + "scroll-mb-safe-44", + "scroll-mb-safe-48", + "scroll-mb-safe-52", + "scroll-mb-safe-56", + "scroll-mb-safe-60", + "scroll-mb-safe-64", + "scroll-mb-safe-72", + "scroll-mb-safe-80", + "scroll-mb-safe-96", + "scroll-mb-safe-px", "scroll-mbe-0", "scroll-mbe-0.5", "scroll-mbe-1", @@ -10452,6 +12364,42 @@ exports[`getClassList 1`] = ` "scroll-ml-80", "scroll-ml-96", "scroll-ml-px", + "scroll-ml-safe", + "scroll-ml-safe-0", + "scroll-ml-safe-0.5", + "scroll-ml-safe-1", + "scroll-ml-safe-1.5", + "scroll-ml-safe-2", + "scroll-ml-safe-2.5", + "scroll-ml-safe-3", + "scroll-ml-safe-3.5", + "scroll-ml-safe-4", + "scroll-ml-safe-5", + "scroll-ml-safe-6", + "scroll-ml-safe-7", + "scroll-ml-safe-8", + "scroll-ml-safe-9", + "scroll-ml-safe-10", + "scroll-ml-safe-11", + "scroll-ml-safe-12", + "scroll-ml-safe-14", + "scroll-ml-safe-16", + "scroll-ml-safe-20", + "scroll-ml-safe-24", + "scroll-ml-safe-28", + "scroll-ml-safe-32", + "scroll-ml-safe-36", + "scroll-ml-safe-40", + "scroll-ml-safe-44", + "scroll-ml-safe-48", + "scroll-ml-safe-52", + "scroll-ml-safe-56", + "scroll-ml-safe-60", + "scroll-ml-safe-64", + "scroll-ml-safe-72", + "scroll-ml-safe-80", + "scroll-ml-safe-96", + "scroll-ml-safe-px", "scroll-mr-0", "scroll-mr-0.5", "scroll-mr-1", @@ -10487,6 +12435,42 @@ exports[`getClassList 1`] = ` "scroll-mr-80", "scroll-mr-96", "scroll-mr-px", + "scroll-mr-safe", + "scroll-mr-safe-0", + "scroll-mr-safe-0.5", + "scroll-mr-safe-1", + "scroll-mr-safe-1.5", + "scroll-mr-safe-2", + "scroll-mr-safe-2.5", + "scroll-mr-safe-3", + "scroll-mr-safe-3.5", + "scroll-mr-safe-4", + "scroll-mr-safe-5", + "scroll-mr-safe-6", + "scroll-mr-safe-7", + "scroll-mr-safe-8", + "scroll-mr-safe-9", + "scroll-mr-safe-10", + "scroll-mr-safe-11", + "scroll-mr-safe-12", + "scroll-mr-safe-14", + "scroll-mr-safe-16", + "scroll-mr-safe-20", + "scroll-mr-safe-24", + "scroll-mr-safe-28", + "scroll-mr-safe-32", + "scroll-mr-safe-36", + "scroll-mr-safe-40", + "scroll-mr-safe-44", + "scroll-mr-safe-48", + "scroll-mr-safe-52", + "scroll-mr-safe-56", + "scroll-mr-safe-60", + "scroll-mr-safe-64", + "scroll-mr-safe-72", + "scroll-mr-safe-80", + "scroll-mr-safe-96", + "scroll-mr-safe-px", "scroll-ms-0", "scroll-ms-0.5", "scroll-ms-1", @@ -10557,6 +12541,42 @@ exports[`getClassList 1`] = ` "scroll-mt-80", "scroll-mt-96", "scroll-mt-px", + "scroll-mt-safe", + "scroll-mt-safe-0", + "scroll-mt-safe-0.5", + "scroll-mt-safe-1", + "scroll-mt-safe-1.5", + "scroll-mt-safe-2", + "scroll-mt-safe-2.5", + "scroll-mt-safe-3", + "scroll-mt-safe-3.5", + "scroll-mt-safe-4", + "scroll-mt-safe-5", + "scroll-mt-safe-6", + "scroll-mt-safe-7", + "scroll-mt-safe-8", + "scroll-mt-safe-9", + "scroll-mt-safe-10", + "scroll-mt-safe-11", + "scroll-mt-safe-12", + "scroll-mt-safe-14", + "scroll-mt-safe-16", + "scroll-mt-safe-20", + "scroll-mt-safe-24", + "scroll-mt-safe-28", + "scroll-mt-safe-32", + "scroll-mt-safe-36", + "scroll-mt-safe-40", + "scroll-mt-safe-44", + "scroll-mt-safe-48", + "scroll-mt-safe-52", + "scroll-mt-safe-56", + "scroll-mt-safe-60", + "scroll-mt-safe-64", + "scroll-mt-safe-72", + "scroll-mt-safe-80", + "scroll-mt-safe-96", + "scroll-mt-safe-px", "scroll-mx-0", "scroll-mx-0.5", "scroll-mx-1", @@ -10592,6 +12612,42 @@ exports[`getClassList 1`] = ` "scroll-mx-80", "scroll-mx-96", "scroll-mx-px", + "scroll-mx-safe", + "scroll-mx-safe-0", + "scroll-mx-safe-0.5", + "scroll-mx-safe-1", + "scroll-mx-safe-1.5", + "scroll-mx-safe-2", + "scroll-mx-safe-2.5", + "scroll-mx-safe-3", + "scroll-mx-safe-3.5", + "scroll-mx-safe-4", + "scroll-mx-safe-5", + "scroll-mx-safe-6", + "scroll-mx-safe-7", + "scroll-mx-safe-8", + "scroll-mx-safe-9", + "scroll-mx-safe-10", + "scroll-mx-safe-11", + "scroll-mx-safe-12", + "scroll-mx-safe-14", + "scroll-mx-safe-16", + "scroll-mx-safe-20", + "scroll-mx-safe-24", + "scroll-mx-safe-28", + "scroll-mx-safe-32", + "scroll-mx-safe-36", + "scroll-mx-safe-40", + "scroll-mx-safe-44", + "scroll-mx-safe-48", + "scroll-mx-safe-52", + "scroll-mx-safe-56", + "scroll-mx-safe-60", + "scroll-mx-safe-64", + "scroll-mx-safe-72", + "scroll-mx-safe-80", + "scroll-mx-safe-96", + "scroll-mx-safe-px", "scroll-my-0", "scroll-my-0.5", "scroll-my-1", @@ -10627,6 +12683,42 @@ exports[`getClassList 1`] = ` "scroll-my-80", "scroll-my-96", "scroll-my-px", + "scroll-my-safe", + "scroll-my-safe-0", + "scroll-my-safe-0.5", + "scroll-my-safe-1", + "scroll-my-safe-1.5", + "scroll-my-safe-2", + "scroll-my-safe-2.5", + "scroll-my-safe-3", + "scroll-my-safe-3.5", + "scroll-my-safe-4", + "scroll-my-safe-5", + "scroll-my-safe-6", + "scroll-my-safe-7", + "scroll-my-safe-8", + "scroll-my-safe-9", + "scroll-my-safe-10", + "scroll-my-safe-11", + "scroll-my-safe-12", + "scroll-my-safe-14", + "scroll-my-safe-16", + "scroll-my-safe-20", + "scroll-my-safe-24", + "scroll-my-safe-28", + "scroll-my-safe-32", + "scroll-my-safe-36", + "scroll-my-safe-40", + "scroll-my-safe-44", + "scroll-my-safe-48", + "scroll-my-safe-52", + "scroll-my-safe-56", + "scroll-my-safe-60", + "scroll-my-safe-64", + "scroll-my-safe-72", + "scroll-my-safe-80", + "scroll-my-safe-96", + "scroll-my-safe-px", "scroll-p-0", "scroll-p-0.5", "scroll-p-1", @@ -10662,6 +12754,42 @@ exports[`getClassList 1`] = ` "scroll-p-80", "scroll-p-96", "scroll-p-px", + "scroll-p-safe", + "scroll-p-safe-0", + "scroll-p-safe-0.5", + "scroll-p-safe-1", + "scroll-p-safe-1.5", + "scroll-p-safe-2", + "scroll-p-safe-2.5", + "scroll-p-safe-3", + "scroll-p-safe-3.5", + "scroll-p-safe-4", + "scroll-p-safe-5", + "scroll-p-safe-6", + "scroll-p-safe-7", + "scroll-p-safe-8", + "scroll-p-safe-9", + "scroll-p-safe-10", + "scroll-p-safe-11", + "scroll-p-safe-12", + "scroll-p-safe-14", + "scroll-p-safe-16", + "scroll-p-safe-20", + "scroll-p-safe-24", + "scroll-p-safe-28", + "scroll-p-safe-32", + "scroll-p-safe-36", + "scroll-p-safe-40", + "scroll-p-safe-44", + "scroll-p-safe-48", + "scroll-p-safe-52", + "scroll-p-safe-56", + "scroll-p-safe-60", + "scroll-p-safe-64", + "scroll-p-safe-72", + "scroll-p-safe-80", + "scroll-p-safe-96", + "scroll-p-safe-px", "scroll-pb-0", "scroll-pb-0.5", "scroll-pb-1", @@ -10697,6 +12825,42 @@ exports[`getClassList 1`] = ` "scroll-pb-80", "scroll-pb-96", "scroll-pb-px", + "scroll-pb-safe", + "scroll-pb-safe-0", + "scroll-pb-safe-0.5", + "scroll-pb-safe-1", + "scroll-pb-safe-1.5", + "scroll-pb-safe-2", + "scroll-pb-safe-2.5", + "scroll-pb-safe-3", + "scroll-pb-safe-3.5", + "scroll-pb-safe-4", + "scroll-pb-safe-5", + "scroll-pb-safe-6", + "scroll-pb-safe-7", + "scroll-pb-safe-8", + "scroll-pb-safe-9", + "scroll-pb-safe-10", + "scroll-pb-safe-11", + "scroll-pb-safe-12", + "scroll-pb-safe-14", + "scroll-pb-safe-16", + "scroll-pb-safe-20", + "scroll-pb-safe-24", + "scroll-pb-safe-28", + "scroll-pb-safe-32", + "scroll-pb-safe-36", + "scroll-pb-safe-40", + "scroll-pb-safe-44", + "scroll-pb-safe-48", + "scroll-pb-safe-52", + "scroll-pb-safe-56", + "scroll-pb-safe-60", + "scroll-pb-safe-64", + "scroll-pb-safe-72", + "scroll-pb-safe-80", + "scroll-pb-safe-96", + "scroll-pb-safe-px", "scroll-pbe-0", "scroll-pbe-0.5", "scroll-pbe-1", @@ -10837,6 +13001,42 @@ exports[`getClassList 1`] = ` "scroll-pl-80", "scroll-pl-96", "scroll-pl-px", + "scroll-pl-safe", + "scroll-pl-safe-0", + "scroll-pl-safe-0.5", + "scroll-pl-safe-1", + "scroll-pl-safe-1.5", + "scroll-pl-safe-2", + "scroll-pl-safe-2.5", + "scroll-pl-safe-3", + "scroll-pl-safe-3.5", + "scroll-pl-safe-4", + "scroll-pl-safe-5", + "scroll-pl-safe-6", + "scroll-pl-safe-7", + "scroll-pl-safe-8", + "scroll-pl-safe-9", + "scroll-pl-safe-10", + "scroll-pl-safe-11", + "scroll-pl-safe-12", + "scroll-pl-safe-14", + "scroll-pl-safe-16", + "scroll-pl-safe-20", + "scroll-pl-safe-24", + "scroll-pl-safe-28", + "scroll-pl-safe-32", + "scroll-pl-safe-36", + "scroll-pl-safe-40", + "scroll-pl-safe-44", + "scroll-pl-safe-48", + "scroll-pl-safe-52", + "scroll-pl-safe-56", + "scroll-pl-safe-60", + "scroll-pl-safe-64", + "scroll-pl-safe-72", + "scroll-pl-safe-80", + "scroll-pl-safe-96", + "scroll-pl-safe-px", "scroll-pr-0", "scroll-pr-0.5", "scroll-pr-1", @@ -10872,6 +13072,42 @@ exports[`getClassList 1`] = ` "scroll-pr-80", "scroll-pr-96", "scroll-pr-px", + "scroll-pr-safe", + "scroll-pr-safe-0", + "scroll-pr-safe-0.5", + "scroll-pr-safe-1", + "scroll-pr-safe-1.5", + "scroll-pr-safe-2", + "scroll-pr-safe-2.5", + "scroll-pr-safe-3", + "scroll-pr-safe-3.5", + "scroll-pr-safe-4", + "scroll-pr-safe-5", + "scroll-pr-safe-6", + "scroll-pr-safe-7", + "scroll-pr-safe-8", + "scroll-pr-safe-9", + "scroll-pr-safe-10", + "scroll-pr-safe-11", + "scroll-pr-safe-12", + "scroll-pr-safe-14", + "scroll-pr-safe-16", + "scroll-pr-safe-20", + "scroll-pr-safe-24", + "scroll-pr-safe-28", + "scroll-pr-safe-32", + "scroll-pr-safe-36", + "scroll-pr-safe-40", + "scroll-pr-safe-44", + "scroll-pr-safe-48", + "scroll-pr-safe-52", + "scroll-pr-safe-56", + "scroll-pr-safe-60", + "scroll-pr-safe-64", + "scroll-pr-safe-72", + "scroll-pr-safe-80", + "scroll-pr-safe-96", + "scroll-pr-safe-px", "scroll-ps-0", "scroll-ps-0.5", "scroll-ps-1", @@ -10942,6 +13178,42 @@ exports[`getClassList 1`] = ` "scroll-pt-80", "scroll-pt-96", "scroll-pt-px", + "scroll-pt-safe", + "scroll-pt-safe-0", + "scroll-pt-safe-0.5", + "scroll-pt-safe-1", + "scroll-pt-safe-1.5", + "scroll-pt-safe-2", + "scroll-pt-safe-2.5", + "scroll-pt-safe-3", + "scroll-pt-safe-3.5", + "scroll-pt-safe-4", + "scroll-pt-safe-5", + "scroll-pt-safe-6", + "scroll-pt-safe-7", + "scroll-pt-safe-8", + "scroll-pt-safe-9", + "scroll-pt-safe-10", + "scroll-pt-safe-11", + "scroll-pt-safe-12", + "scroll-pt-safe-14", + "scroll-pt-safe-16", + "scroll-pt-safe-20", + "scroll-pt-safe-24", + "scroll-pt-safe-28", + "scroll-pt-safe-32", + "scroll-pt-safe-36", + "scroll-pt-safe-40", + "scroll-pt-safe-44", + "scroll-pt-safe-48", + "scroll-pt-safe-52", + "scroll-pt-safe-56", + "scroll-pt-safe-60", + "scroll-pt-safe-64", + "scroll-pt-safe-72", + "scroll-pt-safe-80", + "scroll-pt-safe-96", + "scroll-pt-safe-px", "scroll-px-0", "scroll-px-0.5", "scroll-px-1", @@ -10977,6 +13249,42 @@ exports[`getClassList 1`] = ` "scroll-px-80", "scroll-px-96", "scroll-px-px", + "scroll-px-safe", + "scroll-px-safe-0", + "scroll-px-safe-0.5", + "scroll-px-safe-1", + "scroll-px-safe-1.5", + "scroll-px-safe-2", + "scroll-px-safe-2.5", + "scroll-px-safe-3", + "scroll-px-safe-3.5", + "scroll-px-safe-4", + "scroll-px-safe-5", + "scroll-px-safe-6", + "scroll-px-safe-7", + "scroll-px-safe-8", + "scroll-px-safe-9", + "scroll-px-safe-10", + "scroll-px-safe-11", + "scroll-px-safe-12", + "scroll-px-safe-14", + "scroll-px-safe-16", + "scroll-px-safe-20", + "scroll-px-safe-24", + "scroll-px-safe-28", + "scroll-px-safe-32", + "scroll-px-safe-36", + "scroll-px-safe-40", + "scroll-px-safe-44", + "scroll-px-safe-48", + "scroll-px-safe-52", + "scroll-px-safe-56", + "scroll-px-safe-60", + "scroll-px-safe-64", + "scroll-px-safe-72", + "scroll-px-safe-80", + "scroll-px-safe-96", + "scroll-px-safe-px", "scroll-py-0", "scroll-py-0.5", "scroll-py-1", @@ -11012,6 +13320,42 @@ exports[`getClassList 1`] = ` "scroll-py-80", "scroll-py-96", "scroll-py-px", + "scroll-py-safe", + "scroll-py-safe-0", + "scroll-py-safe-0.5", + "scroll-py-safe-1", + "scroll-py-safe-1.5", + "scroll-py-safe-2", + "scroll-py-safe-2.5", + "scroll-py-safe-3", + "scroll-py-safe-3.5", + "scroll-py-safe-4", + "scroll-py-safe-5", + "scroll-py-safe-6", + "scroll-py-safe-7", + "scroll-py-safe-8", + "scroll-py-safe-9", + "scroll-py-safe-10", + "scroll-py-safe-11", + "scroll-py-safe-12", + "scroll-py-safe-14", + "scroll-py-safe-16", + "scroll-py-safe-20", + "scroll-py-safe-24", + "scroll-py-safe-28", + "scroll-py-safe-32", + "scroll-py-safe-36", + "scroll-py-safe-40", + "scroll-py-safe-44", + "scroll-py-safe-48", + "scroll-py-safe-52", + "scroll-py-safe-56", + "scroll-py-safe-60", + "scroll-py-safe-64", + "scroll-py-safe-72", + "scroll-py-safe-80", + "scroll-py-safe-96", + "scroll-py-safe-px", "scroll-smooth", "select-all", "select-auto", @@ -11663,6 +14007,68 @@ exports[`getClassList 1`] = ` "top-auto", "top-full", "top-px", + "top-safe", + "top-safe-0", + "top-safe-0.5", + "top-safe-1", + "top-safe-1.5", + "top-safe-2", + "top-safe-2.5", + "top-safe-3", + "top-safe-3.5", + "top-safe-4", + "top-safe-5", + "top-safe-6", + "top-safe-7", + "top-safe-8", + "top-safe-9", + "top-safe-10", + "top-safe-11", + "top-safe-12", + "top-safe-14", + "top-safe-16", + "top-safe-20", + "top-safe-24", + "top-safe-28", + "top-safe-32", + "top-safe-36", + "top-safe-40", + "top-safe-44", + "top-safe-48", + "top-safe-52", + "top-safe-56", + "top-safe-60", + "top-safe-64", + "top-safe-72", + "top-safe-80", + "top-safe-96", + "top-safe-1/2", + "top-safe-1/3", + "top-safe-1/4", + "top-safe-1/5", + "top-safe-1/6", + "top-safe-1/12", + "top-safe-2/3", + "top-safe-2/4", + "top-safe-2/5", + "top-safe-2/6", + "top-safe-2/12", + "top-safe-3/4", + "top-safe-3/5", + "top-safe-3/6", + "top-safe-3/12", + "top-safe-4/5", + "top-safe-4/6", + "top-safe-4/12", + "top-safe-5/6", + "top-safe-5/12", + "top-safe-6/12", + "top-safe-7/12", + "top-safe-8/12", + "top-safe-9/12", + "top-safe-10/12", + "top-safe-11/12", + "top-safe-px", "touch-auto", "touch-manipulation", "touch-none", diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts index 4e4f1feee880..7fdfb14b15e1 100644 --- a/packages/tailwindcss/src/utilities.test.ts +++ b/packages/tailwindcss/src/utilities.test.ts @@ -306,6 +306,185 @@ test('inset', async () => { ).toEqual('') }) +test('safe area utilities', async () => { + expect( + await compileCss( + css` + @theme { + --spacing-4: 1rem; + } + @tailwind utilities; + `, + [ + 'safe', + 'safe-none', + 'safe-x-none', + 'safe-b', + 'inset-safe', + '-inset-safe', + '-inset-safe-1/2', + 'top-safe-4', + 'top-safe-1/2', + '-left-safe-px', + 'm-safe', + '-mt-safe', + 'mx-safe-4', + '-mb-safe-[var(--offset)]', + 'p-safe', + 'pt-safe-4', + 'pl-safe-[4px]', + 'scroll-m-safe', + '-scroll-mt-safe-4', + 'scroll-p-safe', + 'scroll-pl-safe-px', + ], + ), + ).toMatchInlineSnapshot(` + ":root, :host { + --spacing-4: 1rem; + } + + .-inset-safe { + top: calc(var(--tw-safe-area-top, env(safe-area-inset-top)) * -1); + right: calc(var(--tw-safe-area-right, env(safe-area-inset-right)) * -1); + bottom: calc(var(--tw-safe-area-bottom, env(safe-area-inset-bottom)) * -1); + left: calc(var(--tw-safe-area-left, env(safe-area-inset-left)) * -1); + } + + .-inset-safe-1\\/2 { + top: calc((var(--tw-safe-area-top, env(safe-area-inset-top)) + calc(1 / 2 * 100%)) * -1); + right: calc((var(--tw-safe-area-right, env(safe-area-inset-right)) + calc(1 / 2 * 100%)) * -1); + bottom: calc((var(--tw-safe-area-bottom, env(safe-area-inset-bottom)) + calc(1 / 2 * 100%)) * -1); + left: calc((var(--tw-safe-area-left, env(safe-area-inset-left)) + calc(1 / 2 * 100%)) * -1); + } + + .inset-safe { + top: var(--tw-safe-area-top, env(safe-area-inset-top)); + right: var(--tw-safe-area-right, env(safe-area-inset-right)); + bottom: var(--tw-safe-area-bottom, env(safe-area-inset-bottom)); + left: var(--tw-safe-area-left, env(safe-area-inset-left)); + } + + .top-safe-1\\/2 { + top: calc(var(--tw-safe-area-top, env(safe-area-inset-top)) + calc(1 / 2 * 100%)); + } + + .top-safe-4 { + top: calc(var(--tw-safe-area-top, env(safe-area-inset-top)) + var(--spacing-4)); + } + + .-left-safe-px { + left: calc((var(--tw-safe-area-left, env(safe-area-inset-left)) + 1px) * -1); + } + + .m-safe { + margin-top: var(--tw-safe-area-top, env(safe-area-inset-top)); + margin-right: var(--tw-safe-area-right, env(safe-area-inset-right)); + margin-bottom: var(--tw-safe-area-bottom, env(safe-area-inset-bottom)); + margin-left: var(--tw-safe-area-left, env(safe-area-inset-left)); + } + + .-mt-safe { + margin-top: calc(var(--tw-safe-area-top, env(safe-area-inset-top)) * -1); + } + + .mx-safe-4 { + margin-right: calc(var(--tw-safe-area-right, env(safe-area-inset-right)) + var(--spacing-4)); + margin-left: calc(var(--tw-safe-area-left, env(safe-area-inset-left)) + var(--spacing-4)); + } + + .-mb-safe-\\[var\\(--offset\\)\\] { + margin-bottom: calc((var(--tw-safe-area-bottom, env(safe-area-inset-bottom)) + var(--offset)) * -1); + } + + .scroll-m-safe { + scroll-margin-top: var(--tw-safe-area-top, env(safe-area-inset-top)); + scroll-margin-right: var(--tw-safe-area-right, env(safe-area-inset-right)); + scroll-margin-bottom: var(--tw-safe-area-bottom, env(safe-area-inset-bottom)); + scroll-margin-left: var(--tw-safe-area-left, env(safe-area-inset-left)); + } + + .-scroll-mt-safe-4 { + scroll-margin-top: calc((var(--tw-safe-area-top, env(safe-area-inset-top)) + var(--spacing-4)) * -1); + } + + .scroll-p-safe { + scroll-padding-top: var(--tw-safe-area-top, env(safe-area-inset-top)); + scroll-padding-right: var(--tw-safe-area-right, env(safe-area-inset-right)); + scroll-padding-bottom: var(--tw-safe-area-bottom, env(safe-area-inset-bottom)); + scroll-padding-left: var(--tw-safe-area-left, env(safe-area-inset-left)); + } + + .scroll-pl-safe-px { + scroll-padding-left: calc(var(--tw-safe-area-left, env(safe-area-inset-left)) + 1px); + } + + .p-safe { + padding-top: var(--tw-safe-area-top, env(safe-area-inset-top)); + padding-right: var(--tw-safe-area-right, env(safe-area-inset-right)); + padding-bottom: var(--tw-safe-area-bottom, env(safe-area-inset-bottom)); + padding-left: var(--tw-safe-area-left, env(safe-area-inset-left)); + } + + .pt-safe-4 { + padding-top: calc(var(--tw-safe-area-top, env(safe-area-inset-top)) + var(--spacing-4)); + } + + .pl-safe-\\[4px\\] { + padding-left: calc(var(--tw-safe-area-left, env(safe-area-inset-left)) + 4px); + } + + .safe { + --tw-safe-area-top: env(safe-area-inset-top); + --tw-safe-area-right: env(safe-area-inset-right); + --tw-safe-area-bottom: env(safe-area-inset-bottom); + --tw-safe-area-left: env(safe-area-inset-left); + } + + .safe-none { + --tw-safe-area-top: 0px; + --tw-safe-area-right: 0px; + --tw-safe-area-bottom: 0px; + --tw-safe-area-left: 0px; + } + + .safe-x-none { + --tw-safe-area-right: 0px; + --tw-safe-area-left: 0px; + } + + .safe-b { + --tw-safe-area-bottom: env(safe-area-inset-bottom); + }" + `) + + expect( + await run([ + '-safe', + 'safe/foo', + 'safe-4', + 'safe-x-none/foo', + 'inset-safe/foo', + 'top-safe/foo', + '-left-safe/foo', + '-p-safe', + 'p-safe/foo', + 'm-safe-1/2', + 'p-safe-1/2', + 'scroll-m-safe-1/2', + 'scroll-p-safe-1/2', + '-pt-safe-4', + 'scroll-p-safe/foo', + '-scroll-p-safe', + 'scroll-pl-safe/foo', + 'm-safe/foo', + '-mt-safe/foo', + 'mx-safe-4/foo', + '-mb-safe-[var(--offset)]/foo', + ]), + ).toEqual('') +}) + test('inset-x', async () => { expect( await compileCss( @@ -3848,6 +4027,64 @@ test('max-height', async () => { ).toEqual('') }) +test('safe area height utilities', async () => { + expect( + await run([ + 'h-screen-safe', + 'h-svh-safe', + 'h-lvh-safe', + 'h-dvh-safe', + 'min-h-screen-safe', + 'min-h-dvh-safe', + 'max-h-screen-safe', + 'max-h-lvh-safe', + ]), + ).toMatchInlineSnapshot(` + ".h-dvh-safe { + height: calc(100dvh - (var(--tw-safe-area-top, env(safe-area-inset-top)) + var(--tw-safe-area-bottom, env(safe-area-inset-bottom)))); + } + + .h-lvh-safe { + height: calc(100lvh - (var(--tw-safe-area-top, env(safe-area-inset-top)) + var(--tw-safe-area-bottom, env(safe-area-inset-bottom)))); + } + + .h-screen-safe { + height: calc(100vh - (var(--tw-safe-area-top, env(safe-area-inset-top)) + var(--tw-safe-area-bottom, env(safe-area-inset-bottom)))); + } + + .h-svh-safe { + height: calc(100svh - (var(--tw-safe-area-top, env(safe-area-inset-top)) + var(--tw-safe-area-bottom, env(safe-area-inset-bottom)))); + } + + .max-h-lvh-safe { + max-height: calc(100lvh - (var(--tw-safe-area-top, env(safe-area-inset-top)) + var(--tw-safe-area-bottom, env(safe-area-inset-bottom)))); + } + + .max-h-screen-safe { + max-height: calc(100vh - (var(--tw-safe-area-top, env(safe-area-inset-top)) + var(--tw-safe-area-bottom, env(safe-area-inset-bottom)))); + } + + .min-h-dvh-safe { + min-height: calc(100dvh - (var(--tw-safe-area-top, env(safe-area-inset-top)) + var(--tw-safe-area-bottom, env(safe-area-inset-bottom)))); + } + + .min-h-screen-safe { + min-height: calc(100vh - (var(--tw-safe-area-top, env(safe-area-inset-top)) + var(--tw-safe-area-bottom, env(safe-area-inset-bottom)))); + }" + `) + + expect( + await run([ + 'h-safe', + 'min-h-safe', + 'max-h-safe', + 'h-screen-safe/foo', + 'min-h-dvh-safe/foo', + 'max-h-lvh-safe/foo', + ]), + ).toEqual('') +}) + test('inline-size', async () => { expect( await compileCss( diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index a18def9e1973..15a2b50bcaed 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -570,6 +570,104 @@ export function createUtilities(theme: Theme) { ]) } + type SafeAreaInset = 'top' | 'right' | 'bottom' | 'left' + + function safeAreaValue(inset: SafeAreaInset) { + return `var(--tw-safe-area-${inset}, env(safe-area-inset-${inset}))` + } + + function safeAreaDeclarations( + properties: [string, SafeAreaInset][], + value?: string, + negative = false, + ) { + return properties.map(([property, inset]) => { + let safeArea = safeAreaValue(inset) + + if (value === undefined) { + return decl(property, negative ? `calc(${safeArea} * -1)` : safeArea) + } + + return decl( + property, + negative ? `calc((${safeArea} + ${value}) * -1)` : `calc(${safeArea} + ${value})`, + ) + }) + } + + function resolveSpacingUtilityValue( + candidate: Extract, + themeKeys: ThemeKey[], + supportsFractions = false, + ) { + if (!candidate.value) return null + + if (candidate.value.kind === 'arbitrary') { + if (candidate.modifier) return null + return candidate.value.value + } + + if (candidate.modifier && (!candidate.value.fraction || !supportsFractions)) return null + + let value = theme.resolve(candidate.value.fraction ?? candidate.value.value, themeKeys) + + if (value === null && supportsFractions && candidate.value.fraction) { + let [lhs, rhs] = segment(candidate.value.fraction, '/') + if (!isPositiveInteger(lhs) || !isPositiveInteger(rhs)) return null + value = `calc(${lhs} / ${rhs} * 100%)` + } + + if (value === null) { + let multiplier = theme.resolve(null, ['--spacing']) + if (multiplier && isValidSpacingMultiplier(candidate.value.value)) { + value = `calc(${multiplier} * ${candidate.value.value})` + } + } + + return value + } + + function safeAreaSpacingUtility( + name: string, + themeKeys: ThemeKey[], + properties: [string, SafeAreaInset][], + { + supportsNegative = false, + supportsFractions = false, + }: { + supportsNegative?: boolean + supportsFractions?: boolean + } = {}, + ) { + utilities.static(name, () => safeAreaDeclarations(properties)) + utilities.static(`${name}-px`, () => safeAreaDeclarations(properties, '1px')) + + utilities.functional(name, (candidate) => { + let value = resolveSpacingUtilityValue(candidate, themeKeys, supportsFractions) + if (value === null) return + return safeAreaDeclarations(properties, value) + }) + + if (supportsNegative) { + utilities.static(`-${name}`, () => safeAreaDeclarations(properties, undefined, true)) + utilities.static(`-${name}-px`, () => safeAreaDeclarations(properties, '1px', true)) + utilities.functional(`-${name}`, (candidate) => { + let value = resolveSpacingUtilityValue(candidate, themeKeys, supportsFractions) + if (value === null) return + return safeAreaDeclarations(properties, value, true) + }) + } + + suggest(name, () => [ + { + values: theme.get(['--spacing']) ? DEFAULT_SPACING_SUGGESTIONS : [], + supportsNegative, + supportsFractions, + valueThemeKeys: themeKeys, + }, + ]) + } + /** * ---------------- * Utility matchers @@ -620,6 +718,38 @@ export function createUtilities(theme: Theme) { staticUtility('relative', [['position', 'relative']]) staticUtility('sticky', [['position', 'sticky']]) + for (let [name, insets] of [ + ['safe', ['top', 'right', 'bottom', 'left']], + ['safe-x', ['right', 'left']], + ['safe-y', ['top', 'bottom']], + ['safe-t', ['top']], + ['safe-r', ['right']], + ['safe-b', ['bottom']], + ['safe-l', ['left']], + ] as [string, SafeAreaInset[]][]) { + staticUtility( + name, + insets.map( + (inset) => [`--tw-safe-area-${inset}`, `env(safe-area-inset-${inset})`] as [string, string], + ), + ) + } + + for (let [name, insets] of [ + ['safe-none', ['top', 'right', 'bottom', 'left']], + ['safe-x-none', ['right', 'left']], + ['safe-y-none', ['top', 'bottom']], + ['safe-t-none', ['top']], + ['safe-r-none', ['right']], + ['safe-b-none', ['bottom']], + ['safe-l-none', ['left']], + ] as [string, SafeAreaInset[]][]) { + staticUtility( + name, + insets.map((inset) => [`--tw-safe-area-${inset}`, '0px'] as [string, string]), + ) + } + /** * @css `inset` */ @@ -645,6 +775,41 @@ export function createUtilities(theme: Theme) { }) } + for (let [name, properties] of [ + [ + 'inset-safe', + [ + ['top', 'top'], + ['right', 'right'], + ['bottom', 'bottom'], + ['left', 'left'], + ], + ], + [ + 'inset-x-safe', + [ + ['right', 'right'], + ['left', 'left'], + ], + ], + [ + 'inset-y-safe', + [ + ['top', 'top'], + ['bottom', 'bottom'], + ], + ], + ['top-safe', [['top', 'top']]], + ['right-safe', [['right', 'right']]], + ['bottom-safe', [['bottom', 'bottom']]], + ['left-safe', [['left', 'left']]], + ] as [string, [string, SafeAreaInset][]][]) { + safeAreaSpacingUtility(name, ['--inset', '--spacing'], properties, { + supportsNegative: true, + supportsFractions: true, + }) + } + /** * @css `isolation` */ @@ -906,6 +1071,40 @@ export function createUtilities(theme: Theme) { }) } + for (let [name, properties] of [ + [ + 'm-safe', + [ + ['margin-top', 'top'], + ['margin-right', 'right'], + ['margin-bottom', 'bottom'], + ['margin-left', 'left'], + ], + ], + [ + 'mx-safe', + [ + ['margin-right', 'right'], + ['margin-left', 'left'], + ], + ], + [ + 'my-safe', + [ + ['margin-top', 'top'], + ['margin-bottom', 'bottom'], + ], + ], + ['mt-safe', [['margin-top', 'top']]], + ['mr-safe', [['margin-right', 'right']]], + ['mb-safe', [['margin-bottom', 'bottom']]], + ['ml-safe', [['margin-left', 'left']]], + ] as [string, [string, SafeAreaInset][]][]) { + safeAreaSpacingUtility(name, ['--margin', '--spacing'], properties, { + supportsNegative: true, + }) + } + /** * @css `box-sizing` */ @@ -1049,6 +1248,23 @@ export function createUtilities(theme: Theme) { staticUtility(`min-h-screen`, [['min-height', '100vh']]) staticUtility(`max-h-screen`, [['max-height', '100vh']]) + for (let [name, property] of [ + ['h', 'height'], + ['min-h', 'min-height'], + ['max-h', 'max-height'], + ] as const) { + for (let [viewport, value] of [ + ['screen', '100vh'], + ['svh', '100svh'], + ['lvh', '100lvh'], + ['dvh', '100dvh'], + ] as const) { + staticUtility(`${name}-${viewport}-safe`, [ + [property, `calc(${value} - (${safeAreaValue('top')} + ${safeAreaValue('bottom')}))`], + ]) + } + } + staticUtility(`max-w-none`, [['max-width', 'none']]) staticUtility(`max-h-none`, [['max-height', 'none']]) @@ -1874,6 +2090,40 @@ export function createUtilities(theme: Theme) { ) } + for (let [name, properties] of [ + [ + 'scroll-m-safe', + [ + ['scroll-margin-top', 'top'], + ['scroll-margin-right', 'right'], + ['scroll-margin-bottom', 'bottom'], + ['scroll-margin-left', 'left'], + ], + ], + [ + 'scroll-mx-safe', + [ + ['scroll-margin-right', 'right'], + ['scroll-margin-left', 'left'], + ], + ], + [ + 'scroll-my-safe', + [ + ['scroll-margin-top', 'top'], + ['scroll-margin-bottom', 'bottom'], + ], + ], + ['scroll-mt-safe', [['scroll-margin-top', 'top']]], + ['scroll-mr-safe', [['scroll-margin-right', 'right']]], + ['scroll-mb-safe', [['scroll-margin-bottom', 'bottom']]], + ['scroll-ml-safe', [['scroll-margin-left', 'left']]], + ] as [string, [string, SafeAreaInset][]][]) { + safeAreaSpacingUtility(name, ['--scroll-margin', '--spacing'], properties, { + supportsNegative: true, + }) + } + /** * @css `scroll-padding` */ @@ -1893,6 +2143,38 @@ export function createUtilities(theme: Theme) { spacingUtility(namespace, ['--scroll-padding', '--spacing'], (value) => [decl(property, value)]) } + for (let [name, properties] of [ + [ + 'scroll-p-safe', + [ + ['scroll-padding-top', 'top'], + ['scroll-padding-right', 'right'], + ['scroll-padding-bottom', 'bottom'], + ['scroll-padding-left', 'left'], + ], + ], + [ + 'scroll-px-safe', + [ + ['scroll-padding-right', 'right'], + ['scroll-padding-left', 'left'], + ], + ], + [ + 'scroll-py-safe', + [ + ['scroll-padding-top', 'top'], + ['scroll-padding-bottom', 'bottom'], + ], + ], + ['scroll-pt-safe', [['scroll-padding-top', 'top']]], + ['scroll-pr-safe', [['scroll-padding-right', 'right']]], + ['scroll-pb-safe', [['scroll-padding-bottom', 'bottom']]], + ['scroll-pl-safe', [['scroll-padding-left', 'left']]], + ] as [string, [string, SafeAreaInset][]][]) { + safeAreaSpacingUtility(name, ['--scroll-padding', '--spacing'], properties) + } + staticUtility('list-inside', [['list-style-position', 'inside']]) staticUtility('list-outside', [['list-style-position', 'outside']]) @@ -3819,6 +4101,38 @@ export function createUtilities(theme: Theme) { spacingUtility(name, ['--padding', '--spacing'], (value) => [decl(property, value)]) } + for (let [name, properties] of [ + [ + 'p-safe', + [ + ['padding-top', 'top'], + ['padding-right', 'right'], + ['padding-bottom', 'bottom'], + ['padding-left', 'left'], + ], + ], + [ + 'px-safe', + [ + ['padding-right', 'right'], + ['padding-left', 'left'], + ], + ], + [ + 'py-safe', + [ + ['padding-top', 'top'], + ['padding-bottom', 'bottom'], + ], + ], + ['pt-safe', [['padding-top', 'top']]], + ['pr-safe', [['padding-right', 'right']]], + ['pb-safe', [['padding-bottom', 'bottom']]], + ['pl-safe', [['padding-left', 'left']]], + ] as [string, [string, SafeAreaInset][]][]) { + safeAreaSpacingUtility(name, ['--padding', '--spacing'], properties) + } + staticUtility('text-left', [['text-align', 'left']]) staticUtility('text-center', [['text-align', 'center']]) staticUtility('text-right', [['text-align', 'right']])