@@ -13,131 +13,130 @@ function convertDynamicClassValueToRem(value: string) {
1313 return pxValueToRem ( Number . parseFloat ( value ) * 16 / 4 ) ;
1414}
1515
16- // ts-prune-ignore-next
1716export default defineConfig ( {
1817 rules : [
19- [ / ^ p - ( \d + ) $ / , ( [ , d ] ) => ( {
20- padding : convertDynamicClassValueToRem ( d )
18+ [ / ^ p - ( \d + ) $ / , ( [ , d ] ) => ( {
19+ padding : convertDynamicClassValueToRem ( d )
2120 } ) ] ,
2221
23- [ / ^ p x - ( \d + ) $ / , ( [ , d ] ) => ( {
22+ [ / ^ p x - ( \d + ) $ / , ( [ , d ] ) => ( {
2423 'padding-left' : convertDynamicClassValueToRem ( d ) ,
25- 'padding-right' : convertDynamicClassValueToRem ( d )
24+ 'padding-right' : convertDynamicClassValueToRem ( d )
2625 } ) ] ,
27- [ / ^ p y - ( \d + ) $ / , ( [ , d ] ) => ( {
26+ [ / ^ p y - ( \d + ) $ / , ( [ , d ] ) => ( {
2827 'padding-top' : convertDynamicClassValueToRem ( d ) ,
29- 'padding-bottom' : convertDynamicClassValueToRem ( d )
28+ 'padding-bottom' : convertDynamicClassValueToRem ( d )
3029 } ) ] ,
3130
32- [ / ^ p s - ( \d + ) $ / , ( [ , d ] ) => ( {
33- 'padding-inline-start' : convertDynamicClassValueToRem ( d )
31+ [ / ^ p s - ( \d + ) $ / , ( [ , d ] ) => ( {
32+ 'padding-inline-start' : convertDynamicClassValueToRem ( d )
3433 } ) ] ,
35- [ / ^ p e - ( \d + ) $ / , ( [ , d ] ) => ( {
36- 'padding-inline-end' : convertDynamicClassValueToRem ( d )
34+ [ / ^ p e - ( \d + ) $ / , ( [ , d ] ) => ( {
35+ 'padding-inline-end' : convertDynamicClassValueToRem ( d )
3736 } ) ] ,
3837
39- [ / ^ p t - ( \d + ) $ / , ( [ , d ] ) => ( {
40- 'padding-top' : convertDynamicClassValueToRem ( d )
38+ [ / ^ p t - ( \d + ) $ / , ( [ , d ] ) => ( {
39+ 'padding-top' : convertDynamicClassValueToRem ( d )
4140 } ) ] ,
42- [ / ^ p l - ( \d + ) $ / , ( [ , d ] ) => ( {
43- 'padding-left' : convertDynamicClassValueToRem ( d )
41+ [ / ^ p l - ( \d + ) $ / , ( [ , d ] ) => ( {
42+ 'padding-left' : convertDynamicClassValueToRem ( d )
4443 } ) ] ,
45- [ / ^ p r - ( \d + ) $ / , ( [ , d ] ) => ( {
46- 'padding-right' : convertDynamicClassValueToRem ( d )
44+ [ / ^ p r - ( \d + ) $ / , ( [ , d ] ) => ( {
45+ 'padding-right' : convertDynamicClassValueToRem ( d )
4746 } ) ] ,
48- [ / ^ p b - ( \d + ) $ / , ( [ , d ] ) => ( {
49- 'padding-bottom' : convertDynamicClassValueToRem ( d )
47+ [ / ^ p b - ( \d + ) $ / , ( [ , d ] ) => ( {
48+ 'padding-bottom' : convertDynamicClassValueToRem ( d )
5049 } ) ] ,
5150
52- [ / ^ p - t - ( \d + ) $ / , ( [ , d ] ) => ( {
53- 'padding-top' : convertDynamicClassValueToRem ( d )
51+ [ / ^ p - t - ( \d + ) $ / , ( [ , d ] ) => ( {
52+ 'padding-top' : convertDynamicClassValueToRem ( d )
5453 } ) ] ,
55- [ / ^ p - l - ( \d + ) $ / , ( [ , d ] ) => ( {
56- 'padding-left' : convertDynamicClassValueToRem ( d )
54+ [ / ^ p - l - ( \d + ) $ / , ( [ , d ] ) => ( {
55+ 'padding-left' : convertDynamicClassValueToRem ( d )
5756 } ) ] ,
58- [ / ^ p - r - ( \d + ) $ / , ( [ , d ] ) => ( {
59- 'padding-right' : convertDynamicClassValueToRem ( d )
57+ [ / ^ p - r - ( \d + ) $ / , ( [ , d ] ) => ( {
58+ 'padding-right' : convertDynamicClassValueToRem ( d )
6059 } ) ] ,
61- [ / ^ p - b - ( \d + ) $ / , ( [ , d ] ) => ( {
62- 'padding-bottom' : convertDynamicClassValueToRem ( d )
60+ [ / ^ p - b - ( \d + ) $ / , ( [ , d ] ) => ( {
61+ 'padding-bottom' : convertDynamicClassValueToRem ( d )
6362 } ) ] ,
6463
65- [ / ^ m - ( \d + ) $ / , ( [ , d ] ) => ( {
66- margin : convertDynamicClassValueToRem ( d )
64+ [ / ^ m - ( \d + ) $ / , ( [ , d ] ) => ( {
65+ margin : convertDynamicClassValueToRem ( d )
6766 } ) ] ,
6867
69- [ / ^ m x - ( \d + ) $ / , ( [ , d ] ) => ( {
68+ [ / ^ m x - ( \d + ) $ / , ( [ , d ] ) => ( {
7069 'margin-left' : convertDynamicClassValueToRem ( d ) ,
71- 'margin-right' : convertDynamicClassValueToRem ( d )
70+ 'margin-right' : convertDynamicClassValueToRem ( d )
7271 } ) ] ,
73- [ / ^ m y - ( \d + ) $ / , ( [ , d ] ) => ( {
72+ [ / ^ m y - ( \d + ) $ / , ( [ , d ] ) => ( {
7473 'margin-top' : convertDynamicClassValueToRem ( d ) ,
75- 'margin-bottom' : convertDynamicClassValueToRem ( d )
74+ 'margin-bottom' : convertDynamicClassValueToRem ( d )
7675 } ) ] ,
7776
78- [ / ^ m s - ( \d + ) $ / , ( [ , d ] ) => ( {
79- 'margin-inline-start' : convertDynamicClassValueToRem ( d )
77+ [ / ^ m s - ( \d + ) $ / , ( [ , d ] ) => ( {
78+ 'margin-inline-start' : convertDynamicClassValueToRem ( d )
8079 } ) ] ,
81- [ / ^ m e - ( \d + ) $ / , ( [ , d ] ) => ( {
82- 'margin-inline-end' : convertDynamicClassValueToRem ( d )
80+ [ / ^ m e - ( \d + ) $ / , ( [ , d ] ) => ( {
81+ 'margin-inline-end' : convertDynamicClassValueToRem ( d )
8382 } ) ] ,
8483
85- [ / ^ m t $ / , ( [ , d ] ) => ( {
86- 'margin-top' : pxValueToRem ( 16 )
84+ [ / ^ m t $ / , ( [ , d ] ) => ( {
85+ 'margin-top' : pxValueToRem ( 16 )
8786 } ) ] ,
88- [ / ^ m l $ / , ( [ , d ] ) => ( {
89- 'margin-left' : pxValueToRem ( 16 )
87+ [ / ^ m l $ / , ( [ , d ] ) => ( {
88+ 'margin-left' : pxValueToRem ( 16 )
9089 } ) ] ,
91- [ / ^ m r $ / , ( [ , d ] ) => ( {
92- 'margin-right' : pxValueToRem ( 16 )
90+ [ / ^ m r $ / , ( [ , d ] ) => ( {
91+ 'margin-right' : pxValueToRem ( 16 )
9392 } ) ] ,
94- [ / ^ m b $ / , ( [ , d ] ) => ( {
95- 'margin-bottom' : pxValueToRem ( 16 )
93+ [ / ^ m b $ / , ( [ , d ] ) => ( {
94+ 'margin-bottom' : pxValueToRem ( 16 )
9695 } ) ] ,
9796
98- [ / ^ m t - ( \d + ) $ / , ( [ , d ] ) => ( {
99- 'margin-top' : convertDynamicClassValueToRem ( d )
97+ [ / ^ m t - ( \d + ) $ / , ( [ , d ] ) => ( {
98+ 'margin-top' : convertDynamicClassValueToRem ( d )
10099 } ) ] ,
101- [ / ^ m l - ( \d + ) $ / , ( [ , d ] ) => ( {
102- 'margin-left' : convertDynamicClassValueToRem ( d )
100+ [ / ^ m l - ( \d + ) $ / , ( [ , d ] ) => ( {
101+ 'margin-left' : convertDynamicClassValueToRem ( d )
103102 } ) ] ,
104- [ / ^ m r - ( \d + ) $ / , ( [ , d ] ) => ( {
105- 'margin-right' : convertDynamicClassValueToRem ( d )
103+ [ / ^ m r - ( \d + ) $ / , ( [ , d ] ) => ( {
104+ 'margin-right' : convertDynamicClassValueToRem ( d )
106105 } ) ] ,
107- [ / ^ m b - ( \d + ) $ / , ( [ , d ] ) => ( {
108- 'margin-bottom' : convertDynamicClassValueToRem ( d )
106+ [ / ^ m b - ( \d + ) $ / , ( [ , d ] ) => ( {
107+ 'margin-bottom' : convertDynamicClassValueToRem ( d )
109108 } ) ] ,
110109
111- [ / ^ m - t - ( \d + ) $ / , ( [ , d ] ) => ( {
112- 'margin-top' : convertDynamicClassValueToRem ( d )
110+ [ / ^ m - t - ( \d + ) $ / , ( [ , d ] ) => ( {
111+ 'margin-top' : convertDynamicClassValueToRem ( d )
113112 } ) ] ,
114- [ / ^ m - l - ( \d + ) $ / , ( [ , d ] ) => ( {
115- 'margin-left' : convertDynamicClassValueToRem ( d )
113+ [ / ^ m - l - ( \d + ) $ / , ( [ , d ] ) => ( {
114+ 'margin-left' : convertDynamicClassValueToRem ( d )
116115 } ) ] ,
117- [ / ^ m - r - ( \d + ) $ / , ( [ , d ] ) => ( {
118- 'margin-right' : convertDynamicClassValueToRem ( d )
116+ [ / ^ m - r - ( \d + ) $ / , ( [ , d ] ) => ( {
117+ 'margin-right' : convertDynamicClassValueToRem ( d )
119118 } ) ] ,
120- [ / ^ m - b - ( \d + ) $ / , ( [ , d ] ) => ( {
121- 'margin-bottom' : convertDynamicClassValueToRem ( d )
119+ [ / ^ m - b - ( \d + ) $ / , ( [ , d ] ) => ( {
120+ 'margin-bottom' : convertDynamicClassValueToRem ( d )
122121 } ) ] ,
123122
124- [ / ^ m b - s m $ / , ( [ , d ] ) => ( {
125- 'margin-bottom' : pxValueToRem ( 14 )
123+ [ / ^ m b - s m $ / , ( [ , d ] ) => ( {
124+ 'margin-bottom' : pxValueToRem ( 14 )
126125 } ) ] ,
127126
128127 [ / ^ g a p - ( \d + ) $ / , ( [ , d ] ) => ( { gap : convertDynamicClassValueToRem ( d ) } ) ] ,
129128 [ / ^ g a p - x - ( \d + ) $ / , ( [ , d ] ) => ( { 'column-gap' : convertDynamicClassValueToRem ( d ) } ) ] ,
130129 [ / ^ g a p - y - ( \d + ) $ / , ( [ , d ] ) => ( { 'row-gap' : convertDynamicClassValueToRem ( d ) } ) ] ,
131-
132- [ / ^ w - ( \d + ) r e m $ / , ( [ , d ] ) => ( {
133- width : pxValueToRem ( Number . parseInt ( d ) * 16 )
130+
131+ [ / ^ w - ( \d + ) r e m $ / , ( [ , d ] ) => ( {
132+ width : pxValueToRem ( Number . parseInt ( d ) * 16 )
134133 } ) ] ,
135134
136- [ / ^ w - s m $ / , ( ) => ( {
135+ [ / ^ w - s m $ / , ( ) => ( {
137136 width : pxValueToRem ( 24 * 16 ) // 24rem
138137 } ) ] ,
139138 ] ,
140- extendTheme : ( theme : any ) => {
139+ extendTheme : ( theme : any ) => {
141140 return {
142141 ...theme ,
143142 fontSize : {
0 commit comments