@wonderflow/tokens - npm Package Compare versions

Comparing version 10.11.0 to 10.12.0

package.json

 {
   "name": "@wonderflow/tokens",
-  "version": "10.11.0",
+  "version": "10.12.0",
   "description": "Design tokens from Wonderflow design language",
@@ -5,0 +5,0 @@ "main": "platforms/web/index",

platforms/web/index.ts

 export type TokensTypes = {
- color: { blue: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
- cyan: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
- dipsy: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
- green: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
- indigo: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
- magenta: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
- mint: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
- primary: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
- purple: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
- red: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
- salmon: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
+  colors: 'gray' | 'blue'|'cyan'|'dipsy'|'green'|'indigo'|'magenta'|'mint'|'purple'|'red'|'salmon'|'support'|'violet'|'yellow';
+  color: { blue: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
+ cyan: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
+ dipsy: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
+ green: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
+ indigo: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
+ magenta: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
+ mint: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
+ primary: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
+ purple: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
+ red: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
+ salmon: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
  support: 'brand' | 'black' | 'white';
- violet: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
- yellow: 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
+ violet: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
+ yellow: 0 | '0' | 5 | '5' | 10 | '10' | 20 | '20' | 30 | '30' | 40 | '40' | 50 | '50' | 60 | '60' | 70 | '70' | 80 | '80' | 90 | '90' | 100 | '100';
   };
 breakpoint: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
  container: 'large' | 'medium' | 'small';
- icon: { size: 12 | 16 | 18 | 24 | 32 | 40 | 48 | 56;
+ icon: { size: 12 | '12' | 16 | '16' | 18 | '18' | 24 | '24' | 32 | '32' | 40 | '40' | 48 | '48' | 56 | '56';
   };
-radius: 4 | 8 | 16 | 24 | 32 | 40 | 48;
- space: 2 | 4 | 8 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 88 | 96 | 104 | 112 | 120 | 128 | 136 | 144 | 152 | 160 | 168 | 176 | 184 | 192 | 200;
- duration: 100 | 200 | 250 | 300 | 500 | 750 | 1000;
+radius: 4 | '4' | 8 | '8' | 16 | '16' | 24 | '24' | 32 | '32' | 40 | '40' | 48 | '48';
+ space: 2 | '2' | 4 | '4' | 8 | '8' | 16 | '16' | 24 | '24' | 32 | '32' | 40 | '40' | 48 | '48' | 56 | '56' | 64 | '64' | 72 | '72' | 80 | '80' | 88 | '88' | 96 | '96' | 104 | '104' | 112 | '112' | 120 | '120' | 128 | '128' | 136 | '136' | 144 | '144' | 152 | '152' | 160 | '160' | 168 | '168' | 176 | '176' | 184 | '184' | 192 | '192' | 200 | '200';
+ duration: 100 | '100' | 200 | '200' | 250 | '250' | 300 | '300' | 500 | '500' | 750 | '750' | 1000 | '1000';
  easing: 'standard' | 'entrance' | 'exit';
  font: { family: 'sans' | 'mono';
  lh: 'standard' | 'small';
- size: 14 | 16 | 18 | 22 | 28;
+ size: 14 | '14' | 16 | '16' | 18 | '18' | 22 | '22' | 28 | '28';
   };
- 
-}
+
+};

No alert changes

Improved metrics

Total package byte prevSize

17829

9.87%

Lines of code

546

0.18%

No dependency changes