@gitlab/ui
Version:
GitLab UI Components
367 lines (366 loc) • 9.85 kB
JSON
{
"alert": {
"border": {
"radius": {
"$value": "{border.radius.lg}",
"$type": "dimension",
"$description": "Used for alert border radius.",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
}
}
},
"neutral": {
"title": {
"color": {
"$value": {
"default": "{text.color.heading}",
"dark": "{text.color.heading}"
},
"$type": "color",
"$description": "Used for the title color of a neutral alert.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
}
}
},
"background": {
"color": {
"$value": "{feedback.neutral.background.color}",
"$type": "color",
"$description": "Used for the background color of a neutral alert.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
}
}
},
"border": {
"color": {
"$value": "{feedback.neutral.border.color}",
"$type": "color",
"$description": "Used for the border color of a neutral alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"top": {
"color": {
"$value": {
"default": "{color.alpha.0}",
"dark": "{color.neutral.400}"
},
"$type": "color",
"$description": "Used for the border color of a neutral alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"$deprecated": true
},
"bottom": {
"color": {
"$value": "{color.alpha.0}",
"$type": "color",
"$description": "Used for the border bottom color of a neutral alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"$deprecated": true
}
}
},
"info": {
"title": {
"color": {
"$value": {
"default": "{text.color.heading}",
"dark": "{color.blue.200}"
},
"$type": "color",
"$description": "Used for the title color of an info alert.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
}
}
},
"background": {
"color": {
"$value": "{feedback.info.background.color}",
"$type": "color",
"$description": "Used for the background color of an info alert.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
}
}
},
"border": {
"color": {
"$value": "{feedback.info.border.color}",
"$type": "color",
"$description": "Used for the border color of an info alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"top": {
"color": {
"$value": {
"default": "{color.alpha.0}",
"dark": "{color.blue.400}"
},
"$type": "color",
"$description": "Used for the border color of an info alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"$deprecated": true
},
"bottom": {
"color": {
"$value": "{color.alpha.0}",
"$type": "color",
"$description": "Used for the border bottom color of an info alert."
},
"$deprecated": true
}
}
},
"success": {
"title": {
"color": {
"$value": {
"default": "{text.color.heading}",
"dark": "{color.green.200}"
},
"$type": "color",
"$description": "Used for the title color of a success alert.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
}
}
},
"background": {
"color": {
"$value": "{feedback.success.background.color}",
"$type": "color",
"$description": "Used for the background color of a success alert.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
}
}
},
"border": {
"color": {
"$value": "{feedback.success.border.color}",
"$type": "color",
"$description": "Used for the border color of a success alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"top": {
"color": {
"$value": {
"default": "{color.alpha.0}",
"dark": "{color.green.400}"
},
"$type": "color",
"$description": "Used for the border color of a success alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"$deprecated": true
},
"bottom": {
"color": {
"$value": "{color.alpha.0}",
"$type": "color",
"$description": "Used for the border bottom color of a success alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"$deprecated": true
}
}
},
"warning": {
"title": {
"color": {
"$value": {
"default": "{text.color.heading}",
"dark": "{color.orange.200}"
},
"$type": "color",
"$description": "Used for the title color of a warning alert.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
}
}
},
"background": {
"color": {
"$value": "{feedback.warning.background.color}",
"$type": "color",
"$description": "Used for the background color of a warning alert.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
}
}
},
"border": {
"color": {
"$value": "{feedback.warning.border.color}",
"$type": "color",
"$description": "Used for the border color of a warning alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"top": {
"color": {
"$value": {
"default": "{color.alpha.0}",
"dark": "{color.orange.400}"
},
"$type": "color",
"$description": "Used for the border color of a warning alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"$deprecated": true
},
"bottom": {
"color": {
"$value": "{color.alpha.0}",
"$type": "color",
"$description": "Used for the border bottom color of a warning alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"$deprecated": true
}
}
},
"danger": {
"title": {
"color": {
"$value": {
"default": "{text.color.heading}",
"dark": "{color.red.200}"
},
"$type": "color",
"$description": "Used for the title color of a danger alert.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
}
}
},
"background": {
"color": {
"$value": "{feedback.danger.background.color}",
"$type": "color",
"$description": "Used for the background color of a danger alert.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
}
}
},
"border": {
"color": {
"$value": "{feedback.danger.border.color}",
"$type": "color",
"$description": "Used for the border color of a danger alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"top": {
"color": {
"$value": {
"default": "{color.alpha.0}",
"dark": "{color.red.400}"
},
"$type": "color",
"$description": "Used for the border color of a danger alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"$deprecated": true
},
"bottom": {
"color": {
"$value": "{color.alpha.0}",
"$type": "color",
"$description": "Used for the border bottom color of a danger alert.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
}
},
"$deprecated": true
}
}
}
}
}