Skip to content

Commit

Permalink
chore(tokens): 🎨 update tokens (#4133)
Browse files Browse the repository at this point in the history 
Merge this PR to update the tokens in the main branch.

---------

Co-authored-by: Travaglini Alessio <[email protected]>
Co-authored-by: Oliver Schürch <[email protected]>
  • Loading branch information
@swisspost-bot @Vandapanda @oliverschuerch
3 people authored Dec 3, 2024
1 parent 4233420 commit 4e7bf69
Show file tree
Hide file tree
Showing 2 changed files with 36 additions and 169 deletions.
2 changes: 1 addition & 1 deletion packages/styles/src/variables/components/_notification.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ $notification-elevation-map: map.merge(
$notification-elevation-map,
(
'banner': tokens.get('banner-elevation'),
'toast': tokens.get('notification-toast-elevation', components.$post-notifications),
'toast': tokens.get('toast-elevation', components.$post-toast),
)
);

Expand Down
203 changes: 35 additions & 168 deletions packages/tokens/tokensstudio-generated/tokens.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5919,6 +5919,10 @@
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.error.icon}"
}
},
"elevation": {
"$type": "boxShadow",
"$value": "{post.device.elevation.300}"
}
}
}
Expand All @@ -5929,11 +5933,11 @@
"font-size": {
"$type": "fontSizes",
"$value": "{post.device.font-size.5}"
},
"font-weight": {
"$type": "fontWeights",
"$value": "{post.device.font-weight.bold}"
}
},
"lead-font-weight": {
"$type": "fontWeights",
"$value": "{post.device.font-weight.bold}"
}
}
},
Expand Down Expand Up @@ -6107,149 +6111,6 @@
}
}
},
"Components/Notifications": {
"post": {
"infobox": {
"sizing": {
"icon": {
"$type": "sizing",
"$value": "{post.device.sizing.notification.icon.4}"
}
},
"spacing": {
"gap": {
"inline": {
"$type": "spacing",
"$value": "{post.device.spacing.gap.4}"
}
}
}
},
"clickable": {
"spacing": {
"padding": {
"icon": {
"$type": "spacing",
"$value": "{post.device.spacing.padding.2}"
}
}
}
},
"interactive": {
"spacing": {
"gap": {
"inline": {
"icon-end": {
"$type": "spacing",
"$value": "{post.device.spacing.gap.inline.4}"
},
"error": {
"$type": "spacing",
"$value": "{post.device.spacing.gap.inline.10}"
}
}
}
}
},
"notification": {
"banner": {
"elevation": {
"$type": "boxShadow",
"$value": "{post.device.elevation.500}"
}
},
"toast": {
"elevation": {
"$type": "boxShadow",
"$value": "{post.device.elevation.300}"
}
},
"snackbar": {
"elevation": {
"$type": "boxShadow",
"$value": "{post.device.elevation.300}"
}
},
"color": {
"info-bg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.info.bg}"
},
"info-fg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.info.fg}"
},
"info-stroke": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.info.stroke}"
},
"info-icon": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.info.icon}"
},
"success-bg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.success.bg}"
},
"success-fg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.success.fg}"
},
"success-stroke": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.success.stroke}"
},
"success-icon": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.success.icon}"
},
"warning-bg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.warning.bg}"
},
"warning-fg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.warning.fg}"
},
"warning-stroke": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.warning.stroke}"
},
"warning-icon": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.warning.icon}"
},
"error-bg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.error.bg}"
},
"error-fg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.error.fg}"
},
"error-stroke": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.error.stroke}"
},
"error-icon": {
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.error.icon}"
}
},
"popup": {
"elevation": {
"$type": "boxShadow",
"$value": "{post.device.elevation.300}"
}
}
},
"test": {
"$type": "other",
"$value": "{post.core.color.notification.green}",
"$description": "'[{post.core.color.notification.green}, {post.core.color.notification.blue}, {post.core.color.notification.orange}, {post.core.color.notification.red}]'"
}
}
},
"Components/Popover": {
"post": {
"popover": {
Expand Down Expand Up @@ -6996,6 +6857,10 @@
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.error.icon}"
}
},
"elevation": {
"$type": "boxShadow",
"$value": "{post.device.elevation.300}"
}
}
}
Expand Down Expand Up @@ -7852,6 +7717,10 @@
"$type": "color",
"$value": "{post.scheme.color.interactive.notification.error.icon}"
}
},
"elevation": {
"$type": "boxShadow",
"$value": "{post.device.elevation.300}"
}
}
}
Expand Down Expand Up @@ -7982,7 +7851,7 @@
"$type": "typography",
"$value": {
"fontFamily": "{post.body.font-family}",
"fontWeight": "{post.lead-font-weight}",
"fontWeight": "{post.lead.font-weight}",
"fontSize": "{post.lead.font-size}",
"letterSpacing": "{post.body.letter-spacing}",
"lineHeight": "{post.body.line-height}"
Expand Down Expand Up @@ -9517,7 +9386,7 @@
"post.device.sizing.interactive.button.height.4": "ebb3a560dc61a2887f7a174bed5dca950077cdf8",
"post.device.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c",
"post.device.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8",
"post.device.sizing.interactive.button.icon.2": "d7f868a5f4a2c90d330d4d4190e099c405ea78e8",
"post.device.sizing.interactive.button.icon.2": "020306b9df898e80b1ad2fce35370f84d74a35ab",
"post.device.sizing.interactive.button.icon.3": "d21605dd30448c6478673e12f93eed8b5d062109",
"post.device.sizing.interactive.button.icon.4": "b8a4bf8909540367fcf86b497a5733a2e6fb5649",
"post.device.sizing.interactive.button.icon.5": "ae12b05c26a703db780c6ddbd006a08c9aae5f19",
Expand Down Expand Up @@ -9736,7 +9605,7 @@
"post.device.position.1": "39f7571c71eb116a2c8eb1184ed6c76f98b2a288",
"post.device.position.2": "ba05cc16eebec31bed449523188a621463b014cc",
"post.device.position.3": "f3f49902f5430842db0237f43ae50d2be3d5297f",
"post.device.sizing.interactive.button.icon.2": "d7f868a5f4a2c90d330d4d4190e099c405ea78e8",
"post.device.sizing.interactive.button.icon.2": "020306b9df898e80b1ad2fce35370f84d74a35ab",
"post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b"
}
},
Expand Down Expand Up @@ -10030,7 +9899,6 @@
"Components/Button": "enabled",
"Components/Checkbox": "enabled",
"Components/Dropdown": "enabled",
"Components/Notifications": "enabled",
"Components/Popover": "enabled",
"Components/Radio button": "enabled",
"Components/Select": "enabled",
Expand Down Expand Up @@ -10402,7 +10270,7 @@
"post.inline.color.error-stroke": "de75d6eb0a859440c39a5ac1fd26099b5f6ef793",
"post.inline.color.error-icon": "71b842f358cc234da3c1fffd7919d7ae06c34790",
"post.lead.font-size": "faf5dba2f96d4f89a72ee8e380d9c5dabd286beb",
"post.lead-font-weight": "5f2c7a3dd41d479f8b11e5b1dbfe462152e54aa0",
"post.lead.font-weight": "5f2c7a3dd41d479f8b11e5b1dbfe462152e54aa0",
"post.list.item.padding.inline.start": "f7f1ba4ae736cfe139c14f5d2da5834c6555c8c0",
"post.list.item.padding.inline.end": "f89ce359dcd178ea9994cf93e962e4c8ac437b7e",
"post.list.item.padding.block.start": "11f6bc404467908a5a162c5d014ba825e488fe4a",
Expand All @@ -10419,9 +10287,20 @@
"post.list.switch.padding.block": "f4d818760b6afc45e334e50776ad152fb18d54d9",
"post.list.margin.block": "d53e96d1e948088deafee9bd8fb5a84edacb868e",
"post.list.bg": "3ae4e2a10ad075b1d4d5f45253a54cd648336989",
"post.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d",
"post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585",
"post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe",
"post.list.check.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72",
"post.list.check.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012",
"post.list.check.text.padding": "a8a03d1e0221fd52a61abb27246f0ee435aea686",
"post.list.check.icon.gap.inline": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7",
"post.list.check.icon.container.inline": "7b56b23c45c26a3d4bd0dd76f84e74cede898c57",
"post.list.check.icon.container.block": "670186a5b10d70027009f3e318cc99fc0a2c822f",
"post.list.check.item.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca",
"post.list.check.margin.block": "d299b40b073470d2b17eab110d34bdd43233bd69",
"post.list.check.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86",
"post.list.check.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1",
"post.list.check.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d",
"post.infobox.sizing.icon": "2388fc56fa9568791f8a0ff76c2ab0344c203398",
"post.infobox.spacing.gap.inline": "d9d9f5b08ea1306b681dd4fb624198085f078dbe",
"post.clickable.spacing.padding.icon": "70eea4229b2acd600ce285838e1b61659e92dd2c",
"post.interactive.spacing.gap.inline.icon-end": "df18c61c993b46d73776736868aac7128afad646",
"post.interactive.spacing.gap.inline.error": "5e18cb4d2d2fe1211b71bbd50dbb67d59de6f675",
"post.notification.color.info-bg": "dd58fcaffc293f7c3476f7c9ff3587e03d1f2c08",
Expand Down Expand Up @@ -10732,18 +10611,7 @@
"post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371",
"post.validation.input.padding.block": "4006573d3a03f1b053a844aaf89e14742a3d3646",
"post.validation.input.padding.inline": "8df0e5f5587acbb1f7acb67a97e200e2175d6469",
"post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f",
"post.list.check.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72",
"post.list.check.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012",
"post.list.check.icon.container.inline": "7b56b23c45c26a3d4bd0dd76f84e74cede898c57",
"post.list.check.icon.container.block": "670186a5b10d70027009f3e318cc99fc0a2c822f",
"post.list.check.margin.block": "d299b40b073470d2b17eab110d34bdd43233bd69",
"post.list.check.text.padding": "a8a03d1e0221fd52a61abb27246f0ee435aea686",
"post.list.check.item.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca",
"post.list.check.icon.gap.inline": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7",
"post.list.check.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86",
"post.list.check.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1",
"post.list.check.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d"
"post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f"
}
},
{
Expand Down Expand Up @@ -10964,7 +10832,6 @@
"Components/Lead",
"Components/List",
"Components/ListCheck",
"Components/Notifications",
"Components/Popover",
"Components/Radio button",
"Components/Search input",
Expand Down

0 comments on commit 4e7bf69

Please sign in to comment.