-
Notifications
You must be signed in to change notification settings - Fork 14
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: create o3-form tokens for all brands (#1854)
* chore: duplicated whitelabel form tokens into the core brand * chore: added tokens for core * chore: all brand styles for inputs besides professional * chore: added final touches (professional tokens) * chore: refactor order of o3-forms and add missing colours inside sw brand * feat: generate tokens for all brands for o3-form * feat: generate tokens for o3-form for different brands * feat: enable all brands for website --------- Co-authored-by: Deyan Dragov <[email protected]> Co-authored-by: Akaki Mikaia <[email protected]>
- Loading branch information
3 people
authored
Oct 28, 2024
1 parent
0f3f9da
commit 21b811f
Showing
75 changed files
with
2,203 additions
and
1,004 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
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| { | ||
| "o3": { | ||
| "form": { | ||
| "input": { | ||
| "border": { | ||
| "@": { | ||
| "value": { | ||
| "color": "{o3.color.palette.black-30}", | ||
| "width": "2px", | ||
| "style": "solid" | ||
| }, | ||
| "type": "border" | ||
| }, | ||
| "error": { | ||
| "value": { | ||
| "color": "{o3.color.use-case.error}", | ||
| "width": "2px", | ||
| "style": "solid" | ||
| }, | ||
| "type": "border" | ||
| } | ||
| }, | ||
| "border-radius": { | ||
| "value": "6px", | ||
| "type": "borderRadius" | ||
| } | ||
| }, | ||
| "error-summary": { | ||
| "background-color": { | ||
| "value": "rgba(204,0,0,0.14)", | ||
| "type": "color" | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } |
60 changes: 60 additions & 0 deletions
60
apps/dictionary/tokens/core/components/o3-form/use-case.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,60 @@ | ||
| { | ||
| "o3": { | ||
| "form": { | ||
| "color": { | ||
| "use-case": { | ||
| "background": { | ||
| "@": { | ||
| "value": "{o3.color.palette.white}", | ||
| "type": "color" | ||
| }, | ||
| "disabled": { | ||
| "value": "{o3.color.palette.black-10}", | ||
| "type": "color" | ||
| }, | ||
| "error": { | ||
| "value": "rgba(204, 0, 0, 0.06)", | ||
| "type": "color" | ||
| } | ||
| }, | ||
| "border": { | ||
| "@": { | ||
| "value": "{o3.color.palette.black-50}", | ||
| "type": "color" | ||
| }, | ||
| "hover": { | ||
| "value": "{o3.color.use-case.button.hover}", | ||
| "type": "color" | ||
| }, | ||
| "active": { | ||
| "value": "{o3.color.use-case.button.pressed}", | ||
| "type": "color" | ||
| }, | ||
| "disabled": { | ||
| "value": "{o3.color.palette.black-10}", | ||
| "type": "color" | ||
| } | ||
| }, | ||
| "selected": { | ||
| "@": { | ||
| "value": "{o3.color.use-case.button.default}", | ||
| "type": "color" | ||
| }, | ||
| "hover": { | ||
| "value": "{o3.color.use-case.button.hover}", | ||
| "type": "color" | ||
| }, | ||
| "active": { | ||
| "value": "{o3.color.use-case.button.pressed}", | ||
| "type": "color" | ||
| }, | ||
| "disabled": { | ||
| "value": "{o3.color.use-case.button.disabled}", | ||
| "type": "color" | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } |
36 changes: 36 additions & 0 deletions
36
apps/dictionary/tokens/core/professional/components/o3-form.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,36 @@ | ||
| { | ||
| "o3": { | ||
| "form": { | ||
| "input": { | ||
| "border": { | ||
| "@": { | ||
| "value": { | ||
| "color": "{o3.color.palette.black-30}", | ||
| "width": "2px", | ||
| "style": "solid" | ||
| }, | ||
| "type": "border" | ||
| }, | ||
| "error": { | ||
| "value": { | ||
| "color": "{o3.color.use-case.error}", | ||
| "width": "2px", | ||
| "style": "solid" | ||
| }, | ||
| "type": "border" | ||
| } | ||
| }, | ||
| "border-radius": { | ||
| "value": "6px", | ||
| "type": "borderRadius" | ||
| } | ||
| }, | ||
| "error-summary": { | ||
| "background-color": { | ||
| "value": "rgba(204,0,0,0.14)", | ||
| "type": "color" | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } |
60 changes: 60 additions & 0 deletions
60
apps/dictionary/tokens/core/professional/components/o3-form/use-case.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,60 @@ | ||
| { | ||
| "o3": { | ||
| "form": { | ||
| "color": { | ||
| "use-case": { | ||
| "background": { | ||
| "@": { | ||
| "value": "{o3.color.palette.white}", | ||
| "type": "color" | ||
| }, | ||
| "disabled": { | ||
| "value": "{o3.color.palette.black-10}", | ||
| "type": "color" | ||
| }, | ||
| "error": { | ||
| "value": "rgba(204, 0, 0, 0.06)", | ||
| "type": "color" | ||
| } | ||
| }, | ||
| "border": { | ||
| "@": { | ||
| "value": "{o3.color.palette.black-50}", | ||
| "type": "color" | ||
| }, | ||
| "hover": { | ||
| "value": "{o3.color.use-case.button.hover}", | ||
| "type": "color" | ||
| }, | ||
| "active": { | ||
| "value": "{o3.color.use-case.button.pressed}", | ||
| "type": "color" | ||
| }, | ||
| "disabled": { | ||
| "value": "{o3.color.palette.black-10}", | ||
| "type": "color" | ||
| } | ||
| }, | ||
| "selected": { | ||
| "@": { | ||
| "value": "{o3.color.use-case.button.default}", | ||
| "type": "color" | ||
| }, | ||
| "hover": { | ||
| "value": "{o3.color.use-case.button.hover}", | ||
| "type": "color" | ||
| }, | ||
| "active": { | ||
| "value": "{o3.color.use-case.button.pressed}", | ||
| "type": "color" | ||
| }, | ||
| "disabled": { | ||
| "value": "{o3.color.use-case.button.disabled}", | ||
| "type": "color" | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } |
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
Oops, something went wrong.