Skip to content

Commit 1e811d1

Browse files
philipp-spiessphilipp-spiess
committed
Update snapshots
1 parent fbf0034 commit 1e811d1

File tree

6 files changed

+318
-221
lines changed

6 files changed

+318
-221
lines changed

‎packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -165,13 +165,7 @@ exports[`\`@import 'tailwindcss'\` is replaced with the generated CSS 1`] = `
165165
166166
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
167167
::placeholder {
168-
color: currentColor;
169-
}
170-
171-
@supports (color: color-mix(in lab, red, red)) {
172-
::placeholder {
173-
color: color-mix(in oklab, currentColor 50%, transparent);
174-
}
168+
color: color-mix(in oklab, currentColor 50%, transparent);
175169
}
176170
}
177171
@@ -266,7 +260,7 @@ exports[`\`@import 'tailwindcss'\` is replaced with the generated CSS 1`] = `
266260
}
267261
268262
.text-black\\/50 {
269-
color: #00000080;
263+
color: oklab(0% none none / .5);
270264
}
271265
272266
@supports (color: color-mix(in lab, red, red)) {

‎packages/tailwindcss/src/__snapshots__/index.test.ts.snap

Lines changed: 21 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,31 @@ exports[`compiling CSS > \`@tailwind utilities\` is replaced by utilities using
1919
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2020
}
2121
22-
@media (width >= 40rem) {
22+
@media (min-width: 40rem) {
2323
.sm\\:flex {
2424
display: flex;
2525
}
2626
}
2727
28+
@supports (((-webkit-hyphens: none)) and (not (margin-trim: 1lh))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
29+
@layer base {
30+
*, :before, :after, ::backdrop {
31+
--tw-shadow: 0 0 #0000;
32+
--tw-shadow-color: initial;
33+
--tw-inset-shadow: 0 0 #0000;
34+
--tw-inset-shadow-color: initial;
35+
--tw-ring-color: initial;
36+
--tw-ring-shadow: 0 0 #0000;
37+
--tw-inset-ring-color: initial;
38+
--tw-inset-ring-shadow: 0 0 #0000;
39+
--tw-ring-inset: initial;
40+
--tw-ring-offset-width: 0px;
41+
--tw-ring-offset-color: #fff;
42+
--tw-ring-offset-shadow: 0 0 #0000;
43+
}
44+
}
45+
}
46+
2847
@property --tw-shadow {
2948
syntax: "*";
3049
inherits: false;
@@ -254,13 +273,7 @@ exports[`compiling CSS > prefix all CSS variables inside preflight 1`] = `
254273
255274
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
256275
::placeholder {
257-
color: currentColor;
258-
}
259-
260-
@supports (color: color-mix(in srgb, red 50%, green)) {
261-
::placeholder {
262-
color: color-mix(in oklab, currentColor 50%, transparent);
263-
}
276+
color: color-mix(in oklab, currentColor 50%, transparent);
264277
}
265278
}
266279

‎packages/tailwindcss/src/compat/plugin-api.test.ts

Lines changed: 25 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -285,22 +285,13 @@ describe('theme', async () => {
285285

286286
expect(compiler.build(['percentage', 'fraction', 'variable'])).toMatchInlineSnapshot(`
287287
".fraction {
288-
color: #ef4444;
289-
@supports (color: color-mix(in lab, red, red)) {
290-
color: color-mix(in oklab, #ef4444 50%, transparent);
291-
}
288+
color: color-mix(in oklab, #ef4444 50%, transparent);
292289
}
293290
.percentage {
294-
color: #ef4444;
295-
@supports (color: color-mix(in lab, red, red)) {
296-
color: color-mix(in oklab, #ef4444 50%, transparent);
297-
}
291+
color: color-mix(in oklab, #ef4444 50%, transparent);
298292
}
299293
.variable {
300-
color: #ef4444;
301-
@supports (color: color-mix(in lab, red, red)) {
302-
color: color-mix(in oklab, #ef4444 var(--opacity), transparent);
303-
}
294+
color: color-mix(in oklab, #ef4444 var(--opacity), transparent);
304295
}
305296
"
306297
`)
@@ -368,40 +359,22 @@ describe('theme', async () => {
368359
]),
369360
).toMatchInlineSnapshot(`
370361
".css-fraction {
371-
color: rgba(255 0 0 / <alpha-value>);
372-
@supports (color: color-mix(in lab, red, red)) {
373-
color: color-mix(in oklab, rgba(255 0 0 / <alpha-value>) 50%, transparent);
374-
}
362+
color: color-mix(in oklab, rgba(255 0 0 / <alpha-value>) 50%, transparent);
375363
}
376364
.css-percentage {
377-
color: rgba(255 0 0 / <alpha-value>);
378-
@supports (color: color-mix(in lab, red, red)) {
379-
color: color-mix(in oklab, rgba(255 0 0 / <alpha-value>) 50%, transparent);
380-
}
365+
color: color-mix(in oklab, rgba(255 0 0 / <alpha-value>) 50%, transparent);
381366
}
382367
.css-variable {
383-
color: rgba(255 0 0 / <alpha-value>);
384-
@supports (color: color-mix(in lab, red, red)) {
385-
color: color-mix(in oklab, rgba(255 0 0 / <alpha-value>) var(--opacity), transparent);
386-
}
368+
color: color-mix(in oklab, rgba(255 0 0 / <alpha-value>) var(--opacity), transparent);
387369
}
388370
.js-fraction {
389-
color: rgb(255 0 0 / 1);
390-
@supports (color: color-mix(in lab, red, red)) {
391-
color: color-mix(in oklab, rgb(255 0 0 / 1) 50%, transparent);
392-
}
371+
color: color-mix(in oklab, rgb(255 0 0 / 1) 50%, transparent);
393372
}
394373
.js-percentage {
395-
color: rgb(255 0 0 / 1);
396-
@supports (color: color-mix(in lab, red, red)) {
397-
color: color-mix(in oklab, rgb(255 0 0 / 1) 50%, transparent);
398-
}
374+
color: color-mix(in oklab, rgb(255 0 0 / 1) 50%, transparent);
399375
}
400376
.js-variable {
401-
color: rgb(255 0 0 / 1);
402-
@supports (color: color-mix(in lab, red, red)) {
403-
color: color-mix(in oklab, rgb(255 0 0 / 1) var(--opacity), transparent);
404-
}
377+
color: color-mix(in oklab, rgb(255 0 0 / 1) var(--opacity), transparent);
405378
}
406379
"
407380
`)
@@ -3601,14 +3574,12 @@ describe('matchUtilities()', () => {
36013574
await run(['scrollbar-[2px]', 'scrollbar-[#08c]', 'scrollbar-[#08c]/50']),
36023575
).trim(),
36033576
).toMatchInlineSnapshot(`
3604-
".scrollbar-\\[\\#08c\\], .scrollbar-\\[\\#08c\\]\\/50 {
3577+
".scrollbar-\\[\\#08c\\] {
36053578
scrollbar-color: #08c;
36063579
}
36073580
3608-
@supports (color: color-mix(in lab, red, red)) {
3609-
.scrollbar-\\[\\#08c\\]\\/50 {
3610-
scrollbar-color: oklab(59.9824% -.06725 -.12414 / .5);
3611-
}
3581+
.scrollbar-\\[\\#08c\\]\\/50 {
3582+
scrollbar-color: oklab(59.9824% -.06725 -.12414 / .5);
36123583
}
36133584
36143585
.scrollbar-\\[2px\\] {
@@ -3766,14 +3737,12 @@ describe('matchUtilities()', () => {
37663737
scrollbar-width: 2px;
37673738
}
37683739
3769-
.scrollbar-\\[\\#fff\\], .scrollbar-\\[\\#fff\\]\\/50 {
3740+
.scrollbar-\\[\\#fff\\] {
37703741
scrollbar-color: #fff;
37713742
}
37723743
3773-
@supports (color: color-mix(in lab, red, red)) {
3774-
.scrollbar-\\[\\#fff\\]\\/50 {
3775-
scrollbar-color: oklab(100% 0 5.96046e-8 / .5);
3776-
}
3744+
.scrollbar-\\[\\#fff\\]\\/50 {
3745+
scrollbar-color: oklab(100% 0 5.96046e-8 / .5);
37773746
}
37783747
37793748
.scrollbar-\\[2px\\] {
@@ -3800,14 +3769,12 @@ describe('matchUtilities()', () => {
38003769
scrollbar-color: color-mix(in oklab, var(--my-color) 50%, transparent);
38013770
}
38023771
3803-
.scrollbar-black, .scrollbar-black\\/50 {
3772+
.scrollbar-black {
38043773
scrollbar-color: black;
38053774
}
38063775
3807-
@supports (color: color-mix(in lab, red, red)) {
3808-
.scrollbar-black\\/50 {
3809-
scrollbar-color: oklab(0% none none / .5);
3810-
}
3776+
.scrollbar-black\\/50 {
3777+
scrollbar-color: oklab(0% none none / .5);
38113778
}"
38123779
`)
38133780

@@ -3876,34 +3843,24 @@ describe('matchUtilities()', () => {
38763843
scrollbar-color: color-mix(in oklab, var(--my-color) 25%, transparent);
38773844
}
38783845
3879-
.scrollbar-black, .scrollbar-black\\/33 {
3846+
.scrollbar-black {
38803847
scrollbar-color: black;
38813848
}
38823849
3883-
@supports (color: color-mix(in lab, red, red)) {
3884-
.scrollbar-black\\/33 {
3885-
scrollbar-color: oklab(0% none none / .33);
3886-
}
3850+
.scrollbar-black\\/33 {
3851+
scrollbar-color: oklab(0% none none / .33);
38873852
}
38883853
38893854
.scrollbar-black\\/\\[50\\%\\] {
3890-
scrollbar-color: black;
3855+
scrollbar-color: oklab(0% none none / .5);
38913856
}
38923857
3893-
@supports (color: color-mix(in lab, red, red)) {
3894-
.scrollbar-black\\/\\[50\\%\\] {
3895-
scrollbar-color: oklab(0% none none / .5);
3896-
}
3897-
}
3898-
3899-
.scrollbar-current, .scrollbar-current\\/45 {
3858+
.scrollbar-current {
39003859
scrollbar-color: currentColor;
39013860
}
39023861
3903-
@supports (color: color-mix(in lab, red, red)) {
3904-
.scrollbar-current\\/45 {
3905-
scrollbar-color: color-mix(in oklab, currentColor 45%, transparent);
3906-
}
3862+
.scrollbar-current\\/45 {
3863+
scrollbar-color: color-mix(in oklab, currentColor 45%, transparent);
39073864
}"
39083865
`)
39093866
})

0 commit comments

Comments
 (0)