UNPKG

@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
"use strict"; 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. */