Skip to content

Commit

Permalink
Add new tokens and other updates (#68)
Browse files Browse the repository at this point in the history
  • Loading branch information
Franck Gaudin authored Oct 11, 2023
1 parent eba364b commit 2c7f2ab
Show file tree
Hide file tree
Showing 3 changed files with 142 additions and 11 deletions.
27 changes: 27 additions & 0 deletions .changeset/strange-laws-exercise.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
---
"@hopper-ui/tokens": minor
---


### New Tokens
- decorative-option2-surface-weak
- decorative-option2-surface-weakest
- decorative-option4-surface-weak
- decorative-option4-surface-weakest
- decorative-option5-surface-weak
- decorative-option5-surface-weakest
- decorative-option6-surface-weak
- decorative-option6-surface-weakest
- decorative-option7-surface-weak
- decorative-option7-surface-weakest
- decorative-option8-surface-weak
- decorative-option8-surface-weakest
- decorative-option9-surface-weak
- decorative-option9-surface-weakest

### Update
- decorative-option1-text-weak
- decorative-option2-text-weak
- decorative-option3-text-weak
- decorative-option5-text-weak
- decorative-option9-text-weak
64 changes: 58 additions & 6 deletions packages/tokens/src/tokens/semantic/dark/colors.tokens.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -267,6 +267,14 @@
"$type": "color",
"$value": "{samoyed}"
},
"surface-weakest": {
"$type": "color",
"$value": "{rock.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{rock.50}"
},
"surface-strong": {
"$type": "color",
"$value": "{rock.800}"
Expand All @@ -285,7 +293,7 @@
},
"text-weak": {
"$type": "color",
"$value": "{rock.50}"
"$value": "{rock.300}"
}
},
"option8": {
Expand All @@ -297,6 +305,14 @@
"$type": "color",
"$value": "{amanita.900}"
},
"surface-weakest": {
"$type": "color",
"$value": "{amanita.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{amanita.50}"
},
"surface-strong": {
"$type": "color",
"$value": "{amanita.100}"
Expand Down Expand Up @@ -327,6 +343,14 @@
"$type": "color",
"$value": "{toad.900}"
},
"surface-weakest": {
"$type": "color",
"$value": "{toad.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{toad.50}"
},
"surface-strong": {
"$type": "color",
"$value": "{toad.75}"
Expand All @@ -351,12 +375,20 @@
"option5": {
"text-weak": {
"$type": "color",
"$value": "{coastal.50}"
"$value": "{coastal.300}"
},
"text": {
"$type": "color",
"$value": "{coastal.900}"
},
"surface-weakest": {
"$type": "color",
"$value": "{coastal.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{coastal.50}"
},
"surface-strong": {
"$type": "color",
"$value": "{coastal.100}"
Expand All @@ -379,10 +411,14 @@
}
},
"option6": {
"surface-weak": {
"surface-weakest": {
"$type": "color",
"$value": "{sunken-treasure.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{sunken-treasure.50}"
},
"surface-strong": {
"$type": "color",
"$value": "{sunken-treasure.100}"
Expand Down Expand Up @@ -413,6 +449,14 @@
}
},
"option4": {
"surface-weakest": {
"$type": "color",
"$value": "{moss.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{moss.50}"
},
"surface-strong": {
"$type": "color",
"$value": "{moss.100}"
Expand Down Expand Up @@ -477,10 +521,18 @@
},
"text-weak": {
"$type": "color",
"$value": "{koi.50}"
"$value": "{koi.300}"
}
},
"option2": {
"surface-weakest": {
"$type": "color",
"$value": "{quetzal.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{quetzal.50}"
},
"surface-strong": {
"$type": "color",
"$value": "{quetzal.100}"
Expand All @@ -499,7 +551,7 @@
},
"text-weak": {
"$type": "color",
"$value": "{quetzal.50}"
"$value": "{quetzal.300}"
},
"border": {
"$type": "color",
Expand Down Expand Up @@ -533,7 +585,7 @@
},
"text-weak": {
"$type": "color",
"$value": "{sapphire.50}"
"$value": "{sapphire.300}"
},
"border": {
"$type": "color",
Expand Down
62 changes: 57 additions & 5 deletions packages/tokens/src/tokens/semantic/light/colors.tokens.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -279,13 +279,21 @@
"$type": "color",
"$value": "{rock.500}"
},
"surface-weak": {
"$type": "color",
"$value": "{rock.50}"
},
"surface-weakest": {
"$type": "color",
"$value": "{rock.25}"
},
"text": {
"$type": "color",
"$value": "{samoyed}"
},
"text-weak": {
"$type": "color",
"$value": "{rock.50}"
"$value": "{rock.300}"
},
"border": {
"$type": "color",
Expand All @@ -297,6 +305,14 @@
"$type": "color",
"$value": "{amanita.900}"
},
"surface-weakest": {
"$type": "color",
"$value": "{amanita.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{amanita.50}"
},
"surface-hover": {
"$type": "color",
"$value": "{amanita.200}"
Expand Down Expand Up @@ -327,6 +343,14 @@
"$type": "color",
"$value": "{toad.900}"
},
"surface-weakest": {
"$type": "color",
"$value": "{toad.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{toad.50}"
},
"surface-strong": {
"$type": "color",
"$value": "{toad.75}"
Expand Down Expand Up @@ -355,12 +379,20 @@
"option5": {
"text-weak": {
"$type": "color",
"$value": "{coastal.50}"
"$value": "{coastal.300}"
},
"text": {
"$type": "color",
"$value": "{coastal.900}"
},
"surface-weakest": {
"$type": "color",
"$value": "{coastal.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{coastal.50}"
},
"surface-strong": {
"$type": "color",
"$value": "{coastal.100}"
Expand All @@ -383,6 +415,10 @@
}
},
"option6": {
"surface-weakest": {
"$type": "color",
"$value": "{sunken-treasure.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{sunken-treasure.50}"
Expand Down Expand Up @@ -417,6 +453,14 @@
}
},
"option4": {
"surface-weakest": {
"$type": "color",
"$value": "{moss.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{moss.50}"
},
"surface-strong": {
"$type": "color",
"$value": "{moss.100}"
Expand Down Expand Up @@ -477,15 +521,23 @@
},
"text-weak": {
"$type": "color",
"$value": "{koi.50}"
"$value": "{koi.300}"
},
"border": {
"$type": "color",
"$value": "{koi.100}"
}
},
"option2": {
"surface-weakest": {
"$type": "color",
"$value": "{quetzal.25}"
},
"surface-weak": {
"$type": "color",
"$value": "{quetzal.50}"
},
"surface-strong": {
"$type": "color",
"$value": "{quetzal.100}"
},
Expand All @@ -503,7 +555,7 @@
},
"text-weak": {
"$type": "color",
"$value": "{quetzal.50}"
"$value": "{quetzal.300}"
},
"icon": {
"$type": "color",
Expand Down Expand Up @@ -541,7 +593,7 @@
},
"text-weak": {
"$type": "color",
"$value": "{sapphire.50}"
"$value": "{sapphire.300}"
},
"icon": {
"$type": "color",
Expand Down

0 comments on commit 2c7f2ab

Please sign in to comment.