@gitlab/ui
Version:
GitLab UI Components
105 lines (104 loc) • 3.58 kB
JSON
{
"toggle": {
"switch": {
"icon": {
"color": {
"unchecked": {
"default": {
"$value": "{action.strong.neutral.background.color.default}",
"$type": "color",
"$description": "Used for the icon color of an unchecked toggle switch in the default state.",
"$extensions": {
"com.figma.scope": [
"SHAPE_FILL"
]
}
},
"hover": {
"$value": "{action.strong.neutral.background.color.hover}",
"$type": "color",
"$description": "Used for the icon color of an unchecked toggle switch in the hover state.",
"$extensions": {
"com.figma.scope": [
"SHAPE_FILL"
]
}
},
"focus": {
"$value": "{action.strong.neutral.background.color.focus}",
"$type": "color",
"$description": "Used for the icon color of an unchecked toggle switch in the focus state.",
"$extensions": {
"com.figma.scope": [
"SHAPE_FILL"
]
}
},
"active": {
"$value": "{action.strong.neutral.background.color.active}",
"$type": "color",
"$description": "Used for the icon color of an unchecked toggle switch in the active state.",
"$extensions": {
"com.figma.scope": [
"SHAPE_FILL"
]
}
}
},
"checked": {
"default": {
"$value": "{action.strong.confirm.background.color.default}",
"$type": "color",
"$description": "Used for the icon color of a checked toggle switch in the default state.",
"$extensions": {
"com.figma.scope": [
"SHAPE_FILL"
]
}
},
"hover": {
"$value": "{action.strong.confirm.background.color.hover}",
"$type": "color",
"$description": "Used for the icon color of a checked toggle switch in the hover state.",
"$extensions": {
"com.figma.scope": [
"SHAPE_FILL"
]
}
},
"focus": {
"$value": "{action.strong.confirm.background.color.focus}",
"$type": "color",
"$description": "Used for the icon color of a checked toggle switch in the focus state.",
"$extensions": {
"com.figma.scope": [
"SHAPE_FILL"
]
}
},
"active": {
"$value": "{action.strong.confirm.background.color.active}",
"$type": "color",
"$description": "Used for the icon color of a checked toggle switch in the active state.",
"$extensions": {
"com.figma.scope": [
"SHAPE_FILL"
]
}
}
},
"disabled": {
"$value": "{action.disabled.background.color}",
"$type": "color",
"$description": "Used for the icon color of a disabled toggle switch.",
"$extensions": {
"com.figma.scope": [
"SHAPE_FILL"
]
}
}
}
}
}
}
}