1{2 "name": "toggle-switch",3 "figma": {4 "page": "Components",5 "component_set_id": "803:1061",6 "component_keys": {7 "State=Off": "803:1059",8 "State=On": "803:1060"9 }10 },11 "variant_axes": {12 "State": [13 "Off",14 "On"15 ]16 },17 "layout": {18 "type": "auto_layout",19 "direction": "horizontal",20 "sizing": {21 "width": "fixed:100",22 "height": "fixed:56"23 },24 "padding": {25 "left": "primitives.space.4",26 "right": "primitives.space.4",27 "top": "primitives.space.4",28 "bottom": "primitives.space.4"29 },30 "item_spacing": 0,31 "align": {32 "counter": "center"33 }34 },35 "base": {36 "radius": "style_guide.radius.pill",37 "knob": {38 "shape": "ellipse",39 "size": {40 "width": 48,41 "height": 4842 },43 "fill": "style_guide.color.ink"44 }45 },46 "variants": {47 "Off": {48 "track_fill": "style_guide.color.muted",49 "align_primary": "min"50 },51 "On": {52 "track_fill": "style_guide.color.accent",53 "align_primary": "max"54 }55 }56}57