@atlaskit/flag
Version:
A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.
60 lines (59 loc) • 3.01 kB
JavaScript
// TODO: DSP-2519 Interaction tokens should be used for hovered and pressed states
// https://product-fabric.atlassian.net/browse/DSP-2519
export var 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.
*/
export { flagBackgroundColor } from './flag-background-color';
/* 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.
*/
export { flagIconColor } from './flag-icon-color';
/* 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.
*/
export { flagIconGlyph } from './flag-icon-glyph';
/* 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.
*/
export { flagTextColor } from './flag-text-color';
/* 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.
*/
export { flagTextColorToken } from './flag-text-color-token';
/* 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.
*/
export { actionTextColor } from './action-text-color';