Skip to content

Commit

Permalink
feat(tokens):added a floating button
Browse files Browse the repository at this point in the history
  • Loading branch information
@Vandapanda
Vandapanda committed Nov 7, 2024
1 parent 6bdb2dc commit aadc6a2
Showing 1 changed file with 147 additions and 22 deletions.
169 changes: 147 additions & 22 deletions packages/tokens/tokensstudio-generated/tokens.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2934,6 +2934,12 @@
}
}
}
},
"position": {
"1": {
"$type": "dimension",
"$value": "{post.core.dimension.32}"
}
}
}
}
Expand Down Expand Up @@ -3478,6 +3484,12 @@
"$type": "borderWidth",
"$value": "{post.core.dimension.6}"
}
},
"position": {
"1": {
"$type": "dimension",
"$value": "{post.core.dimension.24}"
}
}
}
}
Expand Down Expand Up @@ -4032,6 +4044,12 @@
"$type": "borderWidth",
"$value": "{post.core.dimension.4}"
}
},
"position": {
"1": {
"$type": "dimension",
"$value": "{post.core.dimension.16}"
}
}
}
}
Expand Down Expand Up @@ -5519,7 +5537,7 @@
"margin": {
"xl": {
"$type": "spacing",
"$value": "stretch"
"$value": "auto"
},
"lg": {
"$type": "spacing",
Expand Down Expand Up @@ -7816,6 +7834,70 @@
}
}
},
"Components/Floating button": {
"post": {
"floating-button": {
"position": {
"right": {
"$type": "dimension",
"$value": "{post.device.grid.padding.inline.container}"
},
"top": {
"$type": "dimension",
"$value": "{post.device.position.1}"
}
},
"enabled-fg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.button.secondary.enabled.fg}"
},
"enabled-bg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.button.secondary.enabled.bg}"
},
"enabled-border": {
"$type": "color",
"$value": "{post.scheme.color.interactive.button.secondary.enabled.stroke}"
},
"hover-fg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.button.secondary.hover.fg}"
},
"hover-bg": {
"$type": "color",
"$value": "{post.scheme.color.interactive.button.secondary.hover.bg}"
},
"hover-border": {
"$type": "color",
"$value": "{post.scheme.color.interactive.button.secondary.hover.stroke}"
},
"size": {
"outer": {
"$type": "sizing",
"$value": "{post.device.sizing.interactive.button.height.2}"
},
"icon": {
"$type": "sizing",
"$value": "{post.device.sizing.interactive.button.icon.3}"
}
},
"border-width": {
"$type": "borderWidth",
"$value": "{post.device.border-width.default}"
},
"border-radius": {
"round": {
"$type": "borderRadius",
"$value": "{post.device.border-radius.round}"
}
},
"elevation": {
"$type": "boxShadow",
"$value": "{post.device.elevation.300}"
}
}
}
},
"Components/Validation": {
"post": {
"validation": {
Expand Down Expand Up @@ -8787,7 +8869,7 @@
},
"selectedTokenSets": {
"core": "enabled",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"$figmaCollectionId": "VariableCollectionId:718:1595",
"$figmaModeId": "718:0",
Expand Down Expand Up @@ -8926,7 +9008,7 @@
"selectedTokenSets": {
"core": "source",
"Scheme/Light": "enabled",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"group": "Scheme",
"$figmaCollectionId": "VariableCollectionId:718:1666",
Expand Down Expand Up @@ -9107,7 +9189,7 @@
"core": "source",
"Scheme/Light": "enabled",
"Scheme/Dark": "enabled",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"group": "Scheme",
"$figmaCollectionId": "VariableCollectionId:718:1666",
Expand Down Expand Up @@ -9289,7 +9371,7 @@
"selectedTokenSets": {
"core": "source",
"Device/Desktop": "enabled",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"group": "Device",
"$figmaCollectionId": "VariableCollectionId:718:1733",
Expand Down Expand Up @@ -9402,6 +9484,7 @@
"post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05",
"post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c",
"post.device.border-width.quote": "1c2f3d93f282058f554db3737d1b131c886b81f4",
"post.device.position.1": "39f7571c71eb116a2c8eb1184ed6c76f98b2a288",
"post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e",
"post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b",
"post.device.spacing.gap.6": "d3f0e06bad0472f9dec52560b44068444b9f9676",
Expand Down Expand Up @@ -9463,7 +9546,7 @@
"core": "source",
"Device/Desktop": "enabled",
"Device/Tablet": "enabled",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"group": "Device",
"$figmaCollectionId": "VariableCollectionId:718:1733",
Expand Down Expand Up @@ -9579,6 +9662,7 @@
"post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf",
"post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c",
"post.device.border-width.quote": "1c2f3d93f282058f554db3737d1b131c886b81f4",
"post.device.position.1": "39f7571c71eb116a2c8eb1184ed6c76f98b2a288",
"post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0",
"post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc",
"post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377",
Expand Down Expand Up @@ -9644,7 +9728,7 @@
"Device/Desktop": "enabled",
"Device/Tablet": "enabled",
"Device/Mobile": "enabled",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"group": "Device",
"$figmaCollectionId": "VariableCollectionId:718:1733",
Expand Down Expand Up @@ -9807,7 +9891,8 @@
"post.device.border-width.quote": "1c2f3d93f282058f554db3737d1b131c886b81f4",
"post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05",
"post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9",
"post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c"
"post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c",
"post.device.position.1": "39f7571c71eb116a2c8eb1184ed6c76f98b2a288"
}
},
{
Expand All @@ -9822,7 +9907,7 @@
"Channel/EDK": "enabled",
"Scheme/Light": "source",
"Scheme/Dark": "source",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"group": "Channel",
"$figmaCollectionId": "VariableCollectionId:718:1734",
Expand All @@ -9844,7 +9929,7 @@
"Channel/IDK": "enabled",
"Scheme/Light": "source",
"Scheme/Dark": "source",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"group": "Channel",
"$figmaCollectionId": "VariableCollectionId:718:1734",
Expand Down Expand Up @@ -9876,7 +9961,7 @@
"Elements/ListNumber": "enabled",
"Scheme/Light": "source",
"Scheme/Dark": "source",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"$figmaCollectionId": "VariableCollectionId:3180:16769",
"$figmaModeId": "3180:1",
Expand Down Expand Up @@ -9946,7 +10031,7 @@
"Utilities/Color": "enabled",
"Scheme/Light": "source",
"Scheme/Dark": "source",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"$figmaCollectionId": "VariableCollectionId:3180:16768",
"$figmaModeId": "3180:0",
Expand Down Expand Up @@ -10136,7 +10221,8 @@
"Components/Close": "enabled",
"Components/Accordion": "enabled",
"Components/Quote": "enabled",
"Components/Container": "enabled"
"Components/Container": "enabled",
"Components/Floating button": "enabled"
},
"$figmaCollectionId": "VariableCollectionId:808:5504",
"$figmaModeId": "808:0",
Expand Down Expand Up @@ -10321,6 +10407,17 @@
"post.close.hover-bg": "04ed00d9ede124919214337431759bc5c75816a3",
"post.close.border-radius": "5ff209f6925d4bc352a576c50751a96b71d67617",
"post.close.icon.size": "ea8353a741be98ec8b070be1ea1bedbb49292b8c",
"post.grid.gutter.xl": "09cf49132842775a8c5dc4a9e2342b146ed4d222",
"post.grid.gutter.lg": "cb2be84fab85873639d9f51d869bbe3f00fc626f",
"post.grid.gutter.md": "7d1d3b0ffd0f973df1455b0addd7edd6d4a9a148",
"post.grid.gutter.sm": "8cbc257669fa886554d3ec8976367eb2d1c64f90",
"post.grid.gutter.xs": "cb095450965e3eb35560d2ee9afee14da7543238",
"post.grid.margin.xl": "a0941427502b638381a2a96f75850d0dccb0c0e7",
"post.grid.margin.lg": "bd3682259dffed2a2fedb59efd7e882cdd8e2276",
"post.grid.margin.md": "a34831a53f06e84a574e6c960511c78d5cc1790d",
"post.grid.margin.sm": "b69e811ae4854fed0ef53f5ccbaf57daeeff407b",
"post.grid.margin.xs": "ca98cb9916a8d625ceb1d0cf79a9cb8f3d4c0d1b",
"post.grid.max-width": "2a1752769b46f42590f2f73e8cdb7c4629ecf4fd",
"post.dropdown.multi-select.menu.category-title.padding.block.outer": "ee99f5a05a5b1c84a69b677a1834d61fead11820",
"post.dropdown.multi-select.menu.category-title.padding.block.inner": "0c237bda42bc614b0d40c3063b8cd837f6764301",
"post.dropdown.multi-select.menu.category-title.padding.inline.inner": "3818d730a903399bea6f0a252a8fcad51001a230",
Expand Down Expand Up @@ -10738,15 +10835,26 @@
"post.toast.color.error-fg": "3cd318ecaa756db2fe98be4cd0c2d2c5a9f231d0",
"post.toast.color.error-stroke": "3432663173b4389104a12a668043e3681e2faa69",
"post.toast.color.error-icon": "3096bb0553257be18a766df213ba83685ab63040",
"post.floating-button.position.right": "5f5f7a00e0660158923bd57ee08d5f10c4074526",
"post.floating-button.position.top": "ff8db193bebd896a1c226be5aa69b28b3729c785",
"post.floating-button.enabled-fg": "77f009565576cc049046b990ef2b0688a43becd7",
"post.floating-button.enabled-bg": "491d5f34dd817b87c813955d6aa84eae900a5f5a",
"post.floating-button.enabled-border": "fced80ecb14d12d7a312fb54984a6af601983225",
"post.floating-button.hover-fg": "a5e426e2322345c0f300633465e4d73b4d5a5750",
"post.floating-button.hover-bg": "519c5bcb2886492720446c365d4f5c3fa85ad996",
"post.floating-button.hover-border": "54e694dd7772f673e1e7bee834f5dc211887faf2",
"post.floating-button.size.outer": "5e349e3dfa6c657612a01f07c5c7259dc97a93ef",
"post.floating-button.size.icon": "6f2ead50c9777b5b55aece34c2e65d4c4f9dd05d",
"post.floating-button.border-width": "780bc7b400761532094e6fd9dacf8c0d92c69383",
"post.validation.group.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2",
"post.validation.group.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee",
"post.validation.group.icon.size": "ce5d0ae47c1f80a7ea39a6e5b25a00055c450e7d",
"post.validation.group.icon.padding": "4c33e15ce67a9e7398af3f45682774c919629a17",
"post.validation.error": "796bdb2fc917b5948438070371ae60d214216795",
"post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371",
"post.validation.group.icon.size": "ce5d0ae47c1f80a7ea39a6e5b25a00055c450e7d",
"post.validation.input.padding.block": "4006573d3a03f1b053a844aaf89e14742a3d3646",
"post.validation.input.padding.inline": "8df0e5f5587acbb1f7acb67a97e200e2175d6469",
"post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f",
"post.validation.group.icon.padding": "4c33e15ce67a9e7398af3f45682774c919629a17"
"post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f"
}
},
{
Expand Down Expand Up @@ -10798,7 +10906,7 @@
"Utilities/Typo": "source",
"Scheme/Light": "source",
"Scheme/Dark": "source",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
}
},
{
Expand All @@ -10815,7 +10923,7 @@
"Theme/Post": "enabled",
"Scheme/Light": "source",
"Scheme/Dark": "source",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"group": "Theme",
"$figmaCollectionId": "VariableCollectionId:4178:5613",
Expand Down Expand Up @@ -10850,7 +10958,7 @@
"Theme/Cargo": "enabled",
"Scheme/Light": "source",
"Scheme/Dark": "source",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"group": "Theme",
"$figmaCollectionId": "VariableCollectionId:4178:5613",
Expand Down Expand Up @@ -10886,7 +10994,7 @@
"Theme/Post": "source",
"Theme/Cargo": "source",
"Helpers/Focus": "enabled",
"Components/Container": "disabled"
"Components/Floating button": "disabled"
},
"group": "Helpers",
"$figmaCollectionId": "VariableCollectionId:6402:53868",
Expand All @@ -10912,8 +11020,24 @@
"Theme/Post": "source",
"Theme/Cargo": "source",
"Palettes": "enabled",
"Components/Container": "disabled"
}
"Components/Floating button": "disabled"
},
"$figmaVariableReferences": {
"post.palettes.color.default.bg": "5f2f435ea49163621af38ad9798447b33aad773f",
"post.palettes.color.default.fg": "80efe4f04b5e45d5cc9e52ae9c3e8dda513be416",
"post.palettes.color.alternate.bg": "6aafe2ec830a8e40b6527e4e7ce747020c52fd5c",
"post.palettes.color.alternate.fg": "c153f71f5f8d3f3764c30f8c0a48bdbdabc6a315",
"post.palettes.color.brand.bg": "f7dc423347aa56d02ae018041c30012f0f03f705",
"post.palettes.color.brand.fg": "2993fc79c7cb6c8e21304ce9402f982c307b3ef5",
"post.palettes.color.accent.bg": "bebb902555f6fd7e56bb27beb353c67b57c67300",
"post.palettes.color.accent.fg": "b3152bf53241705ef5d7b1ed6b4cc337168dbc8b",
"post.helper.color.default.bg-scheme": "bffc748a647519df3ac363c7689959d519e20c12",
"post.helper.color.alternate.bg-scheme": "35ca2ec5aa7df847d668c0794c39418031aa4af3",
"post.helper.color.brand.bg-scheme": "6ab3cbe158c483c535915d83468581ba23976c37",
"post.helper.color.accent.bg-scheme": "4447066e00815b7cb14e6f681a879db7a1ef4d15"
},
"$figmaCollectionId": "VariableCollectionId:6959:10217",
"$figmaModeId": "6959:0"
}
],
"$metadata": {
Expand Down Expand Up @@ -10966,6 +11090,7 @@
"Components/Text highlighted",
"Components/Text input",
"Components/Toast",
"Components/Floating button",
"Components/Validation",
"FigmaOnly",
"Utilities/Spacing",
Expand Down

0 comments on commit aadc6a2

Please sign in to comment.