Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(design-tokens): Changes to Design Tokens #9

Merged
merged 1 commit into from
Nov 27, 2024

Conversation

jasonsantos
Copy link
Member

Added tokens:

  • semantic.static.textColor.strong
  • semantic.static.textColor.default
  • semantic.static.borderColor.default
  • semantic.static.borderColor.strong
  • semantic.static.backgroundColor.default
  • semantic.static.backgroundColor.muted
  • brand.letterSpacing.tightest
  • brand.letterSpacing.tighter
  • brand.letterSpacing.tight
  • brand.letterSpacing.regular
  • brand.letterSpacing.wide
  • brand.letterSpacing.wider
  • brand.letterSpacing.widest
  • brand.borderRadius.lg
  • density.action.gap.xs
  • density.action.gap.sm
  • density.action.gap.md
  • density.action.gap.lg
  • density.action.gap.xl
  • density.icon.size.none
  • density.padding.xs
  • density.padding.sm
  • density.padding.md
  • density.padding.lg
  • density.padding.xl
  • density.icon.size.sm
  • density.icon.size.md
  • density.icon.size.lg
  • density.icon.size.xl
  • density.static.borderRadius.none
  • density.static.borderRadius.sm
  • density.static.borderRadius.md
  • density.static.borderRadius.lg
  • typography.label.fontSize.default
  • typography.label.fontWeight.default
  • typography.label.lineHeight.default
  • typography.label.paragraphSpacing.default
  • typography.label.letterSpacing.default
  • typography.info.fontSize.default
  • typography.info.fontWeight.default
  • typography.info.lineHeight.default
  • typography.info.paragraphSpacing.default
  • typography.info.letterSpacing.default
  • breakpoint.action.padding.none
  • breakpoint.action.padding.xxs
  • breakpoint.action.padding.xs
  • breakpoint.action.padding.sm
  • breakpoint.action.padding.default
  • breakpoint.static.padding.default
  • breakpoint.action.gap.none
  • breakpoint.action.gap.xxs
  • breakpoint.action.gap.xs
  • breakpoint.action.gap.sm
  • breakpoint.action.gap.default
  • breakpoint.action.borderRadius.sm
  • breakpoint.static.borderRadius.sm
  • breakpoint.static.borderRadius.md
  • typography.body.fontSize.1
  • typography.body.fontSize.2
  • typography.body.fontWeight.1
  • typography.body.fontWeight.2
  • typography.body.lineHeight.1
  • typography.body.lineHeight.2
  • typography.body.paragraphSpacing.default
  • typography.body.letterSpacing.default
  • typography.title.fontSize.lg
  • typography.title.fontSize.md
  • typography.title.fontWeight.default
  • typography.title.lineHeight.lg
  • typography.title.lineHeight.md
  • typography.title.paragraphSpacing.default
  • typography.title.letterSpacing.default
  • screen-min-width
  • screen-max-width

Deleted tokens:

  • semantic.static.color.foreground.default.strong
  • semantic.static.color.foreground.default.default
  • semantic.static.color.border.strong
  • semantic.static.color.border.default.strong
  • semantic.static.color.background.default.default
  • semantic.static.color.background.default.muted
  • brand.tracking.tightest
  • brand.tracking.tighter
  • brand.tracking.tight
  • brand.tracking.regular
  • brand.tracking.wide
  • brand.tracking.wider
  • brand.tracking.widest
  • density.action.spacing.padding.xs
  • density.action.spacing.padding.sm
  • density.action.spacing.padding.md
  • density.action.spacing.padding.lg
  • density.action.spacing.padding.xl
  • density.action.spacing.gap.xs
  • density.action.spacing.gap.sm
  • density.action.spacing.gap.md
  • density.action.spacing.gap.lg
  • density.action.spacing.gap.xl
  • density.action.spacing.icon.none
  • density.action.spacing.icon.sm
  • density.action.spacing.icon.md
  • density.action.spacing.icon.lg
  • density.action.spacing.icon.xl
  • button
  • card
  • action.fontSize.label
  • action.fontWeight.label
  • action.lineHeight.label
  • action.paragraphSpacing.label
  • action.tracking.label
  • static.fontSize.header
  • static.fontSize.text
  • static.fontWeight.header
  • static.fontWeight.text
  • static.lineHeight.header
  • static.lineHeight.text
  • static.paragraphSpacing.default
  • static.tracking.default
  • static.gap.xxs
  • static.gap.xs
  • static.gap.sm
  • static.gap.default
  • action.padding.none
  • action.padding.xxs
  • action.padding.xs
  • action.padding.sm
  • action.padding.default
  • action.gap.none
  • action.gap.xxs
  • action.gap.xs
  • action.gap.sm
  • action.gap.default
  • static.padding.xxs
  • static.padding.xs
  • static.padding.sm
  • static.padding.default

Modified tokens:
. semantic.action.textColor.secondary
. semantic.action.borderColor.error
. brand.color.neutral.white
. brand.interactive.neutral.white
. brand.interactive.neutral.100
. brand.interactive.neutral.300
. brand.interactive.neutral.700
. brand.interactive.neutral.800
. brand.interactive.neutral.black
. brand.interactive.primary.500
. brand.interactive.error.700
. brand.color.primary.500
. brand.color.neutral.100
. brand.color.neutral.300
. brand.color.neutral.700
. brand.color.neutral.800
. brand.color.neutral.900
. brand.color.neutral.black
. brand.spacing.none
. brand.spacing.20
. brand.size.20
. brand.size.40
. brand.size.60
. brand.size.80
. brand.size.160
. brand.size.200
. brand.size.240
. brand.size.360
. brand.spacing.40
. brand.spacing.60
. brand.spacing.80
. brand.spacing.160
. brand.spacing.200
. brand.spacing.240
. brand.spacing.360
. brand.fontFamily.sans
. brand.fontSize.xxs
. brand.fontSize.xs
. brand.fontSize.sm
. brand.fontSize.regular
. brand.fontSize.lg
. brand.fontSize.xl
. brand.fontSize.xxl
. brand.fontWeight.regular
. brand.fontWeight.bold
. brand.lineHeight.3
. brand.paragraphSpacing.3
. brand.paragraphSpacing.4
. brand.paragraphSpacing.5
. brand.paragraphSpacing.6
. brand.lineHeight.4
. brand.lineHeight.5
. brand.lineHeight.6
. brand.color.error.700
. brand.borderWidth.05
. brand.borderWidth.10
. brand.borderWidth.20
. brand.borderRadius.none
. brand.borderRadius.xs
. brand.borderRadius.sm
. brand.borderRadius.md
. brand.color.neutral.transparent

Figma User: Jason Santos

Added tokens:
+ semantic.static.textColor.strong
+ semantic.static.textColor.default
+ semantic.static.borderColor.default
+ semantic.static.borderColor.strong
+ semantic.static.backgroundColor.default
+ semantic.static.backgroundColor.muted
+ brand.letterSpacing.tightest
+ brand.letterSpacing.tighter
+ brand.letterSpacing.tight
+ brand.letterSpacing.regular
+ brand.letterSpacing.wide
+ brand.letterSpacing.wider
+ brand.letterSpacing.widest
+ brand.borderRadius.lg
+ density.action.gap.xs
+ density.action.gap.sm
+ density.action.gap.md
+ density.action.gap.lg
+ density.action.gap.xl
+ density.icon.size.none
+ density.padding.xs
+ density.padding.sm
+ density.padding.md
+ density.padding.lg
+ density.padding.xl
+ density.icon.size.sm
+ density.icon.size.md
+ density.icon.size.lg
+ density.icon.size.xl
+ density.static.borderRadius.none
+ density.static.borderRadius.sm
+ density.static.borderRadius.md
+ density.static.borderRadius.lg
+ typography.label.fontSize.default
+ typography.label.fontWeight.default
+ typography.label.lineHeight.default
+ typography.label.paragraphSpacing.default
+ typography.label.letterSpacing.default
+ typography.info.fontSize.default
+ typography.info.fontWeight.default
+ typography.info.lineHeight.default
+ typography.info.paragraphSpacing.default
+ typography.info.letterSpacing.default
+ breakpoint.action.padding.none
+ breakpoint.action.padding.xxs
+ breakpoint.action.padding.xs
+ breakpoint.action.padding.sm
+ breakpoint.action.padding.default
+ breakpoint.static.padding.default
+ breakpoint.action.gap.none
+ breakpoint.action.gap.xxs
+ breakpoint.action.gap.xs
+ breakpoint.action.gap.sm
+ breakpoint.action.gap.default
+ breakpoint.action.borderRadius.sm
+ breakpoint.static.borderRadius.sm
+ breakpoint.static.borderRadius.md
+ typography.body.fontSize.1
+ typography.body.fontSize.2
+ typography.body.fontWeight.1
+ typography.body.fontWeight.2
+ typography.body.lineHeight.1
+ typography.body.lineHeight.2
+ typography.body.paragraphSpacing.default
+ typography.body.letterSpacing.default
+ typography.title.fontSize.lg
+ typography.title.fontSize.md
+ typography.title.fontWeight.default
+ typography.title.lineHeight.lg
+ typography.title.lineHeight.md
+ typography.title.paragraphSpacing.default
+ typography.title.letterSpacing.default
+ screen-min-width
+ screen-max-width

Deleted tokens:
- semantic.static.color.foreground.default.strong
- semantic.static.color.foreground.default.default
- semantic.static.color.border.strong
- semantic.static.color.border.default.strong
- semantic.static.color.background.default.default
- semantic.static.color.background.default.muted
- brand.tracking.tightest
- brand.tracking.tighter
- brand.tracking.tight
- brand.tracking.regular
- brand.tracking.wide
- brand.tracking.wider
- brand.tracking.widest
- density.action.spacing.padding.xs
- density.action.spacing.padding.sm
- density.action.spacing.padding.md
- density.action.spacing.padding.lg
- density.action.spacing.padding.xl
- density.action.spacing.gap.xs
- density.action.spacing.gap.sm
- density.action.spacing.gap.md
- density.action.spacing.gap.lg
- density.action.spacing.gap.xl
- density.action.spacing.icon.none
- density.action.spacing.icon.sm
- density.action.spacing.icon.md
- density.action.spacing.icon.lg
- density.action.spacing.icon.xl
- button
- card
- action.fontSize.label
- action.fontWeight.label
- action.lineHeight.label
- action.paragraphSpacing.label
- action.tracking.label
- static.fontSize.header
- static.fontSize.text
- static.fontWeight.header
- static.fontWeight.text
- static.lineHeight.header
- static.lineHeight.text
- static.paragraphSpacing.default
- static.tracking.default
- static.gap.xxs
- static.gap.xs
- static.gap.sm
- static.gap.default
- action.padding.none
- action.padding.xxs
- action.padding.xs
- action.padding.sm
- action.padding.default
- action.gap.none
- action.gap.xxs
- action.gap.xs
- action.gap.sm
- action.gap.default
- static.padding.xxs
- static.padding.xs
- static.padding.sm
- static.padding.default

Modified tokens:
. semantic.action.textColor.secondary
. semantic.action.borderColor.error
. brand.color.neutral.white
. brand.interactive.neutral.white
. brand.interactive.neutral.100
. brand.interactive.neutral.300
. brand.interactive.neutral.700
. brand.interactive.neutral.800
. brand.interactive.neutral.black
. brand.interactive.primary.500
. brand.interactive.error.700
. brand.color.primary.500
. brand.color.neutral.100
. brand.color.neutral.300
. brand.color.neutral.700
. brand.color.neutral.800
. brand.color.neutral.900
. brand.color.neutral.black
. brand.spacing.none
. brand.spacing.20
. brand.size.20
. brand.size.40
. brand.size.60
. brand.size.80
. brand.size.160
. brand.size.200
. brand.size.240
. brand.size.360
. brand.spacing.40
. brand.spacing.60
. brand.spacing.80
. brand.spacing.160
. brand.spacing.200
. brand.spacing.240
. brand.spacing.360
. brand.fontFamily.sans
. brand.fontSize.xxs
. brand.fontSize.xs
. brand.fontSize.sm
. brand.fontSize.regular
. brand.fontSize.lg
. brand.fontSize.xl
. brand.fontSize.xxl
. brand.fontWeight.regular
. brand.fontWeight.bold
. brand.lineHeight.3
. brand.paragraphSpacing.3
. brand.paragraphSpacing.4
. brand.paragraphSpacing.5
. brand.paragraphSpacing.6
. brand.lineHeight.4
. brand.lineHeight.5
. brand.lineHeight.6
. brand.color.error.700
. brand.borderWidth.05
. brand.borderWidth.10
. brand.borderWidth.20
. brand.borderRadius.none
. brand.borderRadius.xs
. brand.borderRadius.sm
. brand.borderRadius.md
. brand.color.neutral.transparent

# Figma User: Jason Santos
@jasonsantos jasonsantos merged commit 1191bf4 into main Nov 27, 2024
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant