Skip to content

Commit

Permalink
move some component tokens to individual files (#1164)
Browse files Browse the repository at this point in the history
  • Loading branch information
lukasoppermann authored Jan 24, 2025
1 parent 8279cb3 commit faf8eac
Show file tree
Hide file tree
Showing 8 changed files with 108 additions and 226 deletions.
18 changes: 18 additions & 0 deletions src/tokens/component/card.json5
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
{
card: {
bgColor: {
$value: '{bgColor.default}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
'org.primer.overrides': {
dark: '{bgColor.muted}',
},
},
},
},
}
43 changes: 43 additions & 0 deletions src/tokens/component/counter.json5
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
{
counter: {
borderColor: {
$value: '{base.color.transparent}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component (internal)',
scopes: ['borderColor'],
},
'org.primer.overrides': {
'dark-high-contrast': '{borderColor.default}',
'light-high-contrast': '{borderColor.default}',
},
},
},
bgColor: {
muted: {
$value: '{bgColor.neutral.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
emphasis: {
$value: '{bgColor.neutral.emphasis}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
},
}
32 changes: 32 additions & 0 deletions src/tokens/component/tooltip.json5
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
{
tooltip: {
bgColor: {
$value: '{bgColor.emphasis}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
'org.primer.overrides': {
"dark-high-contrast": '{bgColor.inverse}',
},
},
},
fgColor: {
$value: '{fgColor.onEmphasis}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
'org.primer.overrides': {
"dark-high-contrast": '{fgColor.onInverse}',
},
},
},
},
}
Original file line number Diff line number Diff line change
Expand Up @@ -4,27 +4,6 @@
* @description All overwrites for functional color tokens for dark high contrast color mode are in this file
*/
{
counter: {
borderColor: {
$value: '{borderColor.default}',
$type: 'color',
},
bgColor: {
muted: {
$value: '{bgColor.neutral.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',

group: 'component',
scopes: ['bgColor'],
},
},
alpha: 1,
},
},
},
control: {
fgColor: {
placeholder: {
Expand Down Expand Up @@ -636,14 +615,4 @@
},
},
},
tooltip: {
bgColor: {
$value: '{bgColor.inverse}',
$type: 'color',
},
fgColor: {
$value: '{fgColor.onInverse}',
$type: 'color',
},
},
}
87 changes: 0 additions & 87 deletions src/tokens/functional/color/dark/patterns-dark.json5
Original file line number Diff line number Diff line change
Expand Up @@ -619,43 +619,6 @@
},
},
},
counter: {
borderColor: {
$value: '{base.color.transparent}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component (internal)',
scopes: ['borderColor'],
},
},
},
bgColor: {
muted: {
$value: '{bgColor.neutral.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
emphasis: {
$value: '{bgColor.neutral.emphasis}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
},
button: {
default: {
fgColor: {
Expand Down Expand Up @@ -1583,19 +1546,6 @@
},
},
},
focus: {
outlineColor: {
$value: '{borderColor.accent.emphasis}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component (internal)',
scopes: ['borderColor'],
},
},
},
},
menu: {
bgColor: {
active: {
Expand Down Expand Up @@ -1722,19 +1672,6 @@
alpha: 0.7,
},
},
card: {
bgColor: {
$value: '{bgColor.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
label: {
green: {
bgColor: {
Expand Down Expand Up @@ -2649,28 +2586,4 @@
},
},
},
tooltip: {
bgColor: {
$value: '{bgColor.emphasis}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
fgColor: {
$value: '{fgColor.onEmphasis}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
},
},
},
}
15 changes: 15 additions & 0 deletions src/tokens/functional/color/focus.json5
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
focus: {
outlineColor: {
$value: '{borderColor.accent.emphasis}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component (internal)',
scopes: ['borderColor', 'effectColor'],
},
},
},
},
}
Original file line number Diff line number Diff line change
Expand Up @@ -4,26 +4,6 @@
* @description All overwrites for functional color tokens for light high contrast color mode are in this file
*/
{
counter: {
borderColor: {
$value: '{borderColor.default}',
$type: 'color',
},
bgColor: {
muted: {
$value: '{bgColor.neutral.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
alpha: 1,
},
},
},
control: {
fgColor: {
placeholder: {
Expand Down
Loading

0 comments on commit faf8eac

Please sign in to comment.