@atlaskit/flag
Version:
A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.
107 lines (100 loc) • 4.06 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.actionBackgroundColor = void 0;
Object.defineProperty(exports, "actionTextColor", {
enumerable: true,
get: function get() {
return _actionTextColor.actionTextColor;
}
});
Object.defineProperty(exports, "flagBackgroundColor", {
enumerable: true,
get: function get() {
return _flagBackgroundColor.flagBackgroundColor;
}
});
Object.defineProperty(exports, "flagIconColor", {
enumerable: true,
get: function get() {
return _flagIconColor.flagIconColor;
}
});
Object.defineProperty(exports, "flagIconGlyph", {
enumerable: true,
get: function get() {
return _flagIconGlyph.flagIconGlyph;
}
});
Object.defineProperty(exports, "flagTextColor", {
enumerable: true,
get: function get() {
return _flagTextColor.flagTextColor;
}
});
Object.defineProperty(exports, "flagTextColorToken", {
enumerable: true,
get: function get() {
return _flagTextColorToken.flagTextColorToken;
}
});
var _flagBackgroundColor = require("./flag-background-color");
var _flagIconColor = require("./flag-icon-color");
var _flagIconGlyph = require("./flag-icon-glyph");
var _flagTextColor = require("./flag-text-color");
var _flagTextColorToken = require("./flag-text-color-token");
var _actionTextColor = require("./action-text-color");
// 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'
}
};
/* eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
/**
* @deprecated Use `import { flagBackgroundColor } from '@atlaskit/flag/flag-background-color'` instead.
*/
/* eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
/**
* @deprecated Use `import { flagIconColor } from '@atlaskit/flag/flag-icon-color'` instead.
*/
/* eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
/**
* @deprecated Use `import { flagIconGlyph } from '@atlaskit/flag/flag-icon-glyph'` instead.
*/
/* eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
/**
* @deprecated Use `import { flagTextColor } from '@atlaskit/flag/flag-text-color'` instead.
*/
/* eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
/**
* @deprecated Use `import { flagTextColorToken } from '@atlaskit/flag/flag-text-color-token'` instead.
*/
/* eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
/**
* @deprecated Use `import { actionTextColor } from '@atlaskit/flag/action-text-color'` instead.
*/