@gitlab/ui

{ "nav": { "item": { "border": { "radius": { "$value": "{action.border.radius}", "$type": "dimension", "$description": "Used for the border radius of a navigation item", "$extensions": { "com.figma.scopes": [ "CORNER_RADIUS" ] } } }, "font": { "size": { "$value": "{font.size.300}", "$type": "dimension", "$description": "Used for the font size of a navigation item", "$extensions": { "com.figma.scopes": [ "FONT_SIZE" ] } }, "weight": { "$value": 425, "$type": "fontWeight", "$description": "Used for the font weight of a navigation item", "$extensions": { "com.figma.scopes": [ "FONT_WEIGHT" ] } } }, "foreground": { "color": { "default": { "$value": "{action.neutral.foreground.color.default}", "$type": "color", "$description": "Used for the foreground of a default navigation item in the default state.", "$extensions": { "com.figma.scopes": [ "TEXT_FILL" ] } }, "hover": { "$value": "{action.neutral.foreground.color.hover}", "$type": "color", "$description": "Used for the foreground of a default navigation item in the hover state.", "$extensions": { "com.figma.scopes": [ "TEXT_FILL" ] } }, "focus": { "$value": "{action.neutral.foreground.color.focus}", "$type": "color", "$description": "Used for the foreground of a default navigation item in the focus state.", "$extensions": { "com.figma.scopes": [ "TEXT_FILL" ] } }, "active": { "$value": "{action.neutral.foreground.color.active}", "$type": "color", "$description": "Used for the foreground of a default navigation item in the active state.", "$extensions": { "com.figma.scopes": [ "TEXT_FILL" ] } } } }, "background": { "color": { "default": { "$value": "{action.neutral.background.color.default}", "$type": "color", "$description": "Used for the background of a default navigation item in the default state.", "$extensions": { "com.figma.scopes": [ "SHAPE_FILL" ] } }, "hover": { "$value": "{action.neutral.background.color.hover}", "$type": "color", "$description": "Used for the background of a default navigation item in the hover state.", "$extensions": { "com.figma.scopes": [ "SHAPE_FILL" ] } }, "focus": { "$value": "{action.neutral.background.color.focus}", "$type": "color", "$description": "Used for the background of a default navigation item in the focus state.", "$extensions": { "com.figma.scopes": [ "SHAPE_FILL" ] } }, "active": { "$value": "{action.neutral.background.color.active}", "$type": "color", "$description": "Used for the background of a default navigation item in the active state.", "$extensions": { "com.figma.scopes": [ "SHAPE_FILL" ] } } } }, "selected": { "foreground": { "color": { "default": { "$value": "{action.selected.foreground.color.default}", "$type": "color", "$description": "Used for the foreground of a selected navigation item in the default state.", "$extensions": { "com.figma.scopes": [ "TEXT_FILL" ] } }, "hover": { "$value": "{action.selected.foreground.color.hover}", "$type": "color", "$description": "Used for the foreground of a selected navigation item in the hover state.", "$extensions": { "com.figma.scopes": [ "TEXT_FILL" ] } }, "focus": { "$value": "{action.selected.foreground.color.focus}", "$type": "color", "$description": "Used for the foreground of a selected navigation item in the focus state.", "$extensions": { "com.figma.scopes": [ "TEXT_FILL" ] } }, "active": { "$value": "{action.selected.foreground.color.active}", "$type": "color", "$description": "Used for the foreground of a selected navigation item in the active state.", "$extensions": { "com.figma.scopes": [ "TEXT_FILL" ] } } } }, "background": { "color": { "default": { "$value": "{action.selected.background.color.default}", "$type": "color", "$description": "Used for the background of a selected navigation item in the default state.", "$extensions": { "com.figma.scopes": [ "SHAPE_FILL" ] } }, "hover": { "$value": "{action.selected.background.color.hover}", "$type": "color", "$description": "Used for the background of a selected navigation item in the hover state.", "$extensions": { "com.figma.scopes": [ "SHAPE_FILL" ] } }, "focus": { "$value": "{action.selected.background.color.focus}", "$type": "color", "$description": "Used for the background of a selected navigation item in the focus state.", "$extensions": { "com.figma.scopes": [ "SHAPE_FILL" ] } }, "active": { "$value": "{action.selected.background.color.active}", "$type": "color", "$description": "Used for the background of a selected navigation item in the active state.", "$extensions": { "com.figma.scopes": [ "SHAPE_FILL" ] } } } } } } } }