From f6923b1d6bb25f2ff69975ef975e3e55e3693fbf Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 11 Nov 2020 16:12:41 -0500 Subject: [PATCH] Update default variants Disable hover/focus for fontWeight, enable focus-within for outline and ringWidth, enable group-hover for boxShadow, enable group-hover and focus-within for textDecoration. --- .../fixtures/tailwind-output-flagged.css | 1122 ++++++++++------- .../fixtures/tailwind-output-important.css | 1122 ++++++++++------- .../tailwind-output-no-color-opacity.css | 1122 ++++++++++------- __tests__/fixtures/tailwind-output.css | 1122 ++++++++++------- stubs/defaultConfig.stub.js | 10 +- 5 files changed, 2765 insertions(+), 1733 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css index b1dd5979c42c..f655d1f7ce58 100644 --- a/__tests__/fixtures/tailwind-output-flagged.css +++ b/__tests__/fixtures/tailwind-output-flagged.css @@ -11487,78 +11487,6 @@ video { font-weight: 900; } -.hover\:font-thin:hover { - font-weight: 100; -} - -.hover\:font-extralight:hover { - font-weight: 200; -} - -.hover\:font-light:hover { - font-weight: 300; -} - -.hover\:font-normal:hover { - font-weight: 400; -} - -.hover\:font-medium:hover { - font-weight: 500; -} - -.hover\:font-semibold:hover { - font-weight: 600; -} - -.hover\:font-bold:hover { - font-weight: 700; -} - -.hover\:font-extrabold:hover { - font-weight: 800; -} - -.hover\:font-black:hover { - font-weight: 900; -} - -.focus\:font-thin:focus { - font-weight: 100; -} - -.focus\:font-extralight:focus { - font-weight: 200; -} - -.focus\:font-light:focus { - font-weight: 300; -} - -.focus\:font-normal:focus { - font-weight: 400; -} - -.focus\:font-medium:focus { - font-weight: 500; -} - -.focus\:font-semibold:focus { - font-weight: 600; -} - -.focus\:font-bold:focus { - font-weight: 700; -} - -.focus\:font-extrabold:focus { - font-weight: 800; -} - -.focus\:font-black:focus { - font-weight: 900; -} - .h-0 { height: 0; } @@ -14647,6 +14575,21 @@ video { outline-offset: 2px; } +.focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; +} + +.focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; +} + .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -19608,6 +19551,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } +.group:hover .group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + .focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -19764,6 +19747,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } +.focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + .focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -23119,6 +23138,30 @@ video { text-decoration: none; } +.group:hover .group-hover\:underline { + text-decoration: underline; +} + +.group:hover .group-hover\:line-through { + text-decoration: line-through; +} + +.group:hover .group-hover\:no-underline { + text-decoration: none; +} + +.focus-within\:underline:focus-within { + text-decoration: underline; +} + +.focus-within\:line-through:focus-within { + text-decoration: line-through; +} + +.focus-within\:no-underline:focus-within { + text-decoration: none; +} + .hover\:underline:hover { text-decoration: underline; } @@ -38608,78 +38651,6 @@ video { font-weight: 900; } - .sm\:hover\:font-thin:hover { - font-weight: 100; - } - - .sm\:hover\:font-extralight:hover { - font-weight: 200; - } - - .sm\:hover\:font-light:hover { - font-weight: 300; - } - - .sm\:hover\:font-normal:hover { - font-weight: 400; - } - - .sm\:hover\:font-medium:hover { - font-weight: 500; - } - - .sm\:hover\:font-semibold:hover { - font-weight: 600; - } - - .sm\:hover\:font-bold:hover { - font-weight: 700; - } - - .sm\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .sm\:hover\:font-black:hover { - font-weight: 900; - } - - .sm\:focus\:font-thin:focus { - font-weight: 100; - } - - .sm\:focus\:font-extralight:focus { - font-weight: 200; - } - - .sm\:focus\:font-light:focus { - font-weight: 300; - } - - .sm\:focus\:font-normal:focus { - font-weight: 400; - } - - .sm\:focus\:font-medium:focus { - font-weight: 500; - } - - .sm\:focus\:font-semibold:focus { - font-weight: 600; - } - - .sm\:focus\:font-bold:focus { - font-weight: 700; - } - - .sm\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .sm\:focus\:font-black:focus { - font-weight: 900; - } - .sm\:h-0 { height: 0; } @@ -41768,6 +41739,21 @@ video { outline-offset: 2px; } + .sm\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .sm\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .sm\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .sm\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -46729,6 +46715,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .sm\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .sm\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -46885,6 +46911,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .sm\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .sm\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -50240,6 +50302,30 @@ video { text-decoration: none; } + .group:hover .sm\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .sm\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .sm\:group-hover\:no-underline { + text-decoration: none; + } + + .sm\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .sm\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .sm\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .sm\:hover\:underline:hover { text-decoration: underline; } @@ -65699,78 +65785,6 @@ video { font-weight: 900; } - .md\:hover\:font-thin:hover { - font-weight: 100; - } - - .md\:hover\:font-extralight:hover { - font-weight: 200; - } - - .md\:hover\:font-light:hover { - font-weight: 300; - } - - .md\:hover\:font-normal:hover { - font-weight: 400; - } - - .md\:hover\:font-medium:hover { - font-weight: 500; - } - - .md\:hover\:font-semibold:hover { - font-weight: 600; - } - - .md\:hover\:font-bold:hover { - font-weight: 700; - } - - .md\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .md\:hover\:font-black:hover { - font-weight: 900; - } - - .md\:focus\:font-thin:focus { - font-weight: 100; - } - - .md\:focus\:font-extralight:focus { - font-weight: 200; - } - - .md\:focus\:font-light:focus { - font-weight: 300; - } - - .md\:focus\:font-normal:focus { - font-weight: 400; - } - - .md\:focus\:font-medium:focus { - font-weight: 500; - } - - .md\:focus\:font-semibold:focus { - font-weight: 600; - } - - .md\:focus\:font-bold:focus { - font-weight: 700; - } - - .md\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .md\:focus\:font-black:focus { - font-weight: 900; - } - .md\:h-0 { height: 0; } @@ -68859,6 +68873,21 @@ video { outline-offset: 2px; } + .md\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .md\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .md\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .md\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -73820,6 +73849,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .md\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .md\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -73976,6 +74045,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .md\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .md\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -77331,6 +77436,30 @@ video { text-decoration: none; } + .group:hover .md\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .md\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .md\:group-hover\:no-underline { + text-decoration: none; + } + + .md\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .md\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .md\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .md\:hover\:underline:hover { text-decoration: underline; } @@ -92790,78 +92919,6 @@ video { font-weight: 900; } - .lg\:hover\:font-thin:hover { - font-weight: 100; - } - - .lg\:hover\:font-extralight:hover { - font-weight: 200; - } - - .lg\:hover\:font-light:hover { - font-weight: 300; - } - - .lg\:hover\:font-normal:hover { - font-weight: 400; - } - - .lg\:hover\:font-medium:hover { - font-weight: 500; - } - - .lg\:hover\:font-semibold:hover { - font-weight: 600; - } - - .lg\:hover\:font-bold:hover { - font-weight: 700; - } - - .lg\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .lg\:hover\:font-black:hover { - font-weight: 900; - } - - .lg\:focus\:font-thin:focus { - font-weight: 100; - } - - .lg\:focus\:font-extralight:focus { - font-weight: 200; - } - - .lg\:focus\:font-light:focus { - font-weight: 300; - } - - .lg\:focus\:font-normal:focus { - font-weight: 400; - } - - .lg\:focus\:font-medium:focus { - font-weight: 500; - } - - .lg\:focus\:font-semibold:focus { - font-weight: 600; - } - - .lg\:focus\:font-bold:focus { - font-weight: 700; - } - - .lg\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .lg\:focus\:font-black:focus { - font-weight: 900; - } - .lg\:h-0 { height: 0; } @@ -95950,6 +96007,21 @@ video { outline-offset: 2px; } + .lg\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .lg\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .lg\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .lg\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -100911,6 +100983,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .lg\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .lg\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -101067,6 +101179,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .lg\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .lg\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -104422,6 +104570,30 @@ video { text-decoration: none; } + .group:hover .lg\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .lg\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .lg\:group-hover\:no-underline { + text-decoration: none; + } + + .lg\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .lg\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .lg\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .lg\:hover\:underline:hover { text-decoration: underline; } @@ -119881,78 +120053,6 @@ video { font-weight: 900; } - .xl\:hover\:font-thin:hover { - font-weight: 100; - } - - .xl\:hover\:font-extralight:hover { - font-weight: 200; - } - - .xl\:hover\:font-light:hover { - font-weight: 300; - } - - .xl\:hover\:font-normal:hover { - font-weight: 400; - } - - .xl\:hover\:font-medium:hover { - font-weight: 500; - } - - .xl\:hover\:font-semibold:hover { - font-weight: 600; - } - - .xl\:hover\:font-bold:hover { - font-weight: 700; - } - - .xl\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .xl\:hover\:font-black:hover { - font-weight: 900; - } - - .xl\:focus\:font-thin:focus { - font-weight: 100; - } - - .xl\:focus\:font-extralight:focus { - font-weight: 200; - } - - .xl\:focus\:font-light:focus { - font-weight: 300; - } - - .xl\:focus\:font-normal:focus { - font-weight: 400; - } - - .xl\:focus\:font-medium:focus { - font-weight: 500; - } - - .xl\:focus\:font-semibold:focus { - font-weight: 600; - } - - .xl\:focus\:font-bold:focus { - font-weight: 700; - } - - .xl\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .xl\:focus\:font-black:focus { - font-weight: 900; - } - .xl\:h-0 { height: 0; } @@ -123041,6 +123141,21 @@ video { outline-offset: 2px; } + .xl\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .xl\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .xl\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .xl\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -128002,6 +128117,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .xl\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .xl\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -128158,6 +128313,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .xl\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .xl\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -131513,6 +131704,30 @@ video { text-decoration: none; } + .group:hover .xl\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .xl\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .xl\:group-hover\:no-underline { + text-decoration: none; + } + + .xl\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .xl\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .xl\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .xl\:hover\:underline:hover { text-decoration: underline; } @@ -146972,78 +147187,6 @@ video { font-weight: 900; } - .\32xl\:hover\:font-thin:hover { - font-weight: 100; - } - - .\32xl\:hover\:font-extralight:hover { - font-weight: 200; - } - - .\32xl\:hover\:font-light:hover { - font-weight: 300; - } - - .\32xl\:hover\:font-normal:hover { - font-weight: 400; - } - - .\32xl\:hover\:font-medium:hover { - font-weight: 500; - } - - .\32xl\:hover\:font-semibold:hover { - font-weight: 600; - } - - .\32xl\:hover\:font-bold:hover { - font-weight: 700; - } - - .\32xl\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .\32xl\:hover\:font-black:hover { - font-weight: 900; - } - - .\32xl\:focus\:font-thin:focus { - font-weight: 100; - } - - .\32xl\:focus\:font-extralight:focus { - font-weight: 200; - } - - .\32xl\:focus\:font-light:focus { - font-weight: 300; - } - - .\32xl\:focus\:font-normal:focus { - font-weight: 400; - } - - .\32xl\:focus\:font-medium:focus { - font-weight: 500; - } - - .\32xl\:focus\:font-semibold:focus { - font-weight: 600; - } - - .\32xl\:focus\:font-bold:focus { - font-weight: 700; - } - - .\32xl\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .\32xl\:focus\:font-black:focus { - font-weight: 900; - } - .\32xl\:h-0 { height: 0; } @@ -150132,6 +150275,21 @@ video { outline-offset: 2px; } + .\32xl\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .\32xl\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .\32xl\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .\32xl\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -155093,6 +155251,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .\32xl\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .\32xl\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -155249,6 +155447,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .\32xl\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .\32xl\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -158604,6 +158838,30 @@ video { text-decoration: none; } + .group:hover .\32xl\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .\32xl\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .\32xl\:group-hover\:no-underline { + text-decoration: none; + } + + .\32xl\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .\32xl\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .\32xl\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .\32xl\:hover\:underline:hover { text-decoration: underline; } diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 08e61457ab84..227a6a8fb177 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -11487,78 +11487,6 @@ video { font-weight: 900 !important; } -.hover\:font-thin:hover { - font-weight: 100 !important; -} - -.hover\:font-extralight:hover { - font-weight: 200 !important; -} - -.hover\:font-light:hover { - font-weight: 300 !important; -} - -.hover\:font-normal:hover { - font-weight: 400 !important; -} - -.hover\:font-medium:hover { - font-weight: 500 !important; -} - -.hover\:font-semibold:hover { - font-weight: 600 !important; -} - -.hover\:font-bold:hover { - font-weight: 700 !important; -} - -.hover\:font-extrabold:hover { - font-weight: 800 !important; -} - -.hover\:font-black:hover { - font-weight: 900 !important; -} - -.focus\:font-thin:focus { - font-weight: 100 !important; -} - -.focus\:font-extralight:focus { - font-weight: 200 !important; -} - -.focus\:font-light:focus { - font-weight: 300 !important; -} - -.focus\:font-normal:focus { - font-weight: 400 !important; -} - -.focus\:font-medium:focus { - font-weight: 500 !important; -} - -.focus\:font-semibold:focus { - font-weight: 600 !important; -} - -.focus\:font-bold:focus { - font-weight: 700 !important; -} - -.focus\:font-extrabold:focus { - font-weight: 800 !important; -} - -.focus\:font-black:focus { - font-weight: 900 !important; -} - .h-0 { height: 0 !important; } @@ -14647,6 +14575,21 @@ video { outline-offset: 2px !important; } +.focus-within\:outline-none:focus-within { + outline: 2px solid transparent !important; + outline-offset: 2px !important; +} + +.focus-within\:outline-white:focus-within { + outline: 2px dotted white !important; + outline-offset: 2px !important; +} + +.focus-within\:outline-black:focus-within { + outline: 2px dotted black !important; + outline-offset: 2px !important; +} + .focus\:outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; @@ -19608,6 +19551,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; } +.group:hover .group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; +} + +.group:hover .group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; +} + +.group:hover .group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; +} + +.group:hover .group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; +} + +.group:hover .group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; +} + +.group:hover .group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; +} + +.group:hover .group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; +} + +.group:hover .group-hover\:shadow-none { + --box-shadow: 0 0 #0000 !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; +} + .focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; @@ -19764,6 +19747,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; } +.focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; +} + +.focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; +} + +.focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; +} + +.focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; +} + +.focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; +} + +.focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; +} + .focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; @@ -23119,6 +23138,30 @@ video { text-decoration: none !important; } +.group:hover .group-hover\:underline { + text-decoration: underline !important; +} + +.group:hover .group-hover\:line-through { + text-decoration: line-through !important; +} + +.group:hover .group-hover\:no-underline { + text-decoration: none !important; +} + +.focus-within\:underline:focus-within { + text-decoration: underline !important; +} + +.focus-within\:line-through:focus-within { + text-decoration: line-through !important; +} + +.focus-within\:no-underline:focus-within { + text-decoration: none !important; +} + .hover\:underline:hover { text-decoration: underline !important; } @@ -38608,78 +38651,6 @@ video { font-weight: 900 !important; } - .sm\:hover\:font-thin:hover { - font-weight: 100 !important; - } - - .sm\:hover\:font-extralight:hover { - font-weight: 200 !important; - } - - .sm\:hover\:font-light:hover { - font-weight: 300 !important; - } - - .sm\:hover\:font-normal:hover { - font-weight: 400 !important; - } - - .sm\:hover\:font-medium:hover { - font-weight: 500 !important; - } - - .sm\:hover\:font-semibold:hover { - font-weight: 600 !important; - } - - .sm\:hover\:font-bold:hover { - font-weight: 700 !important; - } - - .sm\:hover\:font-extrabold:hover { - font-weight: 800 !important; - } - - .sm\:hover\:font-black:hover { - font-weight: 900 !important; - } - - .sm\:focus\:font-thin:focus { - font-weight: 100 !important; - } - - .sm\:focus\:font-extralight:focus { - font-weight: 200 !important; - } - - .sm\:focus\:font-light:focus { - font-weight: 300 !important; - } - - .sm\:focus\:font-normal:focus { - font-weight: 400 !important; - } - - .sm\:focus\:font-medium:focus { - font-weight: 500 !important; - } - - .sm\:focus\:font-semibold:focus { - font-weight: 600 !important; - } - - .sm\:focus\:font-bold:focus { - font-weight: 700 !important; - } - - .sm\:focus\:font-extrabold:focus { - font-weight: 800 !important; - } - - .sm\:focus\:font-black:focus { - font-weight: 900 !important; - } - .sm\:h-0 { height: 0 !important; } @@ -41768,6 +41739,21 @@ video { outline-offset: 2px !important; } + .sm\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent !important; + outline-offset: 2px !important; + } + + .sm\:focus-within\:outline-white:focus-within { + outline: 2px dotted white !important; + outline-offset: 2px !important; + } + + .sm\:focus-within\:outline-black:focus-within { + outline: 2px dotted black !important; + outline-offset: 2px !important; + } + .sm\:focus\:outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; @@ -46729,6 +46715,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; } + .group:hover .sm\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .sm\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .sm\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .sm\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .sm\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .sm\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .sm\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .sm\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000 !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + .sm\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; @@ -46885,6 +46911,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; } + .sm\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .sm\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .sm\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .sm\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .sm\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .sm\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + .sm\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; @@ -50240,6 +50302,30 @@ video { text-decoration: none !important; } + .group:hover .sm\:group-hover\:underline { + text-decoration: underline !important; + } + + .group:hover .sm\:group-hover\:line-through { + text-decoration: line-through !important; + } + + .group:hover .sm\:group-hover\:no-underline { + text-decoration: none !important; + } + + .sm\:focus-within\:underline:focus-within { + text-decoration: underline !important; + } + + .sm\:focus-within\:line-through:focus-within { + text-decoration: line-through !important; + } + + .sm\:focus-within\:no-underline:focus-within { + text-decoration: none !important; + } + .sm\:hover\:underline:hover { text-decoration: underline !important; } @@ -65699,78 +65785,6 @@ video { font-weight: 900 !important; } - .md\:hover\:font-thin:hover { - font-weight: 100 !important; - } - - .md\:hover\:font-extralight:hover { - font-weight: 200 !important; - } - - .md\:hover\:font-light:hover { - font-weight: 300 !important; - } - - .md\:hover\:font-normal:hover { - font-weight: 400 !important; - } - - .md\:hover\:font-medium:hover { - font-weight: 500 !important; - } - - .md\:hover\:font-semibold:hover { - font-weight: 600 !important; - } - - .md\:hover\:font-bold:hover { - font-weight: 700 !important; - } - - .md\:hover\:font-extrabold:hover { - font-weight: 800 !important; - } - - .md\:hover\:font-black:hover { - font-weight: 900 !important; - } - - .md\:focus\:font-thin:focus { - font-weight: 100 !important; - } - - .md\:focus\:font-extralight:focus { - font-weight: 200 !important; - } - - .md\:focus\:font-light:focus { - font-weight: 300 !important; - } - - .md\:focus\:font-normal:focus { - font-weight: 400 !important; - } - - .md\:focus\:font-medium:focus { - font-weight: 500 !important; - } - - .md\:focus\:font-semibold:focus { - font-weight: 600 !important; - } - - .md\:focus\:font-bold:focus { - font-weight: 700 !important; - } - - .md\:focus\:font-extrabold:focus { - font-weight: 800 !important; - } - - .md\:focus\:font-black:focus { - font-weight: 900 !important; - } - .md\:h-0 { height: 0 !important; } @@ -68859,6 +68873,21 @@ video { outline-offset: 2px !important; } + .md\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent !important; + outline-offset: 2px !important; + } + + .md\:focus-within\:outline-white:focus-within { + outline: 2px dotted white !important; + outline-offset: 2px !important; + } + + .md\:focus-within\:outline-black:focus-within { + outline: 2px dotted black !important; + outline-offset: 2px !important; + } + .md\:focus\:outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; @@ -73820,6 +73849,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; } + .group:hover .md\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .md\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .md\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .md\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .md\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .md\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .md\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .md\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000 !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + .md\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; @@ -73976,6 +74045,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; } + .md\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .md\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .md\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .md\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .md\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .md\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + .md\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; @@ -77331,6 +77436,30 @@ video { text-decoration: none !important; } + .group:hover .md\:group-hover\:underline { + text-decoration: underline !important; + } + + .group:hover .md\:group-hover\:line-through { + text-decoration: line-through !important; + } + + .group:hover .md\:group-hover\:no-underline { + text-decoration: none !important; + } + + .md\:focus-within\:underline:focus-within { + text-decoration: underline !important; + } + + .md\:focus-within\:line-through:focus-within { + text-decoration: line-through !important; + } + + .md\:focus-within\:no-underline:focus-within { + text-decoration: none !important; + } + .md\:hover\:underline:hover { text-decoration: underline !important; } @@ -92790,78 +92919,6 @@ video { font-weight: 900 !important; } - .lg\:hover\:font-thin:hover { - font-weight: 100 !important; - } - - .lg\:hover\:font-extralight:hover { - font-weight: 200 !important; - } - - .lg\:hover\:font-light:hover { - font-weight: 300 !important; - } - - .lg\:hover\:font-normal:hover { - font-weight: 400 !important; - } - - .lg\:hover\:font-medium:hover { - font-weight: 500 !important; - } - - .lg\:hover\:font-semibold:hover { - font-weight: 600 !important; - } - - .lg\:hover\:font-bold:hover { - font-weight: 700 !important; - } - - .lg\:hover\:font-extrabold:hover { - font-weight: 800 !important; - } - - .lg\:hover\:font-black:hover { - font-weight: 900 !important; - } - - .lg\:focus\:font-thin:focus { - font-weight: 100 !important; - } - - .lg\:focus\:font-extralight:focus { - font-weight: 200 !important; - } - - .lg\:focus\:font-light:focus { - font-weight: 300 !important; - } - - .lg\:focus\:font-normal:focus { - font-weight: 400 !important; - } - - .lg\:focus\:font-medium:focus { - font-weight: 500 !important; - } - - .lg\:focus\:font-semibold:focus { - font-weight: 600 !important; - } - - .lg\:focus\:font-bold:focus { - font-weight: 700 !important; - } - - .lg\:focus\:font-extrabold:focus { - font-weight: 800 !important; - } - - .lg\:focus\:font-black:focus { - font-weight: 900 !important; - } - .lg\:h-0 { height: 0 !important; } @@ -95950,6 +96007,21 @@ video { outline-offset: 2px !important; } + .lg\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent !important; + outline-offset: 2px !important; + } + + .lg\:focus-within\:outline-white:focus-within { + outline: 2px dotted white !important; + outline-offset: 2px !important; + } + + .lg\:focus-within\:outline-black:focus-within { + outline: 2px dotted black !important; + outline-offset: 2px !important; + } + .lg\:focus\:outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; @@ -100911,6 +100983,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; } + .group:hover .lg\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .lg\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .lg\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .lg\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .lg\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .lg\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .lg\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .lg\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000 !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + .lg\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; @@ -101067,6 +101179,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; } + .lg\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .lg\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .lg\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .lg\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .lg\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .lg\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + .lg\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; @@ -104422,6 +104570,30 @@ video { text-decoration: none !important; } + .group:hover .lg\:group-hover\:underline { + text-decoration: underline !important; + } + + .group:hover .lg\:group-hover\:line-through { + text-decoration: line-through !important; + } + + .group:hover .lg\:group-hover\:no-underline { + text-decoration: none !important; + } + + .lg\:focus-within\:underline:focus-within { + text-decoration: underline !important; + } + + .lg\:focus-within\:line-through:focus-within { + text-decoration: line-through !important; + } + + .lg\:focus-within\:no-underline:focus-within { + text-decoration: none !important; + } + .lg\:hover\:underline:hover { text-decoration: underline !important; } @@ -119881,78 +120053,6 @@ video { font-weight: 900 !important; } - .xl\:hover\:font-thin:hover { - font-weight: 100 !important; - } - - .xl\:hover\:font-extralight:hover { - font-weight: 200 !important; - } - - .xl\:hover\:font-light:hover { - font-weight: 300 !important; - } - - .xl\:hover\:font-normal:hover { - font-weight: 400 !important; - } - - .xl\:hover\:font-medium:hover { - font-weight: 500 !important; - } - - .xl\:hover\:font-semibold:hover { - font-weight: 600 !important; - } - - .xl\:hover\:font-bold:hover { - font-weight: 700 !important; - } - - .xl\:hover\:font-extrabold:hover { - font-weight: 800 !important; - } - - .xl\:hover\:font-black:hover { - font-weight: 900 !important; - } - - .xl\:focus\:font-thin:focus { - font-weight: 100 !important; - } - - .xl\:focus\:font-extralight:focus { - font-weight: 200 !important; - } - - .xl\:focus\:font-light:focus { - font-weight: 300 !important; - } - - .xl\:focus\:font-normal:focus { - font-weight: 400 !important; - } - - .xl\:focus\:font-medium:focus { - font-weight: 500 !important; - } - - .xl\:focus\:font-semibold:focus { - font-weight: 600 !important; - } - - .xl\:focus\:font-bold:focus { - font-weight: 700 !important; - } - - .xl\:focus\:font-extrabold:focus { - font-weight: 800 !important; - } - - .xl\:focus\:font-black:focus { - font-weight: 900 !important; - } - .xl\:h-0 { height: 0 !important; } @@ -123041,6 +123141,21 @@ video { outline-offset: 2px !important; } + .xl\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent !important; + outline-offset: 2px !important; + } + + .xl\:focus-within\:outline-white:focus-within { + outline: 2px dotted white !important; + outline-offset: 2px !important; + } + + .xl\:focus-within\:outline-black:focus-within { + outline: 2px dotted black !important; + outline-offset: 2px !important; + } + .xl\:focus\:outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; @@ -128002,6 +128117,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; } + .group:hover .xl\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .xl\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .xl\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .xl\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .xl\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .xl\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .xl\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .xl\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000 !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + .xl\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; @@ -128158,6 +128313,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; } + .xl\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .xl\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .xl\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .xl\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .xl\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .xl\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + .xl\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; @@ -131513,6 +131704,30 @@ video { text-decoration: none !important; } + .group:hover .xl\:group-hover\:underline { + text-decoration: underline !important; + } + + .group:hover .xl\:group-hover\:line-through { + text-decoration: line-through !important; + } + + .group:hover .xl\:group-hover\:no-underline { + text-decoration: none !important; + } + + .xl\:focus-within\:underline:focus-within { + text-decoration: underline !important; + } + + .xl\:focus-within\:line-through:focus-within { + text-decoration: line-through !important; + } + + .xl\:focus-within\:no-underline:focus-within { + text-decoration: none !important; + } + .xl\:hover\:underline:hover { text-decoration: underline !important; } @@ -146972,78 +147187,6 @@ video { font-weight: 900 !important; } - .\32xl\:hover\:font-thin:hover { - font-weight: 100 !important; - } - - .\32xl\:hover\:font-extralight:hover { - font-weight: 200 !important; - } - - .\32xl\:hover\:font-light:hover { - font-weight: 300 !important; - } - - .\32xl\:hover\:font-normal:hover { - font-weight: 400 !important; - } - - .\32xl\:hover\:font-medium:hover { - font-weight: 500 !important; - } - - .\32xl\:hover\:font-semibold:hover { - font-weight: 600 !important; - } - - .\32xl\:hover\:font-bold:hover { - font-weight: 700 !important; - } - - .\32xl\:hover\:font-extrabold:hover { - font-weight: 800 !important; - } - - .\32xl\:hover\:font-black:hover { - font-weight: 900 !important; - } - - .\32xl\:focus\:font-thin:focus { - font-weight: 100 !important; - } - - .\32xl\:focus\:font-extralight:focus { - font-weight: 200 !important; - } - - .\32xl\:focus\:font-light:focus { - font-weight: 300 !important; - } - - .\32xl\:focus\:font-normal:focus { - font-weight: 400 !important; - } - - .\32xl\:focus\:font-medium:focus { - font-weight: 500 !important; - } - - .\32xl\:focus\:font-semibold:focus { - font-weight: 600 !important; - } - - .\32xl\:focus\:font-bold:focus { - font-weight: 700 !important; - } - - .\32xl\:focus\:font-extrabold:focus { - font-weight: 800 !important; - } - - .\32xl\:focus\:font-black:focus { - font-weight: 900 !important; - } - .\32xl\:h-0 { height: 0 !important; } @@ -150132,6 +150275,21 @@ video { outline-offset: 2px !important; } + .\32xl\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent !important; + outline-offset: 2px !important; + } + + .\32xl\:focus-within\:outline-white:focus-within { + outline: 2px dotted white !important; + outline-offset: 2px !important; + } + + .\32xl\:focus-within\:outline-black:focus-within { + outline: 2px dotted black !important; + outline-offset: 2px !important; + } + .\32xl\:focus\:outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; @@ -155093,6 +155251,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; } + .group:hover .\32xl\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .\32xl\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .\32xl\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .\32xl\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .\32xl\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .\32xl\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .\32xl\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + + .group:hover .\32xl\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000 !important; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; + } + .\32xl\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow) !important; @@ -155249,6 +155447,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; } + .\32xl\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .\32xl\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .\32xl\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .\32xl\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .\32xl\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + + .\32xl\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000) !important; + } + .\32xl\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff) !important; --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)) !important; @@ -158604,6 +158838,30 @@ video { text-decoration: none !important; } + .group:hover .\32xl\:group-hover\:underline { + text-decoration: underline !important; + } + + .group:hover .\32xl\:group-hover\:line-through { + text-decoration: line-through !important; + } + + .group:hover .\32xl\:group-hover\:no-underline { + text-decoration: none !important; + } + + .\32xl\:focus-within\:underline:focus-within { + text-decoration: underline !important; + } + + .\32xl\:focus-within\:line-through:focus-within { + text-decoration: line-through !important; + } + + .\32xl\:focus-within\:no-underline:focus-within { + text-decoration: none !important; + } + .\32xl\:hover\:underline:hover { text-decoration: underline !important; } diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css index 43c4ac1b9506..2b75885b15aa 100644 --- a/__tests__/fixtures/tailwind-output-no-color-opacity.css +++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css @@ -9925,78 +9925,6 @@ video { font-weight: 900; } -.hover\:font-thin:hover { - font-weight: 100; -} - -.hover\:font-extralight:hover { - font-weight: 200; -} - -.hover\:font-light:hover { - font-weight: 300; -} - -.hover\:font-normal:hover { - font-weight: 400; -} - -.hover\:font-medium:hover { - font-weight: 500; -} - -.hover\:font-semibold:hover { - font-weight: 600; -} - -.hover\:font-bold:hover { - font-weight: 700; -} - -.hover\:font-extrabold:hover { - font-weight: 800; -} - -.hover\:font-black:hover { - font-weight: 900; -} - -.focus\:font-thin:focus { - font-weight: 100; -} - -.focus\:font-extralight:focus { - font-weight: 200; -} - -.focus\:font-light:focus { - font-weight: 300; -} - -.focus\:font-normal:focus { - font-weight: 400; -} - -.focus\:font-medium:focus { - font-weight: 500; -} - -.focus\:font-semibold:focus { - font-weight: 600; -} - -.focus\:font-bold:focus { - font-weight: 700; -} - -.focus\:font-extrabold:focus { - font-weight: 800; -} - -.focus\:font-black:focus { - font-weight: 900; -} - .h-0 { height: 0; } @@ -13085,6 +13013,21 @@ video { outline-offset: 2px; } +.focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; +} + +.focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; +} + .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -17762,6 +17705,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } +.group:hover .group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + .focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -17918,6 +17901,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } +.focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + .focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -20563,6 +20582,30 @@ video { text-decoration: none; } +.group:hover .group-hover\:underline { + text-decoration: underline; +} + +.group:hover .group-hover\:line-through { + text-decoration: line-through; +} + +.group:hover .group-hover\:no-underline { + text-decoration: none; +} + +.focus-within\:underline:focus-within { + text-decoration: underline; +} + +.focus-within\:line-through:focus-within { + text-decoration: line-through; +} + +.focus-within\:no-underline:focus-within { + text-decoration: none; +} + .hover\:underline:hover { text-decoration: underline; } @@ -34490,78 +34533,6 @@ video { font-weight: 900; } - .sm\:hover\:font-thin:hover { - font-weight: 100; - } - - .sm\:hover\:font-extralight:hover { - font-weight: 200; - } - - .sm\:hover\:font-light:hover { - font-weight: 300; - } - - .sm\:hover\:font-normal:hover { - font-weight: 400; - } - - .sm\:hover\:font-medium:hover { - font-weight: 500; - } - - .sm\:hover\:font-semibold:hover { - font-weight: 600; - } - - .sm\:hover\:font-bold:hover { - font-weight: 700; - } - - .sm\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .sm\:hover\:font-black:hover { - font-weight: 900; - } - - .sm\:focus\:font-thin:focus { - font-weight: 100; - } - - .sm\:focus\:font-extralight:focus { - font-weight: 200; - } - - .sm\:focus\:font-light:focus { - font-weight: 300; - } - - .sm\:focus\:font-normal:focus { - font-weight: 400; - } - - .sm\:focus\:font-medium:focus { - font-weight: 500; - } - - .sm\:focus\:font-semibold:focus { - font-weight: 600; - } - - .sm\:focus\:font-bold:focus { - font-weight: 700; - } - - .sm\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .sm\:focus\:font-black:focus { - font-weight: 900; - } - .sm\:h-0 { height: 0; } @@ -37650,6 +37621,21 @@ video { outline-offset: 2px; } + .sm\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .sm\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .sm\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .sm\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -42327,6 +42313,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .sm\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .sm\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -42483,6 +42509,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .sm\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .sm\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -45128,6 +45190,30 @@ video { text-decoration: none; } + .group:hover .sm\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .sm\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .sm\:group-hover\:no-underline { + text-decoration: none; + } + + .sm\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .sm\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .sm\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .sm\:hover\:underline:hover { text-decoration: underline; } @@ -59025,78 +59111,6 @@ video { font-weight: 900; } - .md\:hover\:font-thin:hover { - font-weight: 100; - } - - .md\:hover\:font-extralight:hover { - font-weight: 200; - } - - .md\:hover\:font-light:hover { - font-weight: 300; - } - - .md\:hover\:font-normal:hover { - font-weight: 400; - } - - .md\:hover\:font-medium:hover { - font-weight: 500; - } - - .md\:hover\:font-semibold:hover { - font-weight: 600; - } - - .md\:hover\:font-bold:hover { - font-weight: 700; - } - - .md\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .md\:hover\:font-black:hover { - font-weight: 900; - } - - .md\:focus\:font-thin:focus { - font-weight: 100; - } - - .md\:focus\:font-extralight:focus { - font-weight: 200; - } - - .md\:focus\:font-light:focus { - font-weight: 300; - } - - .md\:focus\:font-normal:focus { - font-weight: 400; - } - - .md\:focus\:font-medium:focus { - font-weight: 500; - } - - .md\:focus\:font-semibold:focus { - font-weight: 600; - } - - .md\:focus\:font-bold:focus { - font-weight: 700; - } - - .md\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .md\:focus\:font-black:focus { - font-weight: 900; - } - .md\:h-0 { height: 0; } @@ -62185,6 +62199,21 @@ video { outline-offset: 2px; } + .md\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .md\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .md\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .md\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -66862,6 +66891,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .md\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .md\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -67018,6 +67087,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .md\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .md\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -69663,6 +69768,30 @@ video { text-decoration: none; } + .group:hover .md\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .md\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .md\:group-hover\:no-underline { + text-decoration: none; + } + + .md\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .md\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .md\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .md\:hover\:underline:hover { text-decoration: underline; } @@ -83560,78 +83689,6 @@ video { font-weight: 900; } - .lg\:hover\:font-thin:hover { - font-weight: 100; - } - - .lg\:hover\:font-extralight:hover { - font-weight: 200; - } - - .lg\:hover\:font-light:hover { - font-weight: 300; - } - - .lg\:hover\:font-normal:hover { - font-weight: 400; - } - - .lg\:hover\:font-medium:hover { - font-weight: 500; - } - - .lg\:hover\:font-semibold:hover { - font-weight: 600; - } - - .lg\:hover\:font-bold:hover { - font-weight: 700; - } - - .lg\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .lg\:hover\:font-black:hover { - font-weight: 900; - } - - .lg\:focus\:font-thin:focus { - font-weight: 100; - } - - .lg\:focus\:font-extralight:focus { - font-weight: 200; - } - - .lg\:focus\:font-light:focus { - font-weight: 300; - } - - .lg\:focus\:font-normal:focus { - font-weight: 400; - } - - .lg\:focus\:font-medium:focus { - font-weight: 500; - } - - .lg\:focus\:font-semibold:focus { - font-weight: 600; - } - - .lg\:focus\:font-bold:focus { - font-weight: 700; - } - - .lg\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .lg\:focus\:font-black:focus { - font-weight: 900; - } - .lg\:h-0 { height: 0; } @@ -86720,6 +86777,21 @@ video { outline-offset: 2px; } + .lg\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .lg\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .lg\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .lg\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -91397,6 +91469,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .lg\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .lg\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -91553,6 +91665,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .lg\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .lg\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -94198,6 +94346,30 @@ video { text-decoration: none; } + .group:hover .lg\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .lg\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .lg\:group-hover\:no-underline { + text-decoration: none; + } + + .lg\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .lg\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .lg\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .lg\:hover\:underline:hover { text-decoration: underline; } @@ -108095,78 +108267,6 @@ video { font-weight: 900; } - .xl\:hover\:font-thin:hover { - font-weight: 100; - } - - .xl\:hover\:font-extralight:hover { - font-weight: 200; - } - - .xl\:hover\:font-light:hover { - font-weight: 300; - } - - .xl\:hover\:font-normal:hover { - font-weight: 400; - } - - .xl\:hover\:font-medium:hover { - font-weight: 500; - } - - .xl\:hover\:font-semibold:hover { - font-weight: 600; - } - - .xl\:hover\:font-bold:hover { - font-weight: 700; - } - - .xl\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .xl\:hover\:font-black:hover { - font-weight: 900; - } - - .xl\:focus\:font-thin:focus { - font-weight: 100; - } - - .xl\:focus\:font-extralight:focus { - font-weight: 200; - } - - .xl\:focus\:font-light:focus { - font-weight: 300; - } - - .xl\:focus\:font-normal:focus { - font-weight: 400; - } - - .xl\:focus\:font-medium:focus { - font-weight: 500; - } - - .xl\:focus\:font-semibold:focus { - font-weight: 600; - } - - .xl\:focus\:font-bold:focus { - font-weight: 700; - } - - .xl\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .xl\:focus\:font-black:focus { - font-weight: 900; - } - .xl\:h-0 { height: 0; } @@ -111255,6 +111355,21 @@ video { outline-offset: 2px; } + .xl\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .xl\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .xl\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .xl\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -115932,6 +116047,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .xl\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .xl\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -116088,6 +116243,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .xl\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .xl\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -118733,6 +118924,30 @@ video { text-decoration: none; } + .group:hover .xl\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .xl\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .xl\:group-hover\:no-underline { + text-decoration: none; + } + + .xl\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .xl\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .xl\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .xl\:hover\:underline:hover { text-decoration: underline; } @@ -132630,78 +132845,6 @@ video { font-weight: 900; } - .\32xl\:hover\:font-thin:hover { - font-weight: 100; - } - - .\32xl\:hover\:font-extralight:hover { - font-weight: 200; - } - - .\32xl\:hover\:font-light:hover { - font-weight: 300; - } - - .\32xl\:hover\:font-normal:hover { - font-weight: 400; - } - - .\32xl\:hover\:font-medium:hover { - font-weight: 500; - } - - .\32xl\:hover\:font-semibold:hover { - font-weight: 600; - } - - .\32xl\:hover\:font-bold:hover { - font-weight: 700; - } - - .\32xl\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .\32xl\:hover\:font-black:hover { - font-weight: 900; - } - - .\32xl\:focus\:font-thin:focus { - font-weight: 100; - } - - .\32xl\:focus\:font-extralight:focus { - font-weight: 200; - } - - .\32xl\:focus\:font-light:focus { - font-weight: 300; - } - - .\32xl\:focus\:font-normal:focus { - font-weight: 400; - } - - .\32xl\:focus\:font-medium:focus { - font-weight: 500; - } - - .\32xl\:focus\:font-semibold:focus { - font-weight: 600; - } - - .\32xl\:focus\:font-bold:focus { - font-weight: 700; - } - - .\32xl\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .\32xl\:focus\:font-black:focus { - font-weight: 900; - } - .\32xl\:h-0 { height: 0; } @@ -135790,6 +135933,21 @@ video { outline-offset: 2px; } + .\32xl\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .\32xl\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .\32xl\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .\32xl\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -140467,6 +140625,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .\32xl\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .\32xl\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -140623,6 +140821,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .\32xl\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .\32xl\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -143268,6 +143502,30 @@ video { text-decoration: none; } + .group:hover .\32xl\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .\32xl\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .\32xl\:group-hover\:no-underline { + text-decoration: none; + } + + .\32xl\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .\32xl\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .\32xl\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .\32xl\:hover\:underline:hover { text-decoration: underline; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index b1dd5979c42c..f655d1f7ce58 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -11487,78 +11487,6 @@ video { font-weight: 900; } -.hover\:font-thin:hover { - font-weight: 100; -} - -.hover\:font-extralight:hover { - font-weight: 200; -} - -.hover\:font-light:hover { - font-weight: 300; -} - -.hover\:font-normal:hover { - font-weight: 400; -} - -.hover\:font-medium:hover { - font-weight: 500; -} - -.hover\:font-semibold:hover { - font-weight: 600; -} - -.hover\:font-bold:hover { - font-weight: 700; -} - -.hover\:font-extrabold:hover { - font-weight: 800; -} - -.hover\:font-black:hover { - font-weight: 900; -} - -.focus\:font-thin:focus { - font-weight: 100; -} - -.focus\:font-extralight:focus { - font-weight: 200; -} - -.focus\:font-light:focus { - font-weight: 300; -} - -.focus\:font-normal:focus { - font-weight: 400; -} - -.focus\:font-medium:focus { - font-weight: 500; -} - -.focus\:font-semibold:focus { - font-weight: 600; -} - -.focus\:font-bold:focus { - font-weight: 700; -} - -.focus\:font-extrabold:focus { - font-weight: 800; -} - -.focus\:font-black:focus { - font-weight: 900; -} - .h-0 { height: 0; } @@ -14647,6 +14575,21 @@ video { outline-offset: 2px; } +.focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; +} + +.focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; +} + .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -19608,6 +19551,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } +.group:hover .group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + +.group:hover .group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); +} + .focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -19764,6 +19747,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } +.focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + +.focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); +} + .focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -23119,6 +23138,30 @@ video { text-decoration: none; } +.group:hover .group-hover\:underline { + text-decoration: underline; +} + +.group:hover .group-hover\:line-through { + text-decoration: line-through; +} + +.group:hover .group-hover\:no-underline { + text-decoration: none; +} + +.focus-within\:underline:focus-within { + text-decoration: underline; +} + +.focus-within\:line-through:focus-within { + text-decoration: line-through; +} + +.focus-within\:no-underline:focus-within { + text-decoration: none; +} + .hover\:underline:hover { text-decoration: underline; } @@ -38608,78 +38651,6 @@ video { font-weight: 900; } - .sm\:hover\:font-thin:hover { - font-weight: 100; - } - - .sm\:hover\:font-extralight:hover { - font-weight: 200; - } - - .sm\:hover\:font-light:hover { - font-weight: 300; - } - - .sm\:hover\:font-normal:hover { - font-weight: 400; - } - - .sm\:hover\:font-medium:hover { - font-weight: 500; - } - - .sm\:hover\:font-semibold:hover { - font-weight: 600; - } - - .sm\:hover\:font-bold:hover { - font-weight: 700; - } - - .sm\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .sm\:hover\:font-black:hover { - font-weight: 900; - } - - .sm\:focus\:font-thin:focus { - font-weight: 100; - } - - .sm\:focus\:font-extralight:focus { - font-weight: 200; - } - - .sm\:focus\:font-light:focus { - font-weight: 300; - } - - .sm\:focus\:font-normal:focus { - font-weight: 400; - } - - .sm\:focus\:font-medium:focus { - font-weight: 500; - } - - .sm\:focus\:font-semibold:focus { - font-weight: 600; - } - - .sm\:focus\:font-bold:focus { - font-weight: 700; - } - - .sm\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .sm\:focus\:font-black:focus { - font-weight: 900; - } - .sm\:h-0 { height: 0; } @@ -41768,6 +41739,21 @@ video { outline-offset: 2px; } + .sm\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .sm\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .sm\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .sm\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -46729,6 +46715,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .sm\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .sm\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .sm\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -46885,6 +46911,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .sm\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .sm\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .sm\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -50240,6 +50302,30 @@ video { text-decoration: none; } + .group:hover .sm\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .sm\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .sm\:group-hover\:no-underline { + text-decoration: none; + } + + .sm\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .sm\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .sm\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .sm\:hover\:underline:hover { text-decoration: underline; } @@ -65699,78 +65785,6 @@ video { font-weight: 900; } - .md\:hover\:font-thin:hover { - font-weight: 100; - } - - .md\:hover\:font-extralight:hover { - font-weight: 200; - } - - .md\:hover\:font-light:hover { - font-weight: 300; - } - - .md\:hover\:font-normal:hover { - font-weight: 400; - } - - .md\:hover\:font-medium:hover { - font-weight: 500; - } - - .md\:hover\:font-semibold:hover { - font-weight: 600; - } - - .md\:hover\:font-bold:hover { - font-weight: 700; - } - - .md\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .md\:hover\:font-black:hover { - font-weight: 900; - } - - .md\:focus\:font-thin:focus { - font-weight: 100; - } - - .md\:focus\:font-extralight:focus { - font-weight: 200; - } - - .md\:focus\:font-light:focus { - font-weight: 300; - } - - .md\:focus\:font-normal:focus { - font-weight: 400; - } - - .md\:focus\:font-medium:focus { - font-weight: 500; - } - - .md\:focus\:font-semibold:focus { - font-weight: 600; - } - - .md\:focus\:font-bold:focus { - font-weight: 700; - } - - .md\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .md\:focus\:font-black:focus { - font-weight: 900; - } - .md\:h-0 { height: 0; } @@ -68859,6 +68873,21 @@ video { outline-offset: 2px; } + .md\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .md\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .md\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .md\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -73820,6 +73849,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .md\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .md\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .md\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -73976,6 +74045,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .md\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .md\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .md\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -77331,6 +77436,30 @@ video { text-decoration: none; } + .group:hover .md\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .md\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .md\:group-hover\:no-underline { + text-decoration: none; + } + + .md\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .md\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .md\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .md\:hover\:underline:hover { text-decoration: underline; } @@ -92790,78 +92919,6 @@ video { font-weight: 900; } - .lg\:hover\:font-thin:hover { - font-weight: 100; - } - - .lg\:hover\:font-extralight:hover { - font-weight: 200; - } - - .lg\:hover\:font-light:hover { - font-weight: 300; - } - - .lg\:hover\:font-normal:hover { - font-weight: 400; - } - - .lg\:hover\:font-medium:hover { - font-weight: 500; - } - - .lg\:hover\:font-semibold:hover { - font-weight: 600; - } - - .lg\:hover\:font-bold:hover { - font-weight: 700; - } - - .lg\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .lg\:hover\:font-black:hover { - font-weight: 900; - } - - .lg\:focus\:font-thin:focus { - font-weight: 100; - } - - .lg\:focus\:font-extralight:focus { - font-weight: 200; - } - - .lg\:focus\:font-light:focus { - font-weight: 300; - } - - .lg\:focus\:font-normal:focus { - font-weight: 400; - } - - .lg\:focus\:font-medium:focus { - font-weight: 500; - } - - .lg\:focus\:font-semibold:focus { - font-weight: 600; - } - - .lg\:focus\:font-bold:focus { - font-weight: 700; - } - - .lg\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .lg\:focus\:font-black:focus { - font-weight: 900; - } - .lg\:h-0 { height: 0; } @@ -95950,6 +96007,21 @@ video { outline-offset: 2px; } + .lg\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .lg\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .lg\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .lg\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -100911,6 +100983,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .lg\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .lg\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .lg\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -101067,6 +101179,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .lg\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .lg\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .lg\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -104422,6 +104570,30 @@ video { text-decoration: none; } + .group:hover .lg\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .lg\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .lg\:group-hover\:no-underline { + text-decoration: none; + } + + .lg\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .lg\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .lg\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .lg\:hover\:underline:hover { text-decoration: underline; } @@ -119881,78 +120053,6 @@ video { font-weight: 900; } - .xl\:hover\:font-thin:hover { - font-weight: 100; - } - - .xl\:hover\:font-extralight:hover { - font-weight: 200; - } - - .xl\:hover\:font-light:hover { - font-weight: 300; - } - - .xl\:hover\:font-normal:hover { - font-weight: 400; - } - - .xl\:hover\:font-medium:hover { - font-weight: 500; - } - - .xl\:hover\:font-semibold:hover { - font-weight: 600; - } - - .xl\:hover\:font-bold:hover { - font-weight: 700; - } - - .xl\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .xl\:hover\:font-black:hover { - font-weight: 900; - } - - .xl\:focus\:font-thin:focus { - font-weight: 100; - } - - .xl\:focus\:font-extralight:focus { - font-weight: 200; - } - - .xl\:focus\:font-light:focus { - font-weight: 300; - } - - .xl\:focus\:font-normal:focus { - font-weight: 400; - } - - .xl\:focus\:font-medium:focus { - font-weight: 500; - } - - .xl\:focus\:font-semibold:focus { - font-weight: 600; - } - - .xl\:focus\:font-bold:focus { - font-weight: 700; - } - - .xl\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .xl\:focus\:font-black:focus { - font-weight: 900; - } - .xl\:h-0 { height: 0; } @@ -123041,6 +123141,21 @@ video { outline-offset: 2px; } + .xl\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .xl\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .xl\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .xl\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -128002,6 +128117,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .xl\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .xl\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .xl\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -128158,6 +128313,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .xl\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .xl\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .xl\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -131513,6 +131704,30 @@ video { text-decoration: none; } + .group:hover .xl\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .xl\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .xl\:group-hover\:no-underline { + text-decoration: none; + } + + .xl\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .xl\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .xl\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .xl\:hover\:underline:hover { text-decoration: underline; } @@ -146972,78 +147187,6 @@ video { font-weight: 900; } - .\32xl\:hover\:font-thin:hover { - font-weight: 100; - } - - .\32xl\:hover\:font-extralight:hover { - font-weight: 200; - } - - .\32xl\:hover\:font-light:hover { - font-weight: 300; - } - - .\32xl\:hover\:font-normal:hover { - font-weight: 400; - } - - .\32xl\:hover\:font-medium:hover { - font-weight: 500; - } - - .\32xl\:hover\:font-semibold:hover { - font-weight: 600; - } - - .\32xl\:hover\:font-bold:hover { - font-weight: 700; - } - - .\32xl\:hover\:font-extrabold:hover { - font-weight: 800; - } - - .\32xl\:hover\:font-black:hover { - font-weight: 900; - } - - .\32xl\:focus\:font-thin:focus { - font-weight: 100; - } - - .\32xl\:focus\:font-extralight:focus { - font-weight: 200; - } - - .\32xl\:focus\:font-light:focus { - font-weight: 300; - } - - .\32xl\:focus\:font-normal:focus { - font-weight: 400; - } - - .\32xl\:focus\:font-medium:focus { - font-weight: 500; - } - - .\32xl\:focus\:font-semibold:focus { - font-weight: 600; - } - - .\32xl\:focus\:font-bold:focus { - font-weight: 700; - } - - .\32xl\:focus\:font-extrabold:focus { - font-weight: 800; - } - - .\32xl\:focus\:font-black:focus { - font-weight: 900; - } - .\32xl\:h-0 { height: 0; } @@ -150132,6 +150275,21 @@ video { outline-offset: 2px; } + .\32xl\:focus-within\:outline-none:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + } + + .\32xl\:focus-within\:outline-white:focus-within { + outline: 2px dotted white; + outline-offset: 2px; + } + + .\32xl\:focus-within\:outline-black:focus-within { + outline: 2px dotted black; + outline-offset: 2px; + } + .\32xl\:focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -155093,6 +155251,46 @@ video { box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); } + .group:hover .\32xl\:group-hover\:shadow-sm { + --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow { + --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-md { + --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-lg { + --box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-xl { + --box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-2xl { + --box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-inner { + --box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + + .group:hover .\32xl\:group-hover\:shadow-none { + --box-shadow: 0 0 #0000; + box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); + } + .\32xl\:focus-within\:shadow-sm:focus-within { --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--box-shadow); @@ -155249,6 +155447,42 @@ video { box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); } + .\32xl\:focus-within\:ring-0:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-1:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(1px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-2:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-4:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(4px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring-8:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(8px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + + .\32xl\:focus-within\:ring:focus-within { + --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); + --ring-shadow: 0 0 0 calc(3px + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); + box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); + } + .\32xl\:focus\:ring-0:focus { --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 0) var(--ring-offset-color, #fff); --ring-shadow: 0 0 0 calc(0 + var(--ring-offset-width, 0px)) var(--ring-color, rgba(59, 130, 246, 0.5)); @@ -158604,6 +158838,30 @@ video { text-decoration: none; } + .group:hover .\32xl\:group-hover\:underline { + text-decoration: underline; + } + + .group:hover .\32xl\:group-hover\:line-through { + text-decoration: line-through; + } + + .group:hover .\32xl\:group-hover\:no-underline { + text-decoration: none; + } + + .\32xl\:focus-within\:underline:focus-within { + text-decoration: underline; + } + + .\32xl\:focus-within\:line-through:focus-within { + text-decoration: line-through; + } + + .\32xl\:focus-within\:no-underline:focus-within { + text-decoration: none; + } + .\32xl\:hover\:underline:hover { text-decoration: underline; } diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 9a67ccd59cdc..eb85546955ca 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -753,7 +753,7 @@ module.exports = { borderRadius: ['responsive'], borderStyle: ['responsive'], borderWidth: ['responsive'], - boxShadow: ['responsive', 'focus-within', 'hover', 'focus'], + boxShadow: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'], boxSizing: ['responsive'], clear: ['responsive'], container: ['responsive'], @@ -775,7 +775,7 @@ module.exports = { fontSmoothing: ['responsive'], fontStyle: ['responsive'], fontVariantNumeric: ['responsive'], - fontWeight: ['responsive', 'hover', 'focus'], + fontWeight: ['responsive'], gap: ['responsive'], gradientColorStops: ['responsive', 'dark', 'hover', 'focus'], gridAutoColumns: ['responsive'], @@ -807,7 +807,7 @@ module.exports = { objectPosition: ['responsive'], opacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'], order: ['responsive'], - outline: ['responsive', 'focus'], + outline: ['responsive', 'focus-within', 'focus'], overflow: ['responsive'], overscrollBehavior: ['responsive'], padding: ['responsive'], @@ -823,7 +823,7 @@ module.exports = { ringOffsetColor: ['responsive'], ringOffsetWidth: ['responsive'], ringOpacity: ['responsive'], - ringWidth: ['responsive', 'focus'], + ringWidth: ['responsive', 'focus-within', 'focus'], rotate: ['responsive', 'hover', 'focus'], scale: ['responsive', 'hover', 'focus'], skew: ['responsive', 'hover', 'focus'], @@ -833,7 +833,7 @@ module.exports = { tableLayout: ['responsive'], textAlign: ['responsive'], textColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'], - textDecoration: ['responsive', 'hover', 'focus'], + textDecoration: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'], textOpacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'], textOverflow: ['responsive'], textTransform: ['responsive'],