@biom3/design-tokens - npm Package Compare versions

Comparing version 0.0.4-alpha to 0.0.5-alpha

package.json

 {
   "name": "@biom3/design-tokens",
-  "version": "0.0.4-alpha",
+  "version": "0.0.5-alpha",
   "main": "./dist/index.js",
@@ -5,0 +5,0 @@ "types": "./dist/index.d.ts",

README.md

@@ -27,8 +27,8 @@ ![BIOM3-textured-logos-10](https://user-images.githubusercontent.com/1452237/205792502-2b1e7d79-6f0e-42dc-a455-dbcb5506cef1.png)
 ```typescript
-import "@biom3/design-tokens/css/base.css"; // contains all BASE design tokens which dont involve colour
-import "@biom3/design-tokens/css/ui.css"; // contains all UI design tokens which dont involve colour
-import "@biom3/design-tokens/css/theme-light.css"; // contains all light theme base tokens
-// import "@biom3/design-tokens/css/theme-dark.css"; // contains all dark theme base tokens
+import "@biom3/design-tokens/css/base.global.css"; // contains all BASE design tokens which dont involve colour
+import "@biom3/design-tokens/css/ui.global.css"; // contains all UI design tokens
+import "@biom3/design-tokens/css/theme-light.global.css"; // contains all light theme base tokens
+// import "@biom3/design-tokens/css/theme-dark.global.css"; // contains all dark theme base tokens
 ```
 
 **\*@NOTE** All css variable declarations are scoped to the body selector and will overwrite each other, so you should only use 1 theme css file at a time. Choose the theme css file based on whether you are planning to display UI in "onDark" or "onLight" (or add your own!).

src/dumpTokens.ts

@@ -29,3 +29,3 @@ import * as tokens from "./tokens";
     "base",
-    "css/base.css"
+    "css/base.global.css"
   );
@@ -40,3 +40,3 @@
     "base",
-    "css/theme-light.css"
+    "css/theme-light.global.css"
   );
@@ -51,3 +51,3 @@
     "base",
-    "css/theme-dark.css"
+    "css/theme-dark.global.css"
   );
@@ -72,9 +72,9 @@
     "ui",
-    "css/ui.css"
+    "css/ui.global.css"
   );
 
-  await wrapCssFileWithBodySelector("css/base.css");
-  await wrapCssFileWithBodySelector("css/theme-light.css");
-  await wrapCssFileWithBodySelector("css/theme-dark.css");
-  await wrapCssFileWithBodySelector("css/ui.css");
+  await wrapCssFileWithBodySelector("css/base.global.css");
+  await wrapCssFileWithBodySelector("css/theme-light.global.css");
+  await wrapCssFileWithBodySelector("css/theme-dark.global.css");
+  await wrapCssFileWithBodySelector("css/ui.global.css");
 })();

No alert changes

Improved metrics

Total package byte prevSize

72419

increased by0.08%

No dependency changes