1
1
import { describe , it , expect } from 'vitest' ;
2
2
import { styles , defineTokens } from './' ;
3
3
4
- describe ( 'styles ' , ( ) => {
4
+ describe ( 'sva ' , ( ) => {
5
5
it ( 'should return base styles when no variants are provided' , ( ) => {
6
6
const baseStyles = styles ( {
7
7
base : { display : 'flex' } ,
@@ -123,7 +123,7 @@ describe('styles', () => {
123
123
124
124
describe ( 'defineTokens' , ( ) => {
125
125
it ( 'should create styles function' , ( ) => {
126
- const { styles } = defineTokens ( {
126
+ const { sva } = defineTokens ( {
127
127
colors : {
128
128
primary : '#000000' ,
129
129
secondary : '#ffffff' ,
@@ -134,11 +134,11 @@ describe('defineTokens', () => {
134
134
} ,
135
135
} ) ;
136
136
137
- expect ( typeof styles ) . toBe ( 'function' ) ;
137
+ expect ( typeof sva ) . toBe ( 'function' ) ;
138
138
} ) ;
139
139
140
140
it ( 'should resolve token references in styles' , ( ) => {
141
- const { styles } = defineTokens ( {
141
+ const { sva } = defineTokens ( {
142
142
colors : {
143
143
primary : '#000000' ,
144
144
} ,
@@ -147,7 +147,7 @@ describe('defineTokens', () => {
147
147
} ,
148
148
} ) ;
149
149
150
- const result = styles ( {
150
+ const result = sva ( {
151
151
base : {
152
152
backgroundColor : '$colors.primary' ,
153
153
padding : '$space.sm' ,
@@ -162,13 +162,13 @@ describe('defineTokens', () => {
162
162
} ) ;
163
163
164
164
it ( 'should resolve token references in variants' , ( ) => {
165
- const { styles } = defineTokens ( {
165
+ const { sva } = defineTokens ( {
166
166
colors : {
167
167
primary : '#000000' ,
168
168
} ,
169
169
} ) ;
170
170
171
- const result = styles ( {
171
+ const result = sva ( {
172
172
base : { } ,
173
173
variants : {
174
174
type : {
@@ -185,7 +185,7 @@ describe('defineTokens', () => {
185
185
} ) ;
186
186
187
187
it ( 'should handle compound variants' , ( ) => {
188
- const { styles } = defineTokens ( {
188
+ const { sva } = defineTokens ( {
189
189
colors : {
190
190
primary : '#000000' ,
191
191
} ,
@@ -194,7 +194,7 @@ describe('defineTokens', () => {
194
194
} ,
195
195
} ) ;
196
196
197
- const result = styles ( {
197
+ const result = sva ( {
198
198
base : { } ,
199
199
variants : {
200
200
size : { small : { } } ,
@@ -218,13 +218,13 @@ describe('defineTokens', () => {
218
218
} ) ;
219
219
220
220
it ( 'should ignore missing token references' , ( ) => {
221
- const { styles } = defineTokens ( {
221
+ const { sva } = defineTokens ( {
222
222
colors : {
223
223
primary : '#000000' ,
224
224
} ,
225
225
} ) ;
226
226
227
- const result = styles ( {
227
+ const result = sva ( {
228
228
base : {
229
229
backgroundColor : '$colors.nonexistent' ,
230
230
color : '$colors.primary' ,
@@ -238,15 +238,15 @@ describe('defineTokens', () => {
238
238
} ) ;
239
239
240
240
it ( 'should support all allowed token categories' , ( ) => {
241
- const { styles } = defineTokens ( {
241
+ const { sva } = defineTokens ( {
242
242
colors : { primary : '#000000' } ,
243
243
space : { sm : 8 } ,
244
244
fontSizes : { base : 16 } ,
245
245
fonts : { body : 'Arial' } ,
246
246
lineHeight : { normal : 1.5 } ,
247
247
} ) ;
248
248
249
- const result = styles ( {
249
+ const result = sva ( {
250
250
base : {
251
251
color : '$colors.primary' ,
252
252
padding : '$space.sm' ,
0 commit comments