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.

Sign up for GitHub

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

Jump to bottom

chore(tokens): 🎨 update tokens #3973

Closed
wants to merge 28 commits into from
Closed

chore(tokens): 🎨 update tokens #3973

Changes from all commits
Commits
Show all changes
28 commits
Select commit Hold shift + click to select a range
07faa09
feat(tokens):added a separate color for validations that also works i…
Vandapanda Nov 5, 2024
7e36585
refactor(tokens):renamed Helper/Palette zu just Palette and changed S…
Vandapanda Nov 5, 2024
7ad80b7
refactor(tokens):changed margin auto without ""
Vandapanda Nov 6, 2024
3ba10e7
Merge remote-tracking branch 'origin/main' into tokens/v2-2024-11
swisspost-bot Nov 6, 2024
2501631
feat(tokens):added tokens for the validation component
Vandapanda Nov 6, 2024
6bdb2dc
feat(tokens:) added the container component
Vandapanda Nov 7, 2024
aadc6a2
feat(tokens):added a floating button
Vandapanda Nov 7, 2024
16b803a
Merge remote-tracking branch 'origin/main' into tokens/v2-2024-11
swisspost-bot Nov 7, 2024
93b8ccb
refactor(tokens):fixed bg-scheme as it didn't work propperly based on…
Vandapanda Nov 8, 2024
dfa86e0
Merge remote-tracking branch 'origin/main' into tokens/v2-2024-11
swisspost-bot Nov 8, 2024
26671a3
refactor(tokens):changed the component quote to blockquote
Vandapanda Nov 8, 2024
4132452
Merge remote-tracking branch 'origin/main' into tokens/v2-2024-11
swisspost-bot Nov 8, 2024
6370ff5
refactor(tokens): shortened spacing variables for input
Vandapanda Nov 11, 2024
39ea2af
Merge remote-tracking branch 'origin/main' into tokens/v2-2024-11
swisspost-bot Nov 11, 2024
375be30
feat(tokens):added missing colors for palette
Vandapanda Nov 11, 2024
f6511d5
Merge remote-tracking branch 'origin/main' into tokens/v2-2024-11
swisspost-bot Nov 11, 2024
591791b
feat(tokens):Added tokens for Input
Vandapanda Nov 11, 2024
7e4c678
Merge remote-tracking branch 'origin/main' into tokens/v2-2024-11
swisspost-bot Nov 11, 2024
369601d
refactor(tokens): changed a wrongly wired border
Vandapanda Nov 11, 2024
0bc15dc
feat/refactor(tokens):changed tokens for palette sthat it does not us…
Vandapanda Nov 11, 2024
f117ca4
Merge remote-tracking branch 'origin/main' into tokens/v2-2024-11
swisspost-bot Nov 11, 2024
0c34fe4
feat(tokens):added tokens for the input component
Vandapanda Nov 11, 2024
61919cd
Merge remote-tracking branch 'origin/main' into tokens/v2-2024-11
swisspost-bot Nov 11, 2024
83bcb1d
refactor(token):rewrote some of the input components to resemble othe…
Vandapanda Nov 11, 2024
9259915
feat(token):added tokens for select and search
Vandapanda Nov 12, 2024
5e8fc5b
Merge remote-tracking branch 'origin/main' into tokens/v2-2024-11
swisspost-bot Nov 12, 2024
7d40861
refactor(token):changed select token to fit the design
Vandapanda Nov 12, 2024
d6a32e7
Merge remote-tracking branch 'origin/main' into tokens/v2-2024-11
swisspost-bot Nov 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
221 changes: 181 additions & 40 deletions packages/tokens/tokensstudio-generated/tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -331,6 +331,10 @@
"$type": "dimension",
"$value": "40"
},
"46": {
"$type": "dimension",
"$value": "46px"
},
"48": {
"$type": "dimension",
"$value": "48"
Expand Down Expand Up @@ -3049,6 +3053,10 @@
"2": {
"$type": "dimension",
"$value": "{post.core.dimension.14}"
},
"3": {
"$type": "dimension",
"$value": "{post.core.dimension.46}"
}
}
}
Expand Down Expand Up @@ -7191,7 +7199,7 @@
},
"gap": {
"inline": {
"1": {
"icon": {
"$type": "spacing",
"$value": "{post.device.spacing.gap.1}"
},
Expand Down Expand Up @@ -7319,6 +7327,122 @@
}
}
},
"padding": {
"block": {
"assist": {
"$type": "spacing",
"$value": "{post.device.spacing.padding.block.5}"
}
},
"inline": {
"start": {
"$type": "spacing",
"$value": "{post.device.spacing.padding.inline.1}"
},
"end": {
"$type": "spacing",
"$value": "{post.core.dimension.48}"
},
"assist": {
"$type": "spacing",
"$value": "{post.device.spacing.padding.2}"
}
}
},
"sizing": {
"icon": {
"$type": "sizing",
"$value": "{post.device.sizing.notification.1}"
},
"height": {
"$type": "sizing",
"$value": "{post.device.sizing.interactive.button.height.6}"
}
},
"border-radius": {
"$type": "borderRadius",
"$value": "{post.device.border-radius.1}"
},
"border-width": {
"$type": "borderWidth",
"$value": "{post.device.border-width.default}"
},
"border-style": {
"default": {
"$type": "other",
"$value": "{post.core.border-style.solid}"
},
"disabled": {
"$type": "other",
"$value": "{post.core.border-style.dash}"
}
},
"empty": {
"padding": {
"block": {
"$type": "spacing",
"$value": "{post.device.spacing.padding.block.1}"
}
}
},
"label": {
"empty": {
"padding": {
"block": {
"start": {
"$type": "spacing",
"$value": "{post.device.spacing.padding.block.28}"
}
},
"inline": {
"start": {
"$type": "spacing",
"$value": "{post.device.spacing.padding.5}"
},
"end": {
"$type": "spacing",
"$value": "{post.core.dimension.50}"
}
}
}
},
"validated": {
"padding": {
"inline": {
"end": {
"$type": "spacing",
"$value": "{post.core.dimension.82}"
}
}
}
},
"filled": {
"padding": {
"block": {
"start": {
"$type": "spacing",
"$value": "{post.device.spacing.padding.block.30}"
}
}
},
"font-size": {
"$type": "fontSizes",
"$value": "{post.device.font-size.10}"
}
}
},
"validation": {
"icon": {
"position": {
"inline": {
"end": {
"$type": "dimension",
"$value": "{post.device.position.3}"
}
}
}
}
},
"filled": {
"padding": {
"block": {
Expand All @@ -7344,7 +7468,17 @@
"inline": {
"end": {
"$type": "spacing",
"$value": "{post.core.dimension.48}"
"$value": "{post.core.dimension.80}"
}
}
}
},
"icon": {
"position": {
"inline": {
"end": {
"$type": "dimension",
"$value": "{post.device.position.2}"
}
}
}
Expand Down Expand Up @@ -9415,7 +9549,8 @@
"post.core.bg-scheme.light": "680b1c2afef596d40c46720eec03880fce677f54",
"post.core.bg-scheme.dark": "e8c0b33a001cad7d205a2164de934d28333fc7c4",
"post.core.dimension.50": "8312fb2e184c7b79ae3cff18a147a2f337c7b235",
"post.core.dimension.82": "8049dec4f0860a0b206c65224d703a3f61135da8"
"post.core.dimension.82": "8049dec4f0860a0b206c65224d703a3f61135da8",
"post.core.dimension.46": "74ac568dad40f8bbdc961bfdb314e71038fd7a5e"
}
},
{
Expand Down Expand Up @@ -9952,7 +10087,8 @@
"post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30",
"post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378",
"post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9",
"post.device.position.2": "ba05cc16eebec31bed449523188a621463b014cc"
"post.device.position.2": "ba05cc16eebec31bed449523188a621463b014cc",
"post.device.position.3": "f3f49902f5430842db0237f43ae50d2be3d5297f"
}
},
{
Expand Down Expand Up @@ -10133,7 +10269,7 @@
"post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05",
"post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9",
"post.device.position.2": "ba05cc16eebec31bed449523188a621463b014cc",
"post.device.sizing.interactive.button.height.6": "78caf6ef8cec35dc5ab0dc663c9d2747595bc9a6"
"post.device.position.3": "f3f49902f5430842db0237f43ae50d2be3d5297f"
}
},
{
Expand Down Expand Up @@ -10320,7 +10456,8 @@
"post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9",
"post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c",
"post.device.position.1": "39f7571c71eb116a2c8eb1184ed6c76f98b2a288",
"post.device.position.2": "ba05cc16eebec31bed449523188a621463b014cc"
"post.device.position.2": "ba05cc16eebec31bed449523188a621463b014cc",
"post.device.position.3": "f3f49902f5430842db0237f43ae50d2be3d5297f"
}
},
{
Expand Down Expand Up @@ -11089,33 +11226,43 @@
"post.button-segmented.margin": "c9450d8eb85705ec1378cc12d2dc11d82292d638",
"post.button-segmented.font-weight": "69d85273017f04e159d299c17472222c517f3570",
"post.button-segmented.selected-border": "9aa8b877e676f01b6b725ad77a15d2a81f6bfce5",
"post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8",
"post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7",
"post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115",
"post.select.hover-fg": "225d910e99633bab914811c3b09d639dba8215a0",
"post.select.disabled-bg": "71db25a6e4e3fc44ead384e453a91a1a79cd99ca",
"post.select.disabled-fg": "5cf956acc6047afd4867a694bb1a7d47c9c7d263",
"post.select.selected-bg": "83eb1257594afef1ec0db043922ff01f33762548",
"post.select.selected-fg": "9d70a3ae7abfd7393132dd8bb7407211bc55b522",
"post.select.enabled-stroke": "39a847af230b650e4b1d2fc83e5c690a14f23ea5",
"post.select.hover-stroke": "8a9a4b8ae204fa2073700ff4c8d08b0a836b0c28",
"post.select.disabled-stroke": "5b57b30fe15d7d8fbca6bd22f30d747398768f39",
"post.select.selected-stroke": "a3bf4ee1d2933847ca54343fd263d9b76de5060c",
"post.select.signal.error": "c4d5804f9170e9f941cf563670f9bff53e779621",
"post.select.signal.success": "e38c6c1d1b7860808b15ad866d8c3a26442da1a2",
"post.select.gap.inline.section": "ac3ebd87d415a6198a37d600ba097e54572c4a64",
"post.select.filled.gap.inline.value": "119ad9b0ed6377bd24e8d0dee398b7b7ab123dd1",
"post.select.filled.padding.block.section": "1760720309a0c090e480db8b5486a8b238e74f97",
"post.select.unfilled.padding.block.section": "1a711d2c8b0bcb1dcaa9ea568fb51211b9654340",
"post.select.unfilled.padding.block.label": "6a28c8344e9ba48dca29059b3f39478806b17ee9",
"post.select.padding.block.text-assist": "23351007b485c17d9031c72ba8971b23ab75d03d",
"post.select.padding.inline.section-start": "71d8968d54a8d6e1064464300e9b7701106d44f4",
"post.select.padding.inline.section-end": "b9a51dc4bd127de6a5378ef6e489c5d6220b091c",
"post.select.padding.inline.text-assist": "aeed8ff2cde7da9c4ffab340ce2625b4a8511cfd",
"post.select.icon.padding.droppdow-inner": "8ad0b3c04daec785f199be210ea8add0eade9b39",
"post.select.icon.signal": "45eb3379ac13b2ca5210d50e4a1c6d9df6665b5a",
"post.select.border-radius": "29949af715b324315a3f920fcc99aad9a1304e58",
"post.select.border-width": "563b42f522f5b9166a1f55a31d72facbc49aef0a",
"post.select.color.enabled-bg": "fa440a8c0c4aff17eb22d3a6674f3c899204258c",
"post.select.color.enabled-fg": "ff277040a37a4e42488b506e18a40dde1428c52a",
"post.select.color.hover-bg": "9339c5e5cf420941a1738b1678fa9f616f5367ae",
"post.select.color.hover-fg": "7680414f7530276c4f1031189c8fe57796fb5669",
"post.select.color.disabled-bg": "a425a9c276ab723144423543281ac639d08587b9",
"post.select.color.disabled-fg": "4b57c8f1d0fbf7b075ddd30176f7c5e74cf31fb1",
"post.select.color.selected-bg": "af75cbe2dcf5be14484c2773014118d18a925390",
"post.select.color.selected-fg": "30b850fd990243f44553f160cf556c79c073171b",
"post.select.color.helptext-fg": "c69cbb5824f4369ba6e3f29a2ad86ed39d482823",
"post.select.color.enabled-border": "bda0e371acf1a606d96a0fd2831773ec0211e005",
"post.select.color.hover-border": "a6a650dce51aa0748b79abdc0be5ba8b7ebf5d13",
"post.select.color.disabled-border": "68bd4b209dc605777d377dbf0d588380ffe1d794",
"post.select.color.selected-border": "e6a13b5b847e3701281ad48dbab01a322c8bc05e",
"post.select.color.signal.error": "204af1fe03c5364690167bbc02789bfa4e4452bc",
"post.select.color.signal.success": "6623b2c94701e85e1928a14061ea14a4202a79e3",
"post.select.gap.inline.icon": "3409366bd6aa4a842f82866e8bf54c453dcf268e",
"post.select.padding.block.assist": "9881d3877ac2414beaaa89170d43800c15709bca",
"post.select.padding.inline.start": "d5107891864d989f126bfd2663b56c6e6f4f10ea",
"post.select.padding.inline.end": "132024fa60bd3588e7ef643521f685966de4ace8",
"post.select.padding.inline.assist": "cb2a019b36d61275fef6e9b96c8e13166a365bd8",
"post.select.sizing.icon": "6fa915c04cc965f71ceae8cd638433724d7b2ffa",
"post.select.sizing.height": "bcd5eb01743436062caf7933c222b2f6926f3d1c",
"post.select.border-radius": "930859c17344e36a2cbf9d7065cf452012c5a9a0",
"post.select.border-width": "bbab438460b94dab122e2ac90839a702ccf6c13d",
"post.select.empty.padding.block": "304bcb24db24b967485cbf71296de06f6b7341f8",
"post.select.label.empty.padding.block.start": "06d604e204b8c63731949f9c5fd7397386dce384",
"post.select.label.empty.padding.inline.start": "350e9964e6c92ebab939f8a5d0b7dbcc0e49bf46",
"post.select.label.empty.padding.inline.end": "9f0ae7f522f3aaf15578fa8bdf46dda00466d7e1",
"post.select.label.validated.padding.inline.end": "91daf9ce577abd67cbfca00ce05c613e7a57a85f",
"post.select.label.filled.padding.block.start": "c8703e31d8d31ec91dc9497e110b99cc28c1258c",
"post.select.label.filled.font-size": "1041da45c259c220bfec519b08f013b300c1f895",
"post.select.validation.icon.position.inline.end": "9dec705e5a6d9230a48fda0043be9f9dca656da0",
"post.select.filled.padding.block.start": "0d09d05449a76483db2bf6d18a0a0c820862cc5c",
"post.select.filled.padding.block.end": "67180c3f212782a048ca51641391f348cf0f4a4e",
"post.select.assist.font-size": "a4d8972a26c2d337c07dc81210a16b599d6805bb",
"post.select.validated.padding.inline.end": "48f6ba30b74b980ac4d25c7c36185a2e637ccdcc",
"post.select.icon.position.inline.end": "64418774bec0b29d2b36ffc65da2afc3848d4a8a",
"post.snackbar.spacing.gap.outer": "7e8a675dac556b5203604a1cef9b818396aab532",
"post.snackbar.spacing.padding.inline": "d89944e7e183261eb283eec69ecb4e35dbc6c718",
"post.snackbar.spacing.padding.block": "c7aa17bb7d398a3d5d306c986f3195a79a98afdb",
Expand Down Expand Up @@ -11301,13 +11448,7 @@
"post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371",
"post.validation.input.padding.block": "4006573d3a03f1b053a844aaf89e14742a3d3646",
"post.validation.input.padding.inline": "8df0e5f5587acbb1f7acb67a97e200e2175d6469",
"post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f",
"post.input.color.enabled-border": "e8fb5159e5c020c2919c12ad157578d1083b1cc2",
"post.input.color.hover-border": "5a5615016cc59292e11a683669369db7182dafb9",
"post.input.color.disabled-border": "c65628869cf318afba36f149d035a6ad6291e0d3",
"post.input.color.selected-border": "cd6d5766d9f136e44719c7a28eb250c545556c35",
"post.input.padding.inline.assist": "e265e8a8f1e63ac91a7c044560f1c84736e1167f",
"post.input.padding.block.assist": "74fa0091e635d194f2726e8a49d63029f797d7b1"
"post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f"
}
},
{
Expand Down