{
    "version": 1.1,
    "tags": [
        {
            "name": "fluent-design-system-provider",
            "title": "Design System",
            "description": "The Fluent UI design system provider element",
            "attributes": [
                {
                    "name": "no-paint",
                    "title": "No paint",
                    "description": "Do not paint the background",
                    "type": "boolean",
                    "default": false,
                    "required": false
                },
                {
                    "name": "fill-color",
                    "title": "Fill color",
                    "description": "The fill color used for backgrounds",
                    "type": "string",
                    "default": "#FFFFFF",
                    "required": false
                },
                {
                    "name": "accent-base-color",
                    "title": "Accent base color",
                    "description": "The accent palette base color",
                    "type": "string",
                    "default": "#0078D4",
                    "required": false
                },
                {
                    "name": "neutral-base-color",
                    "title": "Neutral base color",
                    "description": "The neutral palette base color",
                    "type": "string",
                    "default": "#808080",
                    "required": false
                },
                {
                    "name": "density",
                    "title": "Density",
                    "description": "The density offset",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "design-unit",
                    "title": "Design unit",
                    "description": "UI dimension base unit",
                    "type": "number",
                    "default": 4,
                    "required": false
                },
                {
                    "name": "direction",
                    "title": "Direction",
                    "description": "Support localized styles",
                    "type": "string",
                    "values": [
                        {
                            "name": "ltr"
                        },
                        {
                            "name": "rtl"
                        }
                    ],
                    "default": "ltr",
                    "required": false
                },
                {
                    "name": "base-height-multiplier",
                    "title": "Base height multiplier",
                    "description": "Height multiplier at base density",
                    "type": "number",
                    "default": 8,
                    "required": false
                },
                {
                    "name": "base-horizontal-spacing-multiplier",
                    "title": "Base horizontal spacing multiplier",
                    "description": "Horizontal spacing multiplier at the base density",
                    "type": "number",
                    "default": 3,
                    "required": false
                },
                {
                    "name": "control-corner-radius",
                    "title": "Control Corner radius",
                    "description": "The corner radius value for control components",
                    "type": "number",
                    "default": 4,
                    "required": false
                },
                {
                    "name": "layer-corner-radius",
                    "title": "Layer Corner radius",
                    "description": "The corner radius value for layer components",
                    "type": "number",
                    "default": 8,
                    "required": false
                },
                {
                    "name": "stroke-width",
                    "title": "Stroke width",
                    "description": "The width of outline strokes",
                    "type": "number",
                    "default": 1,
                    "required": false
                },
                {
                    "name": "focus-stroke-width",
                    "title": "Focus stroke width",
                    "description": "The width of focus outline strokes",
                    "type": "number",
                    "default": 2,
                    "required": false
                },
                {
                    "name": "disabled-opacity",
                    "title": "Disabled opacity",
                    "description": "The disabled opacity for elements",
                    "type": "number",
                    "default": 0.3,
                    "required": false
                },
                {
                    "name": "type-ramp-minus-2-font-size",
                    "title": "Font size (-2)",
                    "type": "string",
                    "default": "10px",
                    "required": false
                },
                {
                    "name": "type-ramp-minus-2-line-height",
                    "title": "Line height (-2)",
                    "type": "string",
                    "default": "14px",
                    "required": false
                },
                {
                    "name": "type-ramp-minus-1-font-size",
                    "title": "Font size (-1)",
                    "type": "string",
                    "default": "12px",
                    "required": false
                },
                {
                    "name": "type-ramp-minus-1-line-height",
                    "title": "Line height (-1)",
                    "type": "string",
                    "default": "16px",
                    "required": false
                },
                {
                    "name": "type-ramp-base-font-size",
                    "title": "Font size (base)",
                    "type": "string",
                    "default": "14px",
                    "required": false
                },
                {
                    "name": "type-ramp-base-line-height",
                    "title": "Line height (base)",
                    "type": "string",
                    "default": "20px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-1-font-size",
                    "title": "Font size (+1)",
                    "type": "string",
                    "default": "16px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-1-line-height",
                    "title": "Line height (+1)",
                    "type": "string",
                    "default": "22px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-2-font-size",
                    "title": "Font size (+2)",
                    "type": "string",
                    "default": "20px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-2-line-height",
                    "title": "Line height (+2)",
                    "type": "string",
                    "default": "28px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-3-font-size",
                    "title": "Font size (+3)",
                    "type": "string",
                    "default": "24px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-3-line-height",
                    "title": "Line height (+3)",
                    "type": "string",
                    "default": "32px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-4-font-size",
                    "title": "Font size (+4)",
                    "type": "string",
                    "default": "28px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-4-line-height",
                    "title": "Line height (+4)",
                    "type": "string",
                    "default": "36px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-5-font-size",
                    "title": "Font size (+5)",
                    "type": "string",
                    "default": "32px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-5-line-height",
                    "title": "Line height (+5)",
                    "type": "string",
                    "default": "40px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-6-font-size",
                    "title": "Font size (+6)",
                    "type": "string",
                    "default": "40px",
                    "required": false
                },
                {
                    "name": "type-ramp-plus-6-line-height",
                    "title": "Line height (+6)",
                    "type": "string",
                    "default": "52px",
                    "required": false
                },
                {
                    "name": "accent-fill-rest-delta",
                    "title": "Accent fill delta (rest)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "accent-fill-hover-delta",
                    "title": "Accent fill delta (hover)",
                    "type": "number",
                    "default": 4,
                    "required": false
                },
                {
                    "name": "accent-fill-active-delta",
                    "title": "Accent fill delta (active)",
                    "type": "number",
                    "default": -5,
                    "required": false
                },
                {
                    "name": "accent-fill-focus-delta",
                    "title": "Accent fill delta (focus)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "accent-foreground-rest-delta",
                    "title": "Accent foreground delta (rest)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "accent-foreground-hover-delta",
                    "title": "Accent foreground delta (hover)",
                    "type": "number",
                    "default": 6,
                    "required": false
                },
                {
                    "name": "accent-foreground-active-delta",
                    "title": "Accent foreground delta (active)",
                    "type": "number",
                    "default": -4,
                    "required": false
                },
                {
                    "name": "accent-foreground-focus-delta",
                    "title": "Accent foreground delta (focus)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "neutral-fill-rest-delta",
                    "title": "Neutral fill delta (rest)",
                    "type": "number",
                    "default": 7,
                    "required": false
                },
                {
                    "name": "neutral-fill-hover-delta",
                    "title": "Neutral fill delta (hover)",
                    "type": "number",
                    "default": 10,
                    "required": false
                },
                {
                    "name": "neutral-fill-active-delta",
                    "title": "Neutral fill delta (active)",
                    "type": "number",
                    "default": 5,
                    "required": false
                },
                {
                    "name": "neutral-fill-focus-delta",
                    "title": "Neutral fill delta (focus)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "neutral-fill-input-rest-delta",
                    "title": "Neutral fill input delta (rest)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "neutral-fill-input-hover-delta",
                    "title": "Neutral fill input delta (hover)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "neutral-fill-input-active-delta",
                    "title": "Neutral fill input delta (active)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "neutral-fill-input-focus-delta",
                    "title": "Neutral fill input delta (focus)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "neutral-fill-stealth-rest-delta",
                    "title": "Neutral fill stealth delta (rest)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "neutral-fill-stealth-hover-delta",
                    "title": "Neutral fill stealth delta (hover)",
                    "type": "number",
                    "default": 5,
                    "required": false
                },
                {
                    "name": "neutral-fill-stealth-active-delta",
                    "title": "Neutral fill stealth delta (active)",
                    "type": "number",
                    "default": 3,
                    "required": false
                },
                {
                    "name": "neutral-fill-stealth-focus-delta",
                    "title": "Neutral fill stealth delta (focus)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "neutral-fill-strong-hover-delta",
                    "title": "Neutral fill strong delta (hover)",
                    "type": "number",
                    "default": 8,
                    "required": false
                },
                {
                    "name": "neutral-fill-strong-active-delta",
                    "title": "Neutral fill strong delta (active)",
                    "type": "number",
                    "default": -5,
                    "required": false
                },
                {
                    "name": "neutral-fill-strong-focus-delta",
                    "title": "Neutral fill strong delta (focus)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "neutral-fill-strong-rest-delta",
                    "title": "Neutral fill strong delta (rest)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "base-layer-luminance",
                    "title": "Base layer luminance",
                    "description": "When set to a number between 0 and 1, this values controls the output of layer and card recipes",
                    "type": "number",
                    "default": 0.98,
                    "required": false
                },
                {
                    "name": "neutral-fill-layer-rest-delta",
                    "title": "Layer background delta",
                    "type": "number",
                    "default": 3,
                    "required": false
                },
                {
                    "name": "neutral-stroke-divider-rest-delta",
                    "title": "Neutral divider stroke delta",
                    "type": "number",
                    "default": 8,
                    "required": false
                },
                {
                    "name": "neutral-stroke-rest-delta",
                    "title": "Neutral stroke delta (rest)",
                    "type": "number",
                    "default": 25,
                    "required": false
                },
                {
                    "name": "neutral-stroke-hover-delta",
                    "title": "Neutral stroke delta (hover)",
                    "type": "number",
                    "default": 40,
                    "required": false
                },
                {
                    "name": "neutral-stroke-active-delta",
                    "title": "Neutral stroke delta (active)",
                    "type": "number",
                    "default": 16,
                    "required": false
                },
                {
                    "name": "neutral-stroke-focus-delta",
                    "title": "Neutral stroke delta (focus)",
                    "type": "number",
                    "default": 25,
                    "required": false
                },
                {
                    "name": "neutral-contrast-fill-rest-delta",
                    "title": "Neutral contrast fill delta (rest)",
                    "type": "number",
                    "default": 0,
                    "required": false
                },
                {
                    "name": "neutral-contrast-fill-hover-delta",
                    "title": "Neutral contrast fill delta (hover)",
                    "type": "number",
                    "default": -3,
                    "required": false
                },
                {
                    "name": "neutral-contrast-fill-active-delta",
                    "title": "Neutral contrast fill delta (active)",
                    "type": "number",
                    "default": 7,
                    "required": false
                },
                {
                    "name": "neutral-contrast-fill-focus-delta",
                    "title": "Neutral contrast fill delta (focus)",
                    "type": "number",
                    "default": 0,
                    "required": false
                }
            ],
            "slots": [
                {
                    "name": "",
                    "title": "Default slot"
                }
            ]
        }
    ]
}