Skip to content

Commit

Permalink
Merge pull request #4365 from grommet/update-tokens
Browse files Browse the repository at this point in the history 
Update tokens from Figma
  • Loading branch information
@taysea
taysea authored Nov 8, 2024
2 parents a346eaa + 85d8034 commit fadd8ad
Show file tree
Hide file tree
Showing 3 changed files with 142 additions and 119 deletions.
126 changes: 70 additions & 56 deletions design-tokens/tokens/semantic/color.dark.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -145,56 +145,6 @@
}
}
},
"ok": {
"$type": "color",
"$value": "{base.color.green.500-Opacity30}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"primary": {
"default": {
"$type": "color",
"$value": "{base.color.green.600}",
"$description": "The default primary color of components at a rest/ enabled state. The term ‘primary’ denoting hierarchy - the most important thing. Use to style components prominently and give greater visual hierarchy.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "{TBD}",
"$description": "Hover color variant of the primary color.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"info": {
"$type": "color",
"$value": "{base.color.blue.400-Opacity12}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"selected": {
"strong": {
"enabled": {
Expand Down Expand Up @@ -248,6 +198,70 @@
}
}
}
},
"primary": {
"default": {
"$type": "color",
"$value": "{base.color.green.600}",
"$description": "The default primary color of components at a rest/ enabled state. The term ‘primary’ denoting hierarchy - the most important thing. Use to style components prominently and give greater visual hierarchy.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "{TBD}",
"$description": "Hover color variant of the primary color.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"ok": {
"$type": "color",
"$value": "{base.color.green.500-Opacity30}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"info": {
"$type": "color",
"$value": "{base.color.blue.400-Opacity12}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"neutral": {
"xstrong": {
"$type": "color",
"$value": "{base.color.grey.50}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
}
}
},
"border": {
Expand Down Expand Up @@ -469,29 +483,29 @@
}
}
},
"heading": {
"onStrong": {
"default": {
"$type": "color",
"$value": "{color.text.strong}",
"$value": "{base.color.grey.1200}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
"inverse": {
"heading": {
"default": {
"$type": "color",
"$value": "{base.color.grey.1200}",
"$value": "{color.text.strong}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["TEXT_FILL"],
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
Expand Down
126 changes: 70 additions & 56 deletions design-tokens/tokens/semantic/color.light.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -145,56 +145,6 @@
}
}
},
"ok": {
"$type": "color",
"$value": "{base.color.green.400-Opacity24}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"primary": {
"default": {
"$type": "color",
"$value": "{base.color.green.600}",
"$description": "The default primary color of components at a rest/ enabled state. The term ‘primary’ denoting hierarchy - the most important thing. Use to style components prominently and give greater visual hierarchy.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "{TBD}",
"$description": "Hover color variant of the primary color.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"info": {
"$type": "color",
"$value": "{base.color.blue.400-Opacity24}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"selected": {
"strong": {
"enabled": {
Expand Down Expand Up @@ -248,6 +198,70 @@
}
}
}
},
"primary": {
"default": {
"$type": "color",
"$value": "{base.color.green.600}",
"$description": "The default primary color of components at a rest/ enabled state. The term ‘primary’ denoting hierarchy - the most important thing. Use to style components prominently and give greater visual hierarchy.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "{TBD}",
"$description": "Hover color variant of the primary color.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"ok": {
"$type": "color",
"$value": "{base.color.green.400-Opacity24}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"info": {
"$type": "color",
"$value": "{base.color.blue.400-Opacity24}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"neutral": {
"xstrong": {
"$type": "color",
"$value": "{base.color.grey.1000}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
}
}
},
"border": {
Expand Down Expand Up @@ -469,29 +483,29 @@
}
}
},
"heading": {
"onStrong": {
"default": {
"$type": "color",
"$value": "{color.text.strong}",
"$value": "{base.color.white.100}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
"inverse": {
"heading": {
"default": {
"$type": "color",
"$value": "{base.color.white.100}",
"$value": "{color.text.strong}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["TEXT_FILL"],
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
Expand Down
9 changes: 2 additions & 7 deletions yarn.lock
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7430,12 +7430,7 @@ graphlib@^2.1.5:
dependencies:
lodash "^4.17.15"

grommet-icons@^4.12.1:
version "4.12.1"
resolved "https://registry.yarnpkg.com/grommet-icons/-/grommet-icons-4.12.1.tgz#780aa7cd59c5586f642f221bdb5c6becd04ad000"
integrity sha512-LhOP6BkDAGiSNcUOfsGGRo+AKD6zWOXeNeusY1WYvKplAR6mKCAQfH7Nig2Buc/v5zadKSko2NDtCQqwJaME0Q==

"grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable":
grommet-icons@^4.12.1, "grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable":
version "4.12.1"
resolved "https://github.com/grommet/grommet-icons/tarball/stable#92f4e88ab19fa618a4952ac74802f606bf44c207"

Expand All @@ -7446,7 +7441,7 @@ [email protected]:

"grommet@https://github.com/grommet/grommet/tarball/stable":
version "2.41.0"
resolved "https://github.com/grommet/grommet/tarball/stable#58095fa01c6a61d5a4c739ee475507239c577f0f"
resolved "https://github.com/grommet/grommet/tarball/stable#9e980854e5312dfe67ffb285b40fc4bfc784f309"
dependencies:
"@emotion/is-prop-valid" "^1.3.1"
grommet-icons "^4.12.1"
Expand Down

0 comments on commit fadd8ad

Please sign in to comment.