@primer/primitives

{ "avatar-bgColor": { "key": "{avatar.bgColor}", "$value": "#ffffff1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff", "alpha": 0.1, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "alpha": 0.1, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.13}", "alpha": 0.1, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.1, "key": "{avatar.bgColor}" }, "name": "avatar-bgColor", "attributes": {}, "path": ["avatar", "bgColor"] }, "avatar-borderColor": { "key": "{avatar.borderColor}", "$value": "#b7bdc8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "original": { "$value": "{borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" } } }, "key": "{avatar.borderColor}" }, "name": "avatar-borderColor", "attributes": {}, "path": ["avatar", "borderColor"] }, "avatar-shadow": { "key": "{avatar.shadow}", "$value": "0px 0px 0px 2px #0d1117", "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "#0d1117", "alpha": 1, "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "2px" } ], "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "shadow" } } }, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "original": { "$value": [ { "color": "{base.color.neutral.1}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "2px" } ], "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "{base.color.neutral.1}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "2px" } ], "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "shadow" } } }, "key": "{avatar.shadow}" }, "name": "avatar-shadow", "attributes": {}, "path": ["avatar", "shadow"] }, "avatarStack-fade-bgColor-default": { "key": "{avatarStack.fade.bgColor.default}", "$value": "#3d444d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/avatarStack.json5", "isSource": true, "original": { "$value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{avatarStack.fade.bgColor.default}" }, "name": "avatarStack-fade-bgColor-default", "attributes": {}, "path": ["avatarStack", "fade", "bgColor", "default"] }, "avatarStack-fade-bgColor-muted": { "key": "{avatarStack.fade.bgColor.muted}", "$value": "#2a313c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/avatarStack.json5", "isSource": true, "original": { "$value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{avatarStack.fade.bgColor.muted}" }, "name": "avatarStack-fade-bgColor-muted", "attributes": {}, "path": ["avatarStack", "fade", "bgColor", "muted"] }, "bgColor-accent-emphasis": { "key": "{bgColor.accent.emphasis}", "$value": "#194fb1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" } }, "org.primer.overrides": { "dark": "#409eff", "dark-high-contrast": "#194fb1", "dark-dimmed-high-contrast": "#2672f3", "dark-tritanopia-high-contrast": "#194fb1", "dark-protanopia-deuteranopia-high-contrast": "#194fb1" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" } }, "org.primer.overrides": { "dark": "{base.color.blue.5}", "dark-high-contrast": "{base.color.blue.9}", "dark-dimmed-high-contrast": "{base.color.blue.7}", "dark-tritanopia-high-contrast": "{base.color.blue.9}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.9}" } }, "key": "{bgColor.accent.emphasis}" }, "name": "bgColor-accent-emphasis", "attributes": {}, "path": ["bgColor", "accent", "emphasis"] }, "bgColor-accent-muted": { "key": "{bgColor.accent.muted}", "$value": "#5cacff1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" } }, "org.primer.overrides": { "dark": { "$value": "#5cacff", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.1, "original": { "$value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" } }, "org.primer.overrides": { "dark": { "$value": "{base.color.blue.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.1, "key": "{bgColor.accent.muted}" }, "name": "bgColor-accent-muted", "attributes": {}, "path": ["bgColor", "accent", "muted"] }, "bgColor-attention-emphasis": { "key": "{bgColor.attention.emphasis}", "$value": "#7b4900", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" } }, "org.primer.overrides": { "dark-high-contrast": "#7b4900", "dark-dimmed-high-contrast": "#ae7104", "dark-protanopia-deuteranopia-high-contrast": "#7b4900", "dark-tritanopia-high-contrast": "#7b4900" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.yellow.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" } }, "org.primer.overrides": { "dark-high-contrast": "{base.color.yellow.9}", "dark-dimmed-high-contrast": "{base.color.yellow.7}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.yellow.9}", "dark-tritanopia-high-contrast": "{base.color.yellow.9}" } }, "key": "{bgColor.attention.emphasis}" }, "name": "bgColor-attention-emphasis", "attributes": {}, "path": ["bgColor", "attention", "emphasis"] }, "bgColor-attention-muted": { "key": "{bgColor.attention.muted}", "$value": "#edaa2726", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" } }, "org.primer.overrides": { "dark": { "$value": "#edaa27", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.15, "original": { "$value": "{base.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" } }, "org.primer.overrides": { "dark": { "$value": "{base.color.yellow.4}", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.15, "key": "{bgColor.attention.muted}" }, "name": "bgColor-attention-muted", "attributes": {}, "path": ["bgColor", "attention", "muted"] }, "bgColor-black": { "key": "{bgColor.black}", "$value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#010409" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.0}" } }, "key": "{bgColor.black}" }, "name": "bgColor-black", "attributes": {}, "path": ["bgColor", "black"] }, "bgColor-closed-emphasis": { "key": "{bgColor.closed.emphasis}", "$value": "#3d444d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" } }, "org.primer.overrides": { "light-tritanopia": "#3d444d", "light-tritanopia-high-contrast": "#3d444d", "dark-tritanopia": "#3d444d", "dark-tritanopia-high-contrast": "#3d444d", "light-protanopia-deuteranopia": "#3d444d", "light-protanopia-deuteranopia-high-contrast": "#3d444d", "dark-protanopia-deuteranopia": "#3d444d", "dark-protanopia-deuteranopia-high-contrast": "#3d444d" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.neutral.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" } }, "org.primer.overrides": { "light-tritanopia": "{bgColor.neutral.emphasis}", "light-tritanopia-high-contrast": "{bgColor.neutral.emphasis}", "dark-tritanopia": "{bgColor.neutral.emphasis}", "dark-tritanopia-high-contrast": "{bgColor.neutral.emphasis}", "light-protanopia-deuteranopia": "{bgColor.neutral.emphasis}", "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.emphasis}", "dark-protanopia-deuteranopia": "{bgColor.neutral.emphasis}", "dark-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.emphasis}" } }, "key": "{bgColor.closed.emphasis}" }, "name": "bgColor-closed-emphasis", "attributes": {}, "path": ["bgColor", "closed", "emphasis"] }, "bgColor-closed-muted": { "key": "{bgColor.closed.muted}", "$value": "#ff80801a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" } }, "org.primer.overrides": { "light-tritanopia": "#212830", "light-tritanopia-high-contrast": "#212830", "dark-tritanopia": { "$value": "#212830", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#212830", "light-protanopia-deuteranopia-high-contrast": "#212830", "dark-protanopia-deuteranopia": { "$value": "#212830", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#212830", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" } }, "org.primer.overrides": { "light-tritanopia": "{bgColor.neutral.muted}", "light-tritanopia-high-contrast": "{bgColor.neutral.muted}", "dark-tritanopia": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{bgColor.neutral.muted}", "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.muted}", "dark-protanopia-deuteranopia": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "key": "{bgColor.closed.muted}" }, "name": "bgColor-closed-muted", "attributes": {}, "path": ["bgColor", "closed", "muted"] }, "bgColor-danger-emphasis": { "key": "{bgColor.danger.emphasis}", "$value": "#ad0116", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" } }, "org.primer.overrides": { "light-protanopia-deuteranopia": "#e7811d", "light-protanopia-deuteranopia-high-contrast": "#e7811d", "dark-protanopia-deuteranopia": "#e7811d", "dark-protanopia-deuteranopia-high-contrast": "#8f3c00", "dark-high-contrast": "#ad0116", "dark-dimmed-high-contrast": "#e82a2f", "dark-tritanopia-high-contrast": "#ad0116" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.red.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" } }, "org.primer.overrides": { "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}", "dark-protanopia-deuteranopia": "{base.color.orange.5}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.9}", "dark-high-contrast": "{base.color.red.9}", "dark-dimmed-high-contrast": "{base.color.red.7}", "dark-tritanopia-high-contrast": "{base.color.red.9}" } }, "key": "{bgColor.danger.emphasis}" }, "name": "bgColor-danger-emphasis", "attributes": {}, "path": ["bgColor", "danger", "emphasis"] }, "bgColor-danger-muted": { "key": "{bgColor.danger.muted}", "$value": "#ff80801a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" } }, "org.primer.overrides": { "dark": { "$value": "#ff8080", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#ffe1b4", "light-protanopia-deuteranopia-high-contrast": "#ffe1b4", "dark-protanopia-deuteranopia": { "$value": "#f48b25", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.1, "original": { "$value": "{base.color.red.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" } }, "org.primer.overrides": { "dark": { "$value": "{base.color.red.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{base.color.orange.0}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.0}", "dark-protanopia-deuteranopia": { "$value": "{base.color.orange.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.1, "key": "{bgColor.danger.muted}" }, "name": "bgColor-danger-muted", "attributes": {}, "path": ["bgColor", "danger", "muted"] }, "bgColor-default": { "key": "{bgColor.default}", "$value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-default) /* utility class: .color-bg-default */" } }, "org.primer.overrides": { "dark": "#0d1117", "dark-dimmed": "#212830", "dark-dimmed-high-contrast": "#212830", "dark-high-contrast": "#010409", "dark-tritanopia-high-contrast": "#010409", "dark-protanopia-deuteranopia-high-contrast": "#010409" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-default) /* utility class: .color-bg-default */" } }, "org.primer.overrides": { "dark": "{base.color.neutral.1}", "dark-dimmed": "{base.color.neutral.3}", "dark-dimmed-high-contrast": "{base.color.neutral.3}", "dark-high-contrast": "{base.color.neutral.0}", "dark-tritanopia-high-contrast": "{base.color.neutral.0}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.0}" } }, "key": "{bgColor.default}" }, "name": "bgColor-default", "attributes": {}, "path": ["bgColor", "default"] }, "bgColor-disabled": { "key": "{bgColor.disabled}", "$value": "#262c36", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#212830", "dark-dimmed": "#2a313c", "dark-dimmed-high-contrast": "#2a313c", "light-high-contrast": "#262c36", "light-tritanopia-high-contrast": "#262c36", "light-protanopia-deuteranopia-high-contrast": "#262c36", "dark-high-contrast": "#262c36", "dark-tritanopia-high-contrast": "#262c36", "dark-protanopia-deuteranopia-high-contrast": "#262c36" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.3}", "dark-dimmed": "{base.color.neutral.5}", "dark-dimmed-high-contrast": "{base.color.neutral.5}", "light-high-contrast": "{base.color.neutral.4}", "light-tritanopia-high-contrast": "{base.color.neutral.4}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}", "dark-high-contrast": "{base.color.neutral.4}", "dark-tritanopia-high-contrast": "{base.color.neutral.4}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}" } }, "key": "{bgColor.disabled}" }, "name": "bgColor-disabled", "attributes": {}, "path": ["bgColor", "disabled"] }, "bgColor-done-emphasis": { "key": "{bgColor.done.emphasis}", "$value": "#6921d7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" } }, "org.primer.overrides": { "dark-high-contrast": "#6921d7", "dark-dimmed-high-contrast": "#954ffd", "dark-tritanopia-high-contrast": "#6921d7", "dark-protanopia-deuteranopia-high-contrast": "#6921d7" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.purple.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" } }, "org.primer.overrides": { "dark-high-contrast": "{base.color.purple.9}", "dark-dimmed-high-contrast": "{base.color.purple.7}", "dark-tritanopia-high-contrast": "{base.color.purple.9}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.purple.9}" } }, "key": "{bgColor.done.emphasis}" }, "name": "bgColor-done-emphasis", "attributes": {}, "path": ["bgColor", "done", "emphasis"] }, "bgColor-done-muted": { "key": "{bgColor.done.muted}", "$value": "#bf8fff26", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" } }, "org.primer.overrides": { "dark": { "$value": "#bf8fff", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.15, "original": { "$value": "{base.color.purple.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" } }, "org.primer.overrides": { "dark": { "$value": "{base.color.purple.4}", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.15, "key": "{bgColor.done.muted}" }, "name": "bgColor-done-muted", "attributes": {}, "path": ["bgColor", "done", "muted"] }, "bgColor-draft-emphasis": { "key": "{bgColor.draft.emphasis}", "$value": "#3d444d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-draft-emphasis)" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.neutral.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-draft-emphasis)" } } }, "key": "{bgColor.draft.emphasis}" }, "name": "bgColor-draft-emphasis", "attributes": {}, "path": ["bgColor", "draft", "emphasis"] }, "bgColor-draft-muted": { "key": "{bgColor.draft.muted}", "$value": "#212830", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-draft-muted)" } }, "org.primer.overrides": { "light-tritanopia": "#212830", "light-tritanopia-high-contrast": "#212830", "dark-tritanopia": { "$value": "#212830", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#212830", "light-protanopia-deuteranopia-high-contrast": "#212830", "dark-protanopia-deuteranopia": { "$value": "#212830", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#212830", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.neutral.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-draft-muted)" } }, "org.primer.overrides": { "light-tritanopia": "{bgColor.neutral.muted}", "light-tritanopia-high-contrast": "{bgColor.neutral.muted}", "dark-tritanopia": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{bgColor.neutral.muted}", "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.muted}", "dark-protanopia-deuteranopia": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "key": "{bgColor.draft.muted}" }, "name": "bgColor-draft-muted", "attributes": {}, "path": ["bgColor", "draft", "muted"] }, "bgColor-emphasis": { "key": "{bgColor.emphasis}", "$value": "#3d444d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" } }, "org.primer.overrides": { "dark": "#3d444d" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" } }, "org.primer.overrides": { "dark": "{base.color.neutral.7}" } }, "key": "{bgColor.emphasis}" }, "name": "bgColor-emphasis", "attributes": {}, "path": ["bgColor", "emphasis"] }, "bgColor-inset": { "key": "{bgColor.inset}", "$value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" } }, "org.primer.overrides": { "dark": "#010409", "dark-dimmed": "#151b23", "dark-dimmed-high-contrast": "#151b23", "light-high-contrast": "#151b23", "light-tritanopia-high-contrast": "#151b23", "light-protanopia-deuteranopia-high-contrast": "#151b23" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" } }, "org.primer.overrides": { "dark": "{base.color.neutral.0}", "dark-dimmed": "{base.color.neutral.2}", "dark-dimmed-high-contrast": "{base.color.neutral.2}", "light-high-contrast": "{base.color.neutral.2}", "light-tritanopia-high-contrast": "{base.color.neutral.2}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.2}" } }, "key": "{bgColor.inset}" }, "name": "bgColor-inset", "attributes": {}, "path": ["bgColor", "inset"] }, "bgColor-inverse": { "key": "{bgColor.inverse}", "$value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#ffffff" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.13}" } }, "key": "{bgColor.inverse}" }, "name": "bgColor-inverse", "attributes": {}, "path": ["bgColor", "inverse"] }, "bgColor-muted": { "key": "{bgColor.muted}", "$value": "#151b23", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" } }, "org.primer.overrides": { "dark": "#151b23", "dark-dimmed": "#262c36", "dark-dimmed-high-contrast": "#262c36", "light-high-contrast": "#212830", "light-tritanopia-high-contrast": "#212830", "light-protanopia-deuteranopia-high-contrast": "#212830", "dark-high-contrast": "#151b23", "dark-tritanopia-high-contrast": "#151b23", "dark-protanopia-deuteranopia-high-contrast": "#151b23" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" } }, "org.primer.overrides": { "dark": "{base.color.neutral.2}", "dark-dimmed": "{base.color.neutral.4}", "dark-dimmed-high-contrast": "{base.color.neutral.4}", "light-high-contrast": "{base.color.neutral.3}", "light-tritanopia-high-contrast": "{base.color.neutral.3}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}", "dark-high-contrast": "{base.color.neutral.2}", "dark-tritanopia-high-contrast": "{base.color.neutral.2}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.2}" } }, "key": "{bgColor.muted}" }, "name": "bgColor-muted", "attributes": {}, "path": ["bgColor", "muted"] }, "bgColor-neutral-emphasis": { "key": "{bgColor.neutral.emphasis}", "$value": "#3d444d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#656c76", "dark-dimmed": "#656c76", "dark-dimmed-high-contrast": "#3d444d", "light-high-contrast": "#b7bdc8", "light-tritanopia-high-contrast": "#b7bdc8", "light-protanopia-deuteranopia-high-contrast": "#b7bdc8", "dark-high-contrast": "#3d444d", "dark-tritanopia-high-contrast": "#3d444d", "dark-protanopia-deuteranopia-high-contrast": "#3d444d" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.8}", "dark-dimmed": "{base.color.neutral.8}", "dark-dimmed-high-contrast": "{base.color.neutral.7}", "light-high-contrast": "{base.color.neutral.10}", "light-tritanopia-high-contrast": "{base.color.neutral.10}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.10}", "dark-high-contrast": "{base.color.neutral.7}", "dark-tritanopia-high-contrast": "{base.color.neutral.7}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.7}" } }, "key": "{bgColor.neutral.emphasis}" }, "name": "bgColor-neutral-emphasis", "attributes": {}, "path": ["bgColor", "neutral", "emphasis"] }, "bgColor-neutral-muted": { "key": "{bgColor.neutral.muted}", "$value": "#212830", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "light": { "$value": "#656c76", "alpha": 0.12, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark": { "$value": "#656c76", "alpha": 0.2, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-high-contrast": "#262c36", "light-tritanopia-high-contrast": "#262c36", "light-protanopia-deuteranopia-high-contrast": "#262c36", "dark-high-contrast": "#212830", "dark-tritanopia-high-contrast": "#212830", "dark-protanopia-deuteranopia-high-contrast": "#212830" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "light": { "$value": "{base.color.neutral.8}", "alpha": 0.12, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark": { "$value": "{base.color.neutral.8}", "alpha": 0.2, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-high-contrast": "{base.color.neutral.4}", "light-tritanopia-high-contrast": "{base.color.neutral.4}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}", "dark-high-contrast": "{base.color.neutral.3}", "dark-tritanopia-high-contrast": "{base.color.neutral.3}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}" } }, "key": "{bgColor.neutral.muted}" }, "name": "bgColor-neutral-muted", "attributes": {}, "path": ["bgColor", "neutral", "muted"] }, "bgColor-open-emphasis": { "key": "{bgColor.open.emphasis}", "$value": "#ad0116", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" } }, "org.primer.overrides": { "light-tritanopia": "#ff6a69", "light-tritanopia-high-contrast": "#ff6a69", "dark-tritanopia": "#ff6a69", "dark-tritanopia-high-contrast": "#ad0116", "light-protanopia-deuteranopia": "#e7811d", "light-protanopia-deuteranopia-high-contrast": "#e7811d", "dark-protanopia-deuteranopia": "#e7811d", "dark-protanopia-deuteranopia-high-contrast": "#8f3c00" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.red.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" } }, "org.primer.overrides": { "light-tritanopia": "{base.color.red.5}", "light-tritanopia-high-contrast": "{base.color.red.5}", "dark-tritanopia": "{base.color.red.5}", "dark-tritanopia-high-contrast": "{base.color.red.9}", "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}", "dark-protanopia-deuteranopia": "{base.color.orange.5}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.9}" } }, "key": "{bgColor.open.emphasis}" }, "name": "bgColor-open-emphasis", "attributes": {}, "path": ["bgColor", "open", "emphasis"] }, "bgColor-open-muted": { "key": "{bgColor.open.muted}", "$value": "#ff80801a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" } }, "org.primer.overrides": { "light-tritanopia-high-contrast": "#ffdedb", "light-tritanopia": "#ffdedb", "dark-tritanopia": { "$value": "#ff8080", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ff8080", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#ffe1b4", "light-protanopia-deuteranopia-high-contrast": "#ffe1b4", "dark-protanopia-deuteranopia": { "$value": "#f48b25", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#f48b25", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.1, "original": { "$value": "{base.color.red.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" } },