You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -60,7 +60,7 @@ To make working with tokens easier, we added some additional functionality on to
60
60
We have two main color modes: `light` and `dark`. Additionally we have specific accessibility modes based on those, such as `light high contrast`.
61
61
62
62
We added a way to create a mode by only including the changes from the main mode. We call this `overrides`.
63
-
`Overrides` are cerated in `src/tokens/functional/color/[light|dark]/overrides/` and have to be added to [themes.config.ts](./scripts/themes.config.ts) to work.
63
+
`Overrides` are created in `src/tokens/functional/color/[light|dark]/overrides/` and have to be added to [themes.config.ts](./scripts/themes.config.ts) to work.
64
64
In the individual files, e.g. `light.high-contrast.json5` you can now add tokens in the same structure as in any main file, e.g. `primitives-light.json5` to replace them.
65
65
66
66
### Transforming Colors with Alpha and Mix
@@ -88,7 +88,7 @@ For our Figma export we use the following meta data:
88
88
89
89
-`collection` the collection that the token is added to within Figma
90
90
-`mode` the mode that the token is added to within the collection in Figma
91
-
-`scopes` the scopes that are assigned to the token in Figma, the actual Figma compatible `scopes` are retreive from an object in the [figmaAttributes transformer](./src/transformers/figmaAttributes.ts)
91
+
-`scopes` the scopes that are assigned to the token in Figma, the actual Figma compatible `scopes` are retrieved from an object in the [figmaAttributes transformer](./src/transformers/figmaAttributes.ts)
92
92
93
93
Code example
94
94
@@ -109,8 +109,8 @@ Code example
109
109
#### Token names and @-hack
110
110
111
111
Token names have to be in camelCase or kebab-case and may only include letters, numbers and `-`. This is enforced by the token validation (`npm run lint:tokens`).
112
-
The only acception is the `@`-hack. This is used when you want to have a default value and sub-values, e.g. `bgColor.accent` and `bgColor.accent.muted`.
113
-
In this case you can create the follwing structure. The `@` will be removed from the name and act as the default value.
112
+
The only exception is the `@`-hack. This is used when you want to have a default value and sub-values, e.g. `bgColor.accent` and `bgColor.accent.muted`.
113
+
In this case you can create the following structure. The `@` will be removed from the name and act as the default value.
0 commit comments