@atlaskit/tokens
Version:
Design tokens are the single source of truth to name and store design decisions.
56 lines (55 loc) • 2.19 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.loadAndAppendThemeCss = exports.darkModeMediaQuery = void 0;
Object.defineProperty(exports, "loadThemeCss", {
enumerable: true,
get: function get() {
return _loadThemeCss.loadThemeCss;
}
});
exports.moreContrastMediaQuery = void 0;
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
var _constants = require("../constants");
var _loadThemeCss = require("./load-theme-css");
var loadAndAppendThemeCss = exports.loadAndAppendThemeCss = /*#__PURE__*/function () {
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(themeId) {
var themeCss, style;
return _regenerator.default.wrap(function (_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
if (!document.head.querySelector("style[".concat(_constants.THEME_DATA_ATTRIBUTE, "=\"").concat(themeId, "\"]:not([").concat(_constants.CUSTOM_THEME_ATTRIBUTE, "])"))) {
_context.next = 1;
break;
}
return _context.abrupt("return");
case 1:
if (themeId) {
_context.next = 2;
break;
}
return _context.abrupt("return");
case 2:
_context.next = 3;
return (0, _loadThemeCss.loadThemeCss)(themeId);
case 3:
themeCss = _context.sent;
style = document.createElement('style');
style.textContent = themeCss;
style.dataset.theme = themeId;
document.head.appendChild(style);
case 4:
case "end":
return _context.stop();
}
}, _callee);
}));
return function loadAndAppendThemeCss(_x) {
return _ref.apply(this, arguments);
};
}();
var darkModeMediaQuery = exports.darkModeMediaQuery = '(prefers-color-scheme: dark)';
var moreContrastMediaQuery = exports.moreContrastMediaQuery = '(prefers-contrast: more)';