Skip to content

Commit

Permalink
feat(data): changing skeleton spacing structure to be multi-line and …
Browse files Browse the repository at this point in the history 
…single line
  • Loading branch information
@ljemmo
ljemmo committed Jun 11, 2024
1 parent 5156b26 commit 2da52c8
Show file tree
Hide file tree
Showing 3 changed files with 101 additions and 62 deletions.
20 changes: 8 additions & 12 deletions data/tokens/$themes.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -503,9 +503,7 @@
"components/tab": "enabled",
"components/table": "enabled",
"modes/light": "source",
"components/logo": "enabled",
"devicesize/small": "disabled",
"devicesize/large": "disabled"
"components/logo": "enabled"
},
"$figmaCollectionId": "VariableCollectionId:859:2624",
"$figmaModeId": "859:0",
Expand Down Expand Up @@ -702,11 +700,6 @@
"progress.space.loader.xg.S": "f5d52514306e93dbbcc1468dd5bb25746610f101",
"progress.space.loader.xg.M": "58e7f40ecca93f849bf19b85b89fc87dc5fbf07b",
"progress.space.loader.xg.L": "d1790f8fb3d3a5035c66e24f56ceacae0aec306c",
"progress.space.skeleton.yg.XS": "d27f4e211f56cba64b89ae3dc91a6a86c0d971cd",
"progress.space.skeleton.yg.S": "794289c30074b1443305f643680525e9c92b02c5",
"progress.space.skeleton.yg.M": "af4648f90038f927fbba041063f7b6c870b7d0d4",
"progress.space.skeleton.yg.L": "2c9506a8a11b27a79971a85ba02834a98d75074d",
"progress.space.skeleton.yg.XL": "a624e372f6bac3ad1fa585811a39ed23d04444ec",
"progress.space.stepflow.yg.M": "2513d419cbb78fdd70dbc9e17f4630ad1df4b9e8",
"progress.space.stepflow.steps.xg.M": "cb96770924b7a322ec9fe82450b1922893982d30",
"progress.space.stepflow.steps.yg.M": "558102d2adfee8847bea87acf52b507341215d2c",
Expand Down Expand Up @@ -1582,7 +1575,12 @@
"badge.radius.badge": "53785fe2db08a42eb84ffb1460ea351d428062b8",
"badge.space.x.S": "8f978b34ff3f68beaf2658c87f941592f57b1826",
"badge.space.x.M": "52be4985c32fdeaa4275b09c021de94afaf480f8",
"badge.borderwidth.badge": "ec76ad0ae3f1ec22660000f581f80e31ce4b7d84"
"badge.borderwidth.badge": "ec76ad0ae3f1ec22660000f581f80e31ce4b7d84",
"progress.space.skeleton.multiline.yg.XS": "d27f4e211f56cba64b89ae3dc91a6a86c0d971cd",
"progress.space.skeleton.multiline.yg.S": "794289c30074b1443305f643680525e9c92b02c5",
"progress.space.skeleton.multiline.yg.M": "af4648f90038f927fbba041063f7b6c870b7d0d4",
"progress.space.skeleton.multiline.yg.L": "2c9506a8a11b27a79971a85ba02834a98d75074d",
"progress.space.skeleton.multiline.yg.XL": "a624e372f6bac3ad1fa585811a39ed23d04444ec"
},
"group": "Mode"
},
Expand All @@ -1591,7 +1589,6 @@
"name": "Large Screen",
"$figmaStyleReferences": {},
"selectedTokenSets": {
"devicesize/small": "disabled",
"devicesize/large": "enabled"
},
"group": "Platforms"
Expand All @@ -1601,8 +1598,7 @@
"name": "Small Screen",
"$figmaStyleReferences": {},
"selectedTokenSets": {
"devicesize/small": "enabled",
"devicesize/large": "disabled"
"devicesize/small": "enabled"
},
"group": "Platforms"
}
Expand Down
131 changes: 81 additions & 50 deletions data/tokens/components/progress.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -277,7 +277,7 @@
"description": "used to represent buttons"
},
"circle": {
"value": "{global.radius.container.XXL}",
"value": "{global.radius.circle}",
"type": "borderRadius",
"description": "Used to represent circular elements such as profiles, badges etc"
}
Expand Down Expand Up @@ -388,58 +388,89 @@
}
},
"skeleton": {
"yg": {
"XS": {
"value": "{global.space.micro.M}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"S": {
"value": "{global.space.micro.M}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"M": {
"value": "{global.space.micro.M}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"L": {
"value": "{global.space.micro.L}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
"multiline": {
"yg": {
"XS": {
"value": "{global.space.micro.M}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"S": {
"value": "{global.space.micro.M}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"M": {
"value": "{global.space.micro.M}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"L": {
"value": "{global.space.micro.L}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"XL": {
"value": "{global.space.micro.XL}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
}
},
"XL": {
"value": "{global.space.micro.XXL}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
"y": {
"XS": {
"value": "{global.space.micro.M}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"S": {
"value": "{global.space.micro.XS}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"M": {
"value": "{global.space.micro.XS}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"L": {
"value": "{global.space.micro.S}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"XL": {
"value": "{global.space.micro.S}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
}
}
},
"xg": {
"XS": {
"value": "{global.space.micro.L}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"S": {
"value": "{global.space.micro.L}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"M": {
"value": "{global.space.micro.XXL}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"L": {
"value": "{global.space.micro.XXL}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"XL": {
"value": "{global.space.macro.XS}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
"singleline": {
"xg": {
"XS": {
"value": "{global.space.micro.L}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"S": {
"value": "{global.space.micro.L}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"M": {
"value": "{global.space.micro.XXL}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"L": {
"value": "{global.space.micro.XXL}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
},
"XL": {
"value": "{global.space.macro.XS}",
"type": "spacing",
"description": "vertical gap between skeleton bars"
}
}
}
},
Expand Down
12 changes: 12 additions & 0 deletions data/tokens/origin.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -126,6 +126,18 @@
"value": "8",
"type": "sizing",
"description": "SCALE is the base-scale of all size-related tokens (size, space, dimension). It's set to 8px as this is our default multiplier used across the majority of components. If you change it, it will change all size-related tokens."
},
"breakpoint": {
"S": {
"value": "0",
"type": "sizing",
"description": "0px breakpoint size and higher"
},
"L": {
"value": "1025px",
"type": "sizing",
"description": "1025px breakpoint size and higher"
}
}
},
"dimension": {
Expand Down

0 comments on commit 2da52c8

Please sign in to comment.