@atlaskit/flag
Version:
A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.
35 lines (34 loc) • 1.28 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.actionBackgroundColor = void 0;
// TODO: DSP-2519 Interaction tokens should be used for hovered and pressed states
// https://product-fabric.atlassian.net/browse/DSP-2519
var actionBackgroundColor = exports.actionBackgroundColor = {
success: {
default: "var(--ds-background-inverse-subtle, #00000029)",
active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
pressed: "var(--ds-background-inverse-subtle-hovered, #0000003D)"
},
info: {
default: "var(--ds-background-inverse-subtle, #00000029)",
active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
pressed: "var(--ds-background-inverse-subtle-hovered, #0000003D)"
},
error: {
default: "var(--ds-background-inverse-subtle, #00000029)",
active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
pressed: "var(--ds-background-inverse-subtle-hovered, #0000003D)"
},
warning: {
default: "var(--ds-background-inverse-subtle, #00000029)",
active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
pressed: "var(--ds-background-inverse-subtle-hovered, #0000003D)"
},
normal: {
default: 'none',
active: 'none',
pressed: 'none'
}
};