@@ -579,6 +579,10 @@ test('Theme keys with underscores are suggested with underscores', async () => {
579
579
/* This will get suggeted with an underscore */
580
580
--spacing-logo_margin : 0.875rem ;
581
581
}
582
+
583
+ @utility ex-* {
584
+ width : --value (--spacing- * );
585
+ }
582
586
`
583
587
584
588
let design = await __unstable__loadDesignSystem ( input , {
@@ -588,13 +592,23 @@ test('Theme keys with underscores are suggested with underscores', async () => {
588
592
} ) ,
589
593
} )
590
594
591
- let entries = design . getClassList ( ) . filter ( ( [ name ] ) => name . startsWith ( 'p-' ) )
595
+ let entries = design
596
+ . getClassList ( )
597
+ . filter ( ( [ name ] ) => name . startsWith ( 'p-' ) || name . startsWith ( 'ex-' ) )
592
598
593
599
expect ( entries ) . toContainEqual ( [ 'p-1.5' , { modifiers : [ ] } ] )
594
600
expect ( entries ) . toContainEqual ( [ 'p-2.5' , { modifiers : [ ] } ] )
595
601
expect ( entries ) . toContainEqual ( [ 'p-logo_margin' , { modifiers : [ ] } ] )
596
602
603
+ expect ( entries ) . toContainEqual ( [ 'ex-1.5' , { modifiers : [ ] } ] )
604
+ expect ( entries ) . toContainEqual ( [ 'ex-2.5' , { modifiers : [ ] } ] )
605
+ expect ( entries ) . toContainEqual ( [ 'ex-logo_margin' , { modifiers : [ ] } ] )
606
+
597
607
expect ( entries ) . not . toContainEqual ( [ 'p-1_5' , { modifiers : [ ] } ] )
598
608
expect ( entries ) . not . toContainEqual ( [ 'p-2_5' , { modifiers : [ ] } ] )
599
609
expect ( entries ) . not . toContainEqual ( [ 'p-logo.margin' , { modifiers : [ ] } ] )
610
+
611
+ expect ( entries ) . not . toContainEqual ( [ 'ex-1_5' , { modifiers : [ ] } ] )
612
+ expect ( entries ) . not . toContainEqual ( [ 'ex-2_5' , { modifiers : [ ] } ] )
613
+ expect ( entries ) . not . toContainEqual ( [ 'ex-logo.margin' , { modifiers : [ ] } ] )
600
614
} )
0 commit comments