Skip to content

Commit ff22dfa

Browse files
Update snapshots
1 parent 6f27bdb commit ff22dfa

14 files changed

+269
-269
lines changed

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
exports[`\`@import 'tailwindcss'\` is replaced with the generated CSS 1`] = `
44
"@layer theme {
5-
:root {
5+
:root, :host {
66
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
77
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
88
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

packages/@tailwindcss-postcss/src/index.test.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -280,7 +280,7 @@ test('runs `Once` plugins in the right order', async () => {
280280
)
281281

282282
expect(result.css.trim()).toMatchInlineSnapshot(`
283-
":root {
283+
":root, :host {
284284
--color-red-500: red;
285285
}
286286
@@ -297,7 +297,7 @@ test('runs `Once` plugins in the right order', async () => {
297297
}"
298298
`)
299299
expect(after).toMatchInlineSnapshot(`
300-
":root {
300+
":root, :host {
301301
--color-red-500: red;
302302
}
303303

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
22

33
exports[`compiling CSS > \`@tailwind utilities\` is replaced by utilities using the default theme 1`] = `
4-
":root {
4+
":root, :host {
55
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
66
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
77
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

packages/tailwindcss/src/__snapshots__/utilities.test.ts.snap

+9-9
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
22

33
exports[`border-* 1`] = `
4-
":root {
4+
":root, :host {
55
--radius-none: 0px;
66
--radius-full: 9999px;
77
--radius-sm: .125rem;
@@ -126,7 +126,7 @@ exports[`border-* 1`] = `
126126
`;
127127

128128
exports[`border-b-* 1`] = `
129-
":root {
129+
":root, :host {
130130
--radius-none: 0px;
131131
--radius-full: 9999px;
132132
--radius-sm: .125rem;
@@ -251,7 +251,7 @@ exports[`border-b-* 1`] = `
251251
`;
252252

253253
exports[`border-e-* 1`] = `
254-
":root {
254+
":root, :host {
255255
--radius-none: 0px;
256256
--radius-full: 9999px;
257257
--radius-sm: .125rem;
@@ -376,7 +376,7 @@ exports[`border-e-* 1`] = `
376376
`;
377377

378378
exports[`border-l-* 1`] = `
379-
":root {
379+
":root, :host {
380380
--radius-none: 0px;
381381
--radius-full: 9999px;
382382
--radius-sm: .125rem;
@@ -501,7 +501,7 @@ exports[`border-l-* 1`] = `
501501
`;
502502

503503
exports[`border-r-* 1`] = `
504-
":root {
504+
":root, :host {
505505
--radius-none: 0px;
506506
--radius-full: 9999px;
507507
--radius-sm: .125rem;
@@ -626,7 +626,7 @@ exports[`border-r-* 1`] = `
626626
`;
627627

628628
exports[`border-s-* 1`] = `
629-
":root {
629+
":root, :host {
630630
--radius-none: 0px;
631631
--radius-full: 9999px;
632632
--radius-sm: .125rem;
@@ -751,7 +751,7 @@ exports[`border-s-* 1`] = `
751751
`;
752752

753753
exports[`border-t-* 1`] = `
754-
":root {
754+
":root, :host {
755755
--radius-none: 0px;
756756
--radius-full: 9999px;
757757
--radius-sm: .125rem;
@@ -876,7 +876,7 @@ exports[`border-t-* 1`] = `
876876
`;
877877

878878
exports[`border-x-* 1`] = `
879-
":root {
879+
":root, :host {
880880
--radius-none: 0px;
881881
--radius-full: 9999px;
882882
--radius-sm: .125rem;
@@ -1001,7 +1001,7 @@ exports[`border-x-* 1`] = `
10011001
`;
10021002

10031003
exports[`border-y-* 1`] = `
1004-
":root {
1004+
":root, :host {
10051005
--radius-none: 0px;
10061006
--radius-full: 9999px;
10071007
--radius-sm: .125rem;

packages/tailwindcss/src/compat/config.test.ts

+18-18
Original file line numberDiff line numberDiff line change
@@ -322,7 +322,7 @@ describe('theme callbacks', () => {
322322

323323
expect(compiler.build(['leading-base', 'leading-md', 'leading-xl', 'prose']))
324324
.toMatchInlineSnapshot(`
325-
":root {
325+
":root, :host {
326326
--text-base: 100rem;
327327
--text-md--line-height: 101rem;
328328
}
@@ -391,7 +391,7 @@ describe('theme overrides order', () => {
391391
})
392392

393393
expect(compiler.build(['bg-red', 'bg-blue'])).toMatchInlineSnapshot(`
394-
":root {
394+
":root, :host {
395395
--color-blue: blue;
396396
}
397397
.bg-blue {
@@ -477,7 +477,7 @@ describe('theme overrides order', () => {
477477
'hover-bg-slate-600',
478478
]),
479479
).toMatchInlineSnapshot(`
480-
":root {
480+
":root, :host {
481481
--color-slate-100: #000100;
482482
--color-slate-300: #000300;
483483
--color-slate-400: #100400;
@@ -562,7 +562,7 @@ describe('default font family compatibility', () => {
562562
})
563563

564564
expect(compiler.build(['font-sans'])).toMatchInlineSnapshot(`
565-
":root {
565+
":root, :host {
566566
--default-font-family: Potato Sans;
567567
--default-font-feature-settings: normal;
568568
--default-font-variation-settings: normal;
@@ -601,7 +601,7 @@ describe('default font family compatibility', () => {
601601
})
602602

603603
expect(compiler.build(['font-sans'])).toMatchInlineSnapshot(`
604-
":root {
604+
":root, :host {
605605
--default-font-family: Potato Sans;
606606
--default-font-feature-settings: "cv06";
607607
--default-font-variation-settings: normal;
@@ -641,7 +641,7 @@ describe('default font family compatibility', () => {
641641
})
642642

643643
expect(compiler.build(['font-sans'])).toMatchInlineSnapshot(`
644-
":root {
644+
":root, :host {
645645
--default-font-family: Potato Sans;
646646
--default-font-feature-settings: normal;
647647
--default-font-variation-settings: "XHGT" 0.7;
@@ -684,7 +684,7 @@ describe('default font family compatibility', () => {
684684
})
685685

686686
expect(compiler.build(['font-sans'])).toMatchInlineSnapshot(`
687-
":root {
687+
":root, :host {
688688
--default-font-family: Potato Sans;
689689
--default-font-feature-settings: "cv06";
690690
--default-font-variation-settings: "XHGT" 0.7;
@@ -728,7 +728,7 @@ describe('default font family compatibility', () => {
728728
})
729729

730730
expect(compiler.build(['font-sans'])).toMatchInlineSnapshot(`
731-
":root {
731+
":root, :host {
732732
--default-font-family: var(--font-family-sans);
733733
--default-font-feature-settings: var(--font-family-sans--font-feature-settings);
734734
--default-font-variation-settings: var(--font-family-sans--font-variation-settings);
@@ -768,7 +768,7 @@ describe('default font family compatibility', () => {
768768
})
769769

770770
expect(compiler.build(['font-sans'])).toMatchInlineSnapshot(`
771-
":root {
771+
":root, :host {
772772
--default-font-family: Inter, system-ui, sans-serif;
773773
--default-font-feature-settings: normal;
774774
--default-font-variation-settings: normal;
@@ -807,7 +807,7 @@ describe('default font family compatibility', () => {
807807
})
808808

809809
expect(compiler.build(['font-sans'])).toMatchInlineSnapshot(`
810-
":root {
810+
":root, :host {
811811
--default-font-family: var(--font-family-sans);
812812
--default-font-feature-settings: var(--font-family-sans--font-feature-settings);
813813
--default-font-variation-settings: var(--font-family-sans--font-variation-settings);
@@ -841,7 +841,7 @@ describe('default font family compatibility', () => {
841841
})
842842

843843
expect(compiler.build(['font-mono'])).toMatchInlineSnapshot(`
844-
":root {
844+
":root, :host {
845845
--default-mono-font-family: Potato Mono;
846846
--default-mono-font-feature-settings: normal;
847847
--default-mono-font-variation-settings: normal;
@@ -880,7 +880,7 @@ describe('default font family compatibility', () => {
880880
})
881881

882882
expect(compiler.build(['font-mono'])).toMatchInlineSnapshot(`
883-
":root {
883+
":root, :host {
884884
--default-mono-font-family: Potato Mono;
885885
--default-mono-font-feature-settings: "cv06";
886886
--default-mono-font-variation-settings: normal;
@@ -920,7 +920,7 @@ describe('default font family compatibility', () => {
920920
})
921921

922922
expect(compiler.build(['font-mono'])).toMatchInlineSnapshot(`
923-
":root {
923+
":root, :host {
924924
--default-mono-font-family: Potato Mono;
925925
--default-mono-font-feature-settings: normal;
926926
--default-mono-font-variation-settings: "XHGT" 0.7;
@@ -963,7 +963,7 @@ describe('default font family compatibility', () => {
963963
})
964964

965965
expect(compiler.build(['font-mono'])).toMatchInlineSnapshot(`
966-
":root {
966+
":root, :host {
967967
--default-mono-font-family: Potato Mono;
968968
--default-mono-font-feature-settings: "cv06";
969969
--default-mono-font-variation-settings: "XHGT" 0.7;
@@ -1007,7 +1007,7 @@ describe('default font family compatibility', () => {
10071007
})
10081008

10091009
expect(compiler.build(['font-mono'])).toMatchInlineSnapshot(`
1010-
":root {
1010+
":root, :host {
10111011
--default-mono-font-family: var(--font-mono);
10121012
--default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
10131013
--default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
@@ -1047,7 +1047,7 @@ describe('default font family compatibility', () => {
10471047
})
10481048

10491049
expect(compiler.build(['font-mono'])).toMatchInlineSnapshot(`
1050-
":root {
1050+
":root, :host {
10511051
--default-mono-font-family: var(--font-family-mono);
10521052
--default-mono-font-feature-settings: var(--font-family-mono--font-feature-settings);
10531053
--default-mono-font-variation-settings: var(--font-family-mono--font-variation-settings);
@@ -1179,7 +1179,7 @@ test('merges css breakpoints with js config screens', async () => {
11791179

11801180
expect(compiler.build(['sm:flex', 'md:flex', 'lg:flex', 'min-sm:max-md:underline']))
11811181
.toMatchInlineSnapshot(`
1182-
":root {
1182+
":root, :host {
11831183
--breakpoint-md: 50rem;
11841184
--breakpoint-lg: 64rem;
11851185
--breakpoint-xl: 80rem;
@@ -1333,7 +1333,7 @@ test('Prefixes configured in CSS take precedence over those defined in JS config
13331333
)
13341334

13351335
expect(compiler.build(['wat:custom'])).toMatchInlineSnapshot(`
1336-
":root {
1336+
":root, :host {
13371337
--wat-color-red: #f00;
13381338
--wat-color-green: #0f0;
13391339
--wat-breakpoint-sm: 640px;

packages/tailwindcss/src/compat/container-config.test.ts

+8-8
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ test('creates a custom utility to extend the built-in container', async () => {
3131
})
3232

3333
expect(compiler.build(['container'])).toMatchInlineSnapshot(`
34-
":root {
34+
":root, :host {
3535
--breakpoint-sm: 40rem;
3636
--breakpoint-md: 48rem;
3737
--breakpoint-lg: 64rem;
@@ -96,7 +96,7 @@ test('allows padding to be defined at custom breakpoints', async () => {
9696
})
9797

9898
expect(compiler.build(['container'])).toMatchInlineSnapshot(`
99-
":root {
99+
":root, :host {
100100
--breakpoint-sm: 40rem;
101101
--breakpoint-md: 48rem;
102102
--breakpoint-lg: 64rem;
@@ -164,7 +164,7 @@ test('allows breakpoints to be overwritten', async () => {
164164
})
165165

166166
expect(compiler.build(['container'])).toMatchInlineSnapshot(`
167-
":root {
167+
":root, :host {
168168
--breakpoint-sm: 40rem;
169169
--breakpoint-md: 48rem;
170170
--breakpoint-lg: 64rem;
@@ -237,7 +237,7 @@ test('padding applies to custom `container` screens', async () => {
237237
})
238238

239239
expect(compiler.build(['container'])).toMatchInlineSnapshot(`
240-
":root {
240+
":root, :host {
241241
--breakpoint-sm: 40rem;
242242
--breakpoint-md: 48rem;
243243
--breakpoint-lg: 64rem;
@@ -307,7 +307,7 @@ test("an empty `screen` config will undo all custom media screens and won't appl
307307
})
308308

309309
expect(compiler.build(['container'])).toMatchInlineSnapshot(`
310-
":root {
310+
":root, :host {
311311
--breakpoint-sm: 40rem;
312312
--breakpoint-md: 48rem;
313313
--breakpoint-lg: 64rem;
@@ -379,7 +379,7 @@ test('legacy container component does not interfere with new --container variabl
379379
})
380380

381381
expect(compiler.build(['max-w-sm'])).toMatchInlineSnapshot(`
382-
":root {
382+
":root, :host {
383383
--container-3xs: 16rem;
384384
--container-2xs: 18rem;
385385
--container-xs: 20rem;
@@ -438,7 +438,7 @@ test('combines custom padding and screen overwrites', async () => {
438438
})
439439

440440
expect(compiler.build(['container', '!container'])).toMatchInlineSnapshot(`
441-
":root {
441+
":root, :host {
442442
--breakpoint-sm: 40rem;
443443
--breakpoint-md: 48rem;
444444
--breakpoint-lg: 64rem;
@@ -557,7 +557,7 @@ test('filters out complex breakpoints', async () => {
557557
})
558558

559559
expect(compiler.build(['container'])).toMatchInlineSnapshot(`
560-
":root {
560+
":root, :host {
561561
--breakpoint-sm: 40rem;
562562
--breakpoint-md: 48rem;
563563
--breakpoint-lg: 64rem;

packages/tailwindcss/src/compat/legacy-utilities.test.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ test('max-w-screen', async () => {
8585
],
8686
),
8787
).toMatchInlineSnapshot(`
88-
":root {
88+
":root, :host {
8989
--breakpoint-sm: 40rem;
9090
--breakpoint-md: 48rem;
9191
--breakpoint-lg: 64rem;

0 commit comments

Comments
 (0)