Skip to content

Commit

Permalink
Merge pull request #337 from department-of-veterans-affairs/feature/3…
Browse files Browse the repository at this point in the history
…31-jessica-tokens-snackbar-alert

[Feature] Add tokens for Snackbar and Alert components
  • Loading branch information
jessicawoodin authored May 30, 2024
2 parents 2739ce2 + 36bdb8f commit ece6755
Show file tree
Hide file tree
Showing 4 changed files with 165 additions and 0 deletions.
20 changes: 20 additions & 0 deletions packages/tokens/figma/dark.json
Original file line number Diff line number Diff line change
Expand Up @@ -527,6 +527,18 @@
"$value": "{uswds-system-color-red-warm-10}",
"$type": "color"
},
"vads-color-feedback-border-error-on-dark": {
"$value": "{vads-color-secondary}",
"$type": "color"
},
"vads-color-feedback-border-info-on-dark": {
"$value": "{vads-color-primary-alt-light}",
"$type": "color"
},
"vads-color-feedback-border-success-on-dark": {
"$value": "{vads-color-green-light}",
"$type": "color"
},
"vads-color-feedback-border-warning-on-dark": {
"$value": "{uswds-system-color-yellow-vivid-20}",
"$type": "color"
Expand All @@ -551,6 +563,10 @@
"$value": "{vads-color-base-lightest}",
"$type": "color"
},
"vads-color-foreground-inverse-on-dark": {
"$value": "{vads-color-base-darkest}",
"$type": "color"
},
"vads-color-gibill-accent": {
"$value": "{uswds-system-color-gold-vivid-5}",
"$type": "color"
Expand Down Expand Up @@ -755,6 +771,10 @@
"$value": "{uswds-system-color-green-cool-5}",
"$type": "color"
},
"vads-color-surface-inverse-on-dark": {
"$value": "{vads-color-base-lightest}",
"$type": "color"
},
"vads-color-surface-secondary-on-dark": {
"$value": "{vads-color-base-darker}",
"$type": "color"
Expand Down
40 changes: 40 additions & 0 deletions packages/tokens/figma/light.json
Original file line number Diff line number Diff line change
Expand Up @@ -535,10 +535,46 @@
"$value": "{uswds-system-color-red-warm-10}",
"$type": "color"
},
"vads-color-feedback-border-error-on-light": {
"$value": "{vads-color-error}",
"$type": "color"
},
"vads-color-feedback-border-info-on-light": {
"$value": "{vads-color-info}",
"$type": "color"
},
"vads-color-feedback-border-success-on-light": {
"$value": "{vads-color-success}",
"$type": "color"
},
"vads-color-feedback-border-warning-on-light": {
"$value": "{vads-color-warning}",
"$type": "color"
},
"vads-color-feedback-surface-error-on-light": {
"$value": "{vads-color-error-lighter}",
"$type": "color"
},
"vads-color-feedback-surface-info-on-light": {
"$value": "{vads-color-info-lighter}",
"$type": "color"
},
"vads-color-feedback-surface-success-on-light": {
"$value": "{vads-color-success-lighter}",
"$type": "color"
},
"vads-color-feedback-surface-warning-on-light": {
"$value": "{vads-color-warning-lighter}",
"$type": "color"
},
"vads-color-foreground-default-on-light": {
"$value": "{vads-color-base}",
"$type": "color"
},
"vads-color-foreground-inverse-on-light": {
"$value": "{vads-color-base-lightest}",
"$type": "color"
},
"vads-color-gibill-accent": {
"$value": "{uswds-system-color-gold-vivid-5}",
"$type": "color"
Expand Down Expand Up @@ -743,6 +779,10 @@
"$value": "{uswds-system-color-green-cool-5}",
"$type": "color"
},
"vads-color-surface-inverse-on-light": {
"$value": "{vads-color-base-darkest}",
"$type": "color"
},
"vads-color-surface-secondary-on-light": {
"$value": "{vads-color-base-lighter}",
"$type": "color"
Expand Down
35 changes: 35 additions & 0 deletions packages/tokens/src/tokens/color/semantic-dark.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,18 +6,53 @@
"category": "color"
}
},
"vads-color-foreground-inverse-on-dark": {
"name": "vads-color-foreground-inverse-on-dark",
"value": "{vads-color-base-darkest.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-surface-secondary-on-dark": {
"name": "vads-color-surface-secondary-on-dark",
"value": "{vads-color-base-darker.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-surface-inverse-on-dark": {
"name": "vads-color-surface-inverse-on-dark",
"value": "{vads-color-base-lightest.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-action-foreground-default-on-dark": {
"name": "vads-color-action-foreground-default-on-dark",
"value": "{uswds-system-color-blue-vivid-30}",
"attributes": {
"category": "color"
}
},
"vads-color-feedback-border-info-on-dark": {
"name": "vads-color-feedback-border-info-on-dark",
"value": "{vads-color-primary-alt-light.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-feedback-border-success-on-dark": {
"name": "vads-color-feedback-border-success-on-dark",
"value": "{vads-color-green-light.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-feedback-border-error-on-dark": {
"name": "vads-color-feedback-border-error-on-dark",
"value": "{vads-color-secondary.*.value}",
"attributes": {
"category": "color"
}
}
}
70 changes: 70 additions & 0 deletions packages/tokens/src/tokens/color/semantic-light.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,18 +6,88 @@
"category": "color"
}
},
"vads-color-foreground-inverse-on-light": {
"name": "vads-color-foreground-inverse-on-light",
"value": "{vads-color-base-lightest.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-surface-secondary-on-light": {
"name": "vads-color-surface-secondary-on-light",
"value": "{vads-color-base-lighter.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-surface-inverse-on-light": {
"name": "vads-color-surface-inverse-on-light",
"value": "{vads-color-base-darkest.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-action-foreground-default-on-light": {
"name": "vads-color-action-foreground-default-on-light",
"value": "{vads-color-primary.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-feedback-border-info-on-light": {
"name": "vads-color-feedback-border-info-on-light",
"value": "{vads-color-info.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-feedback-border-success-on-light": {
"name": "vads-color-feedback-border-success-on-light",
"value": "{vads-color-success.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-feedback-border-warning-on-light": {
"name": "vads-color-feedback-border-warning-on-light",
"value": "{vads-color-warning.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-feedback-border-error-on-light": {
"name": "vads-color-feedback-border-error-on-light",
"value": "{vads-color-error.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-feedback-surface-info-on-light": {
"name": "vads-color-feedback-surface-info-on-light",
"value": "{vads-color-info-lighter.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-feedback-surface-success-on-light": {
"name": "vads-color-feedback-surface-success-on-light",
"value": "{vads-color-success-lighter.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-feedback-surface-warning-on-light": {
"name": "vads-color-feedback-warning-success-on-light",
"value": "{vads-color-warning-lighter.*.value}",
"attributes": {
"category": "color"
}
},
"vads-color-feedback-surface-error-on-light": {
"name": "vads-color-feedback-surface-error-on-light",
"value": "{vads-color-error-lighter.*.value}",
"attributes": {
"category": "color"
}
}
}

0 comments on commit ece6755

Please sign in to comment.