@cerberus-design/panda-preset
Version:
The official Panda-CSS preset for the omni-federal design system
1,367 lines (1,366 loc) • 35.5 kB
JSON
{
"text": {
"action": {
"100": {
"$type": "color",
"$value": "colors.brand.80",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.brand.60",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"navigation": {
"initial": {
"$type": "color",
"$value": "colors.brand.60",
"$description": "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.brand.50",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"visited": {
"$type": "color",
"$value": "colors.neutral.60",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.brand.5",
"$description": "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"inverse": {
"$type": "color",
"$value": "colors.brand.100",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
"page": {
"100": {
"$type": "color",
"$value": "colors.neutral.40",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.neutral.60",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"300": {
"$type": "color",
"$value": "colors.brand.100",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.neutral.90",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"inverse": {
"$type": "color",
"$value": "colors.neutral.white",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
}
},
"danger": {
"100": {
"$type": "color",
"$value": "colors.danger.80",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.danger.70",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.danger.100",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"inverse": {
"$type": "color",
"$value": "colors.danger.10",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
"warning": {
"100": {
"$type": "color",
"$value": "colors.warning.80",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.warning.70",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.warning.100",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"inverse": {
"$type": "color",
"$value": "colors.warning.100",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
}
},
"success": {
"100": {
"$type": "color",
"$value": "colors.success.80",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.success.60",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.success.100",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"inverse": {
"$type": "color",
"$value": "colors.success.10",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
}
},
"info": {
"100": {
"$type": "color",
"$value": "colors.info.70",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.info.50",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.info.100",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"inverse": {
"$type": "color",
"$value": "colors.info.10",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
}
},
"secondary-action": {
"100": {
"$type": "color",
"$value": "colors.teal.100",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.teal.90",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.teal.80",
"$description": "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"navigation": {
"initial": {
"$type": "color",
"$value": "colors.teal.80",
"$description": "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.teal.90",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
},
"visited": {
"$type": "color",
"$value": "colors.teal.100",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL", "TEXT_FILL"],
"codeSyntax": {}
}
}
}
}
}
},
"surface": {
"page": {
"100": {
"$type": "color",
"$value": "colors.neutral.white",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.neutral.10",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
},
"300": {
"$type": "color",
"$value": "colors.neutral.20",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.brand.5",
"$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
},
"inverse": {
"$type": "color",
"$value": "colors.neutral.90",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
}
},
"success": {
"100": {
"$type": "color",
"$value": "colors.success.40",
"$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.success.60",
"$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.success.50",
"$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
}
},
"danger": {
"100": {
"$type": "color",
"$value": "colors.danger.10",
"$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.danger.50",
"$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.danger.30",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
}
},
"warning": {
"100": {
"$type": "color",
"$value": "colors.warning.20",
"$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.warning.60",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.warning.40",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"info": {
"100": {
"$type": "color",
"$value": "colors.info.20",
"$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.info.50",
"$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.info.30",
"$description": "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL"],
"codeSyntax": {}
}
}
}
}
},
"border": {
"page": {
"100": {
"$type": "color",
"$value": "colors.brand.20",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.neutral.20",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.neutral.10",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
}
},
"success": {
"100": {
"$type": "color",
"$value": "colors.success.50",
"$description": "for use on less prominent actionable borders, like input fields etc",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.success.70",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
}
},
"danger": {
"100": {
"$type": "color",
"$value": "colors.danger.70",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.danger.50",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
}
},
"action": {
"100": {
"$type": "color",
"$value": "colors.neutral.40",
"$description": "for use on less prominent actionable borders, like input fields etc",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.brand.60",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
},
"focus": {
"$type": "color",
"$value": "colors.brand.70",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
}
},
"warning": {
"initial": {
"$type": "color",
"$value": "colors.warning.50",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
}
},
"info": {
"100": {
"$type": "color",
"$value": "colors.info.40",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.info.60",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
}
},
"secondary-action": {
"100": {
"$type": "color",
"$value": "colors.teal.90",
"$description": "for use on less prominent actionable borders, like input fields etc",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.teal.80",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
},
"focus": {
"$type": "color",
"$value": "colors.teal.70",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["STROKE_COLOR"],
"codeSyntax": {}
}
}
}
}
},
"background": {
"action": {
"100": {
"$type": "color",
"$value": "colors.neutral.white",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.brand.60",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.brand.50",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.brand.40",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"100-hover": {
"$type": "color",
"$value": "colors.neutral.5",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"page": {
"100": {
"$type": "color",
"$value": "colors.neutral.10",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"200": {
"$type": "color",
"$value": "colors.neutral.20",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"initial": {
"$type": "color",
"$value": "colors.brand.5",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"danger": {
"initial": {
"$type": "color",
"$value": "colors.danger.60",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.danger.80",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.danger.90",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"info": {
"initial": {
"$type": "color",
"$value": "colors.info.30",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.info.20",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.info.50",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"success": {
"initial": {
"$type": "color",
"$value": "colors.success.60",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.success.70",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.success.80",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"secondary-action": {
"initial": {
"$type": "color",
"$value": "colors.teal.20",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.teal.30",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.teal.40",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
}
},
"ghost": {
"action": {
"initial": {
"$type": "color",
"$value": "colors.neutral.white",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.neutral.5",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.brand.10",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"danger": {
"initial": {
"$type": "color",
"$value": "colors.neutral.white",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.danger.10",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.danger.20",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"success": {
"initial": {
"$type": "color",
"$value": "colors.neutral.white",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.success.10",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.success.20",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
"secondary-action": {
"initial": {
"$type": "color",
"$value": "colors.neutral.white",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"hover": {
"$type": "color",
"$value": "colors.teal.10",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
"active": {
"$type": "color",
"$value": "colors.teal.20",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
}
},
"WIP-data-viz": {
"data-1": {
"$type": "color",
"$value": "#ffffff",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
"data-2": {
"$type": "color",
"$value": "#ffffff",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
"data-3": {
"$type": "color",
"$value": "#ffffff",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
"data-4": {
"$type": "color",
"$value": "#ffffff",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
}
},
"backdrop": {
"page": {
"initial": {
"$type": "color",
"$value": "#bcbaca80",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["SHAPE_FILL"],
"codeSyntax": {}
}
}
}
}
},
"drop-shadow": {
"sm": {
"$type": "color",
"$value": "colors.drop-shadow.sm",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["EFFECT_COLOR"],
"codeSyntax": {}
}
}
},
"md": {
"$type": "color",
"$value": "colors.drop-shadow.md",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["EFFECT_COLOR"],
"codeSyntax": {}
}
}
},
"lg": {
"$type": "color",
"$value": "colors.drop-shadow.lg",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
"scopes": ["EFFECT_COLOR"],
"codeSyntax": {}
}
}
}
}
}