@vtmn/css-badge - npm Package Compare versions

Comparing version 0.3.3 to 0.3.4

package.json

 {
   "name": "@vtmn/css-badge",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "Decathlon Design System - Vitamin specific CSS styles for badge component",
@@ -25,6 +25,6 @@ "keywords": [
   "scripts": {
-    "build": "postcss src/index.css -o dist/index.css && cross-env FONT_SIZE_BASE=10 postcss src/index.css -o dist/index-base10.css"
+    "build": "sh build.sh"
   },
   "devDependencies": {
-    "@vtmn/css-design-tokens": "^0.3.0",
+    "@vtmn/css-design-tokens": "^0.3.1",
     "@vtmn/css-postcss-config": "^0.0.0",
@@ -42,3 +42,3 @@ "@vtmn/css-tailwind-config": "^0.0.0"
   ],
-  "gitHead": "4b4fb6d1e75717ee2b047074d2b83868069f3597"
+  "gitHead": "315d73a2d785e225efae90c7577f47fafeb8c315"
 }

README.md

@@ -76,2 +76,6 @@ # `@vtmn/css-badge`
 
+### Without theming
+
+If you don't need different themes, you can choose the specific CSS package without CSS variables.
+
 With a bundler that supports CSS imports in JS files:
@@ -89,2 +93,40 @@
 
+### With theming
+
+If you need different themes, you can choose the specific CSS package with CSS variables. For this, be sure to install & import `@vtmn/css-design-tokens` before:
+
+```sh
+# with npm
+npm i -S @vtmn/css-design-tokens
+
+# with yarn
+yarn add @vtmn/css-design-tokens
+```
+
+Or you can also install it with a CDN like `unpkg.com`:
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/@vtmn/css-design-tokens" />
+```
+
+With a bundler that supports CSS imports in JS files:
+
+```javascript
+import '@vtmn/css-design-tokens/dist/index.css';
+import '@vtmn/css-badge/dist/index-with-vars.css';
+```
+
+Otherwise include it in your HTML file:
+
+```html
+<link
+  rel="stylesheet"
+  href="./node_modules/@vtmn/css-design-tokens/dist/index.css"
+/>
+<link
+  rel="stylesheet"
+  href="./node_modules/@vtmn/css-badge/dist/index-with-vars.css"
+/>
+```
+
 ## Development
@@ -91,0 +133,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

22764

increased by26.76%

Number of package files

7

increased by40%

Lines of code

192

increased by146.15%

Number of lines in readme file

157

increased by36.52%

No dependency changes