@atlaskit/theme
Version:
Theme contains solutions for global theming, colors, and other useful mixins.
85 lines (79 loc) • 3.11 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.visuallyHidden = exports.noFocusRing = exports.layers = exports.focusRing = exports.assistive = exports.THEME_MODES = exports.DEFAULT_THEME_MODE = exports.CHANNEL = void 0;
var _deprecationWarning = _interopRequireDefault(require("@atlaskit/ds-lib/deprecation-warning"));
/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
var CHANNEL = exports.CHANNEL = '__ATLASKIT_THEME__';
var DEFAULT_THEME_MODE = exports.DEFAULT_THEME_MODE = 'light';
var THEME_MODES = exports.THEME_MODES = ['light', 'dark'];
/**
* @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
* Please use `@atlaskit/focus-ring` instead.
*/
var focusRing = exports.focusRing = function focusRing() {
var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "var(--ds-border-focused, #4688EC)";
var outlineWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
(0, _deprecationWarning.default)('@atlaskit/theme', 'focus ring mixin', 'Please use `@atlaskit/focus-ring` instead.');
return "\n &:focus {\n outline: none;\n box-shadow: 0px 0px 0px ".concat(outlineWidth, "px ").concat(color, ";\n }\n");
};
/**
* @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
* Please use `@atlaskit/focus-ring` instead.
*/
var noFocusRing = exports.noFocusRing = function noFocusRing() {
return "\n box-shadow: none;\n";
};
var layers = exports.layers = {
card: function card() {
return 100;
},
navigation: function navigation() {
return 200;
},
dialog: function dialog() {
return 300;
},
layer: function layer() {
return 400;
},
blanket: function blanket() {
return 500;
},
modal: function modal() {
return 510;
},
flag: function flag() {
return 600;
},
spotlight: function spotlight() {
return 700;
},
tooltip: function tooltip() {
return 9999;
}
};
/**
* @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
* Please use `@atlaskit/visually-hidden`
*/
var visuallyHidden = exports.visuallyHidden = function visuallyHidden() {
(0, _deprecationWarning.default)('@atlaskit/theme', 'visually hidden mixin', 'Please use `@atlaskit/visually-hidden` instead.');
return {
border: '0 !important',
clip: 'rect(1px, 1px, 1px, 1px) !important',
height: '1px !important',
overflow: 'hidden !important',
padding: '0 !important',
position: 'absolute !important',
width: '1px !important',
whiteSpace: 'nowrap !important'
};
};
/**
* @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
* Please use `@atlaskit/visually-hidden`
*/
var assistive = exports.assistive = visuallyHidden;