generated from nl-design-system/example
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(design tokens): Form tokens toevoegen (#200)
- Nieuwe tokens: utrecht common pointer target - Nieuwe tokens: utrecht component form field - Nieuwe tokens: utrecht component form field description - Nieuwe tokens: utrecht component form field error message - Nieuwe tokens: utrecht component form label - Nieuwe tokens: utrecht component textarea - Nieuwe tokens: utrecht component text input - Wijziging tokens: utrecht component document background-color toegevoegd --------- Co-authored-by: Jaap-Hein Wester <[email protected]>
- Loading branch information
Showing
11 changed files
with
560 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| --- | ||
| "@lux-design-system/design-tokens": minor | ||
| --- | ||
|
|
||
| In deze commit | ||
|
|
||
| - Nieuwe tokens: utrecht common pointer target | ||
| - Nieuwe tokens: utrecht component form field | ||
| - Nieuwe tokens: utrecht component form field description | ||
| - Nieuwe tokens: utrecht component form field error message | ||
| - Nieuwe tokens: utrecht component form label | ||
| - Nieuwe tokens: utrecht component textarea | ||
| - Nieuwe tokens: utrecht component text input | ||
| - Wijziging tokens: utrecht component document background-color toegevoegd |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
43 changes: 43 additions & 0 deletions
43
proprietary/design-tokens/src/imported/nl/utrecht-form-field-description.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| { | ||
| "utrecht": { | ||
| "form-field-description": { | ||
| "color": { | ||
| "type": "color", | ||
| "value": "{lux.color.foreground.subdued}" | ||
| }, | ||
| "font-family": { | ||
| "value": "{lux.font-family.primary}", | ||
| "type": "fontFamilies" | ||
| }, | ||
| "font-size": { | ||
| "value": "{lux.font-size.body.default}", | ||
| "type": "fontSizes" | ||
| }, | ||
| "line-height": { | ||
| "value": "{lux.line-height.body.default}", | ||
| "type": "lineHeights" | ||
| }, | ||
| "invalid": { | ||
| "color": { | ||
| "value": "{lux.color.foreground.subdued}", | ||
| "type": "color", | ||
| "description": "Checkvraag dev: bestaat deze echt in code? " | ||
| } | ||
| }, | ||
| "valid": { | ||
| "color": { | ||
| "value": "{lux.color.foreground.subdued}", | ||
| "type": "color", | ||
| "description": "Checkvraag dev: bestaat deze echt in code? " | ||
| } | ||
| } | ||
| }, | ||
| "invalid": { | ||
| "font-weight": { | ||
| "value": "{no-token}", | ||
| "type": "fontWeights", | ||
| "description": "Controle vraag aan devs: bestaat deze echt in utrecht code?" | ||
| } | ||
| } | ||
| } | ||
| } |
81 changes: 81 additions & 0 deletions
81
proprietary/design-tokens/src/imported/nl/utrecht-form-field-error-message.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,81 @@ | ||
| { | ||
| "utrecht": { | ||
| "form-field-error-message": { | ||
| "icon": { | ||
| "size": { | ||
| "type": "sizing", | ||
| "value": "1.5rem" | ||
| }, | ||
| "color": { | ||
| "value": "{lux.color.feedback.error.default}", | ||
| "type": "color" | ||
| } | ||
| }, | ||
| "color": { | ||
| "type": "color", | ||
| "value": "{lux.color.feedback.error.default}" | ||
| }, | ||
| "font-family": { | ||
| "value": "{lux.font-family.primary}", | ||
| "type": "fontFamilies" | ||
| }, | ||
| "font-size": { | ||
| "value": "{lux.font-size.body.default}", | ||
| "type": "fontSizes" | ||
| }, | ||
| "font-weight": { | ||
| "value": "{lux.font-weight.regular}", | ||
| "type": "fontWeights" | ||
| }, | ||
| "background-color": { | ||
| "value": "{lux.color.none}", | ||
| "type": "color" | ||
| }, | ||
| "border-radius": { | ||
| "value": "{lux.border-radius.default}", | ||
| "type": "borderRadius", | ||
| "description": "todo token" | ||
| }, | ||
| "padding-block-end": { | ||
| "value": "{lux.space.0}", | ||
| "type": "spacing" | ||
| }, | ||
| "padding-block-start": { | ||
| "value": "{lux.space.0}", | ||
| "type": "spacing" | ||
| }, | ||
| "padding-inline-end": { | ||
| "value": "{lux.space.0}", | ||
| "type": "spacing" | ||
| }, | ||
| "padding-inline-start": { | ||
| "value": "{lux.space.0}", | ||
| "type": "spacing" | ||
| }, | ||
| "column-gap": { | ||
| "value": "{lux.space.100}", | ||
| "type": "spacing" | ||
| }, | ||
| "line-height": { | ||
| "value": "{lux.line-height.body.default}", | ||
| "type": "lineHeights" | ||
| }, | ||
| "border-width": { | ||
| "value": "{lux.alert.border-width}", | ||
| "type": "borderWidth" | ||
| }, | ||
| "border-color": { | ||
| "value": "{lux.color.none}", | ||
| "type": "color" | ||
| } | ||
| }, | ||
| "alert": { | ||
| "icon": { | ||
| "inset-block-start": { | ||
| "value": "{lux.space.25}", | ||
| "type": "spacing" | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } |
20 changes: 20 additions & 0 deletions
20
proprietary/design-tokens/src/imported/nl/utrecht-form-field.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| { | ||
| "utrecht": { | ||
| "form-field": { | ||
| "invalid": { | ||
| "border-inline-start-color": { | ||
| "value": "{lux.color.none}", | ||
| "type": "color" | ||
| }, | ||
| "border-inline-start-width": { | ||
| "value": "{lux.border-width.none}", | ||
| "type": "borderWidth" | ||
| }, | ||
| "padding-inline-start": { | ||
| "value": "{lux.space.0}", | ||
| "type": "spacing" | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } |
50 changes: 50 additions & 0 deletions
50
proprietary/design-tokens/src/imported/nl/utrecht-form-label.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| { | ||
| "utrecht": { | ||
| "form-label": { | ||
| "color": { | ||
| "value": "{lux.color.foreground.default}", | ||
| "type": "color" | ||
| }, | ||
| "font-weight": { | ||
| "value": "{lux.font-weight.bold}", | ||
| "type": "fontWeights" | ||
| }, | ||
| "font-size": { | ||
| "value": "{lux.font-size.body.default}", | ||
| "type": "fontSizes" | ||
| }, | ||
| "checkbox": { | ||
| "font-weight": { | ||
| "value": "{lux.font-weight.bold}", | ||
| "type": "fontWeights" | ||
| }, | ||
| "color": { | ||
| "value": "{lux.color.foreground.default}", | ||
| "type": "color" | ||
| } | ||
| }, | ||
| "checked": { | ||
| "font-weight": { | ||
| "value": "{lux.font-weight.bold}", | ||
| "type": "fontWeights" | ||
| } | ||
| }, | ||
| "disabled": { | ||
| "color": { | ||
| "value": "{lux.color.foreground.subdued}", | ||
| "type": "color" | ||
| } | ||
| }, | ||
| "radio": { | ||
| "color": { | ||
| "value": "{lux.color.foreground.default}", | ||
| "type": "color" | ||
| }, | ||
| "font-weight": { | ||
| "value": "{lux.font-weight.bold}", | ||
| "type": "fontWeights" | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } |
10 changes: 10 additions & 0 deletions
10
proprietary/design-tokens/src/imported/nl/utrecht-pointer-target.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
| { | ||
| "utrecht": { | ||
| "pointer-target": { | ||
| "min-size": { | ||
| "value": "{lux.size.target}", | ||
| "type": "sizing" | ||
| } | ||
| } | ||
| } | ||
| } |
Oops, something went wrong.