@@ -40,22 +40,22 @@ describe('style-macro', () => {
40
40
"@layer _.a, _.b, _.c;
41
41
42
42
@layer _.b {
43
- .jnb :first-child {
43
+ ._bnb :first-child {
44
44
margin-top: 0.25rem;
45
45
}
46
46
}
47
47
48
- @layer _.c.YxLy {
49
- @media (min-width: 1024px ) {
50
- .jnYxLyf :first-child {
48
+ @layer _.c.r {
49
+ @media (min-width: 64rem ) {
50
+ ._bnre :first-child {
51
51
margin-top: 0.5rem;
52
52
}
53
53
}
54
54
}
55
55
56
56
"
57
57
` ) ;
58
- expect ( js ) . toMatchInlineSnapshot ( '" jnb jnYxLyf "' ) ;
58
+ expect ( js ) . toMatchInlineSnapshot ( '" _bnb _bnre "' ) ;
59
59
} ) ;
60
60
61
61
it ( 'should support self references' , ( ) => {
@@ -69,56 +69,56 @@ describe('style-macro', () => {
69
69
"@layer _.a;
70
70
71
71
@layer _.a {
72
- ._nb {
72
+ .Rb {
73
73
border-top-width: 2px;
74
74
}
75
75
76
76
77
- ._ma {
77
+ .Qc {
78
78
border-bottom-width: 2px;
79
79
}
80
80
81
81
82
- ._twdjPYd {
83
- border-inline-start-width: var(--_t );
82
+ .ZvFFGYc {
83
+ border-inline-start-width: var(--Z );
84
84
}
85
85
86
86
87
- ._sa {
87
+ .Xb {
88
88
border-inline-end-width: 2px;
89
89
}
90
90
91
91
92
- .oGQFGYc {
93
- padding-inline-start: var(--o );
92
+ .CgtFGYc {
93
+ padding-inline-start: var(--C );
94
94
}
95
95
96
96
97
- .nb {
98
- padding-inline-end: calc(var(--e, var(--s )) * 3 / 8);
97
+ .Ab {
98
+ padding-inline-end: calc(var(--e, var(--l )) * 3 / 8);
99
99
}
100
100
101
101
102
- .fNANddc {
103
- width: calc(200px - var(--_t ) - var(--o ));
102
+ .fWvRISb {
103
+ width: calc(200px - var(--Z ) - var(--C ));
104
104
}
105
105
106
106
107
- .-_t_-_ta {
108
- --_t : 2px;
107
+ .-Z_-Za {
108
+ --Z : 2px;
109
109
}
110
110
111
111
112
- .-o_-ob {
113
- --o : calc(var(--e, var(--s )) * 3 / 8);
112
+ .-C_-Cb {
113
+ --C : calc(var(--e, var(--l )) * 3 / 8);
114
114
}
115
115
}
116
116
117
117
"
118
118
` ) ;
119
119
120
120
expect ( js ) . toMatchInlineSnapshot (
121
- '" _nb _ma _twdjPYd _sa oGQFGYc nb fNANddc -_t_-_ta -o_-ob "'
121
+ '" Rb Qc ZvFFGYc Xb CgtFGYc Ab fWvRISb -Z_-Za -C_-Cb "'
122
122
) ;
123
123
} ) ;
124
124
@@ -153,9 +153,9 @@ describe('style-macro', () => {
153
153
translateX : 40
154
154
} ) ;
155
155
156
- expect ( js ( ) ) . toMatchInlineSnapshot ( '" -_7PloMd-zTRurc _Ia "' ) ;
157
- expect ( overrides ) . toMatchInlineSnapshot ( '" -_7PloMd-Kr5lvc _Ia "' ) ;
158
- expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( '" -_7PloMd-Kr5lvc _Ia "' ) ;
156
+ expect ( js ( ) ) . toMatchInlineSnapshot ( '" -_7PloMd-6cJurc _ca "' ) ;
157
+ expect ( overrides ) . toMatchInlineSnapshot ( '" -_7PloMd-BZRurc _ca "' ) ;
158
+ expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( '" -_7PloMd-BZRurc _ca "' ) ;
159
159
} ) ;
160
160
161
161
it ( 'should support allowed overrides for shorthands' , ( ) => {
@@ -170,9 +170,9 @@ describe('style-macro', () => {
170
170
padding : 40
171
171
} ) ;
172
172
173
- expect ( js ( ) ) . toMatchInlineSnapshot ( '" rg vd of ng "' ) ;
174
- expect ( overrides ) . toMatchInlineSnapshot ( '" rw vw oy ny "' ) ;
175
- expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( '" rw vw oy ny "' ) ;
173
+ expect ( js ( ) ) . toMatchInlineSnapshot ( '" Hg Wd Cf Ae "' ) ;
174
+ expect ( overrides ) . toMatchInlineSnapshot ( '" Ho Wo Cq Aq "' ) ;
175
+ expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( '" Ho Wo Cq Aq "' ) ;
176
176
} ) ;
177
177
178
178
it ( "should support allowed overrides for values that aren't defined" , ( ) => {
@@ -350,28 +350,28 @@ describe('style-macro', () => {
350
350
padding : 24
351
351
} ) ;
352
352
353
- expect ( js ) . toMatchInlineSnapshot ( '" rc vc od nd "' ) ;
353
+ expect ( js ) . toMatchInlineSnapshot ( '" Hb Wb Ce Ad "' ) ;
354
354
expect ( css ) . toMatchInlineSnapshot ( `
355
355
"@layer _.a;
356
356
357
357
@layer _.a {
358
- .rc {
359
- padding-top: 1.5rem ;
358
+ .Hb {
359
+ padding-top: 24px ;
360
360
}
361
361
362
362
363
- .vc {
364
- padding-bottom: 1.5rem ;
363
+ .Wb {
364
+ padding-bottom: 24px ;
365
365
}
366
366
367
367
368
- .od {
369
- padding-inline-start: 1.5rem ;
368
+ .Ce {
369
+ padding-inline-start: 24px ;
370
370
}
371
371
372
372
373
- .nd {
374
- padding-inline-end: 1.5rem ;
373
+ .Ad {
374
+ padding-inline-end: 24px ;
375
375
}
376
376
}
377
377
0 commit comments