@gyldendal/kobber-base - npm Package Compare versions

Comparing version 0.3.52 to 0.3.53

package.json

 {
   "name": "@gyldendal/kobber-base",
-  "version": "0.3.52",
+  "version": "0.3.53",
   "license": "MIT",
@@ -5,0 +5,0 @@ "type": "module",

README.md

@@ -19,3 +19,3 @@ # Base
 .button {
-    background-color: var(--kobber-component-button-color-background);
+  background-color: var(--kobber-component-button-color-background);
 }
@@ -28,3 +28,3 @@ ```
 .button {
-    background-color: tokens.$component-button-color-background;
+  background-color: tokens.$component-button-color-background;
 }
@@ -36,3 +36,5 @@ ```
 ```html
-<style>@import "~@gyldendal/kobber-base/themes/default/typography.css";</style>
+<style>
+  @import "~@gyldendal/kobber-base/themes/default/typography.css";
+</style>
 
@@ -58,11 +60,2 @@ <h1 class="kobber-typography-heading-xl">Heading</h1>
 
-
-## ⚡ Quick how to: update tokens
-
-1. In Figma, make sure "reference mode in variables" is enabled for the design tokens plugin
-2. Export json from Figma
-3. Replace json in `tokens-from-figma.json`
-4. Run `yarn build`
-5. Commit changes
-
 ## 🧱 Token folder structure
@@ -76,11 +69,13 @@
 │   └── token.json
-├── build-tokens.ts
-├── config.ts
-└── tokens-from-figma.json
+├── tokens-from-figma/
+│   ├── index.ts
+│   └── tokens-YYYY-MM-DD.json
+├── build.ts
+└── buildConfig.ts
 ```
 
-We use [style-dictionary](https://github.com/amzn/style-dictionary) to transform and format the tokens in `./tokens-from-figma.json`.
+Using [style-dictionary](https://github.com/amzn/style-dictionary) to transform and format the tokens from Figma.
 
-In `./config.ts` we decide which formats we want (css, scss, js and more), and in `./build-tokens.ts` we can create formatters and use other utilities to change the output how we want.
+The files in `./themes` are auto generated and should never be edited manually.
 
-The files in `./themes` are auto generated and should never be edited manually.
+[How to update tokens](./tokens-from-figma/README.md)

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

Worsened metrics

Total package byte prevSize

891398

decreased by-0.04%

Number of lines in readme file

77

decreased by-6.1%

No dependency changes