Skip to content

Commit

Permalink
Merge pull request #405 from omnifed/chore/update-tokens-1724790527
Browse files Browse the repository at this point in the history 
[chore]: update tokens from Figma
  • Loading branch information
@caseybaggz
caseybaggz committed Aug 27, 2024
2 parents f357b4f + 3b74b06 commit a99660f
Show file tree
Hide file tree
Showing 6 changed files with 396 additions and 2 deletions.
71 changes: 71 additions & 0 deletions packages/panda-preset/src/theme/semantic-tokens/info.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,11 @@ export interface InfoTokens {
readonly hover: SemanticToken
readonly active: SemanticToken
}
readonly ghost: {
readonly initial: SemanticToken
readonly hover: SemanticToken
readonly active: SemanticToken
}
readonly surface: {
readonly initial: SemanticToken
readonly 100: SemanticToken
Expand Down Expand Up @@ -122,6 +127,72 @@ export const infoTokens: InfoTokens = {
},
},

ghost: {
initial: {
description:
semanticColors.ghost[INFO].initial.$description ||
'The default ghost color of informational elements.',
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.info.initial.$value,
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.ghost.info.initial.$value,
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.info.initial.$value,
).$value,
},
},
},
hover: {
description:
semanticColors.ghost[INFO].hover.$description ||
'The hover ghost color of informational elements.',
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.info.hover.$value,
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.ghost.info.hover.$value,
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.info.hover.$value,
).$value,
},
},
},
active: {
description:
semanticColors.ghost[INFO].active.$description ||
'The active ghost color of informational elements.',
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.info.active.$value,
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.ghost.info.active.$value,
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.info.active.$value,
).$value,
},
},
},
},

surface: {
initial: {
description:
Expand Down
71 changes: 71 additions & 0 deletions packages/panda-preset/src/theme/semantic-tokens/warning.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,11 @@ export interface WarningTokens {
readonly hover: SemanticToken
readonly active: SemanticToken
}
readonly ghost: {
readonly initial: SemanticToken
readonly hover: SemanticToken
readonly active: SemanticToken
}
readonly surface: {
readonly initial: SemanticToken
readonly 100: SemanticToken
Expand Down Expand Up @@ -122,6 +127,72 @@ export const warningTokens: WarningTokens = {
},
},

ghost: {
initial: {
description:
semanticColors.ghost[WARNING].initial.$description ||
'The default ghost color of warning elements.',
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.warning.initial.$value,
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.ghost.warning.initial.$value,
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.warning.initial.$value,
).$value,
},
},
},
hover: {
description:
semanticColors.ghost[WARNING].hover.$description ||
'The hover ghost color of warning elements.',
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.warning.hover.$value,
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.ghost.warning.hover.$value,
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.warning.hover.$value,
).$value,
},
},
},
active: {
description:
semanticColors.ghost[WARNING].active.$description ||
'The active ghost color of warning elements.',
value: {
_cerberusTheme: {
base: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.warning.active.$value,
).$value,
_lightMode: deepGetByPaths(
colors,
rawTokens.semanticColors.light.ghost.warning.active.$value,
).$value,
_darkMode: deepGetByPaths(
colors,
rawTokens.semanticColors.dark.ghost.warning.active.$value,
).$value,
},
},
},
},

surface: {
initial: {
description:
Expand Down
76 changes: 76 additions & 0 deletions packages/panda-preset/src/tokens/semantic-colors.dark-mode.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1220,6 +1220,44 @@
}
}
},
"info": {
"initial": {
"$type": "color",
"$value": "colors.brand.100",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.info.90",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.info.80",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"success": {
"initial": {
"$type": "color",
Expand Down Expand Up @@ -1295,6 +1333,44 @@
}
}
}
},
"warning": {
"initial": {
"$type": "color",
"$value": "colors.brand.100",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.warning.90",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.warning.80",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
}
},
"backdrop": {
Expand Down
78 changes: 77 additions & 1 deletion packages/panda-preset/src/tokens/semantic-colors.light-mode.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -215,7 +215,7 @@
},
"200": {
"$type": "color",
"$value": "colors.warning.70",
"$value": "colors.warning.80",
"$description": "",
"$extensions": {
"com.figma": {
Expand Down Expand Up @@ -1220,6 +1220,44 @@
}
}
},
"info": {
"initial": {
"$type": "color",
"$value": "colors.neutral.white",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.info.20",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.info.30",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"success": {
"initial": {
"$type": "color",
Expand Down Expand Up @@ -1295,6 +1333,44 @@
}
}
}
},
"warning": {
"initial": {
"$type": "color",
"$value": "colors.neutral.white",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.warning.20",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.warning.30",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
}
},
"backdrop": {
Expand Down
Loading

0 comments on commit a99660f

Please sign in to comment.