Skip to content

Instantly share code, notes, and snippets.

@thorque

thorque/hello-world.js

Created December 27, 2023 13:56
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save thorque/545444fd293ba23c30185f44cc65bb85 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save thorque/545444fd293ba23c30185f44cc65bb85 to your computer and use it in GitHub Desktop.
Download ZIP
123.fg
Raw
hello-world.js
// modules are defined as an array
// [ module function, map of requires ]
//
// map of requires is short require name -> numeric require
//
// anything defined in a previous bundle is accessed via the
// orig method which is the require for previous bundles
(function (modules, entry, mainEntry, parcelRequireName, globalName) {
/* eslint-disable no-undef */
var globalObject =
typeof globalThis !== 'undefined'
? globalThis
: typeof self !== 'undefined'
? self
: typeof window !== 'undefined'
? window
: typeof global !== 'undefined'
? global
: {};
/* eslint-enable no-undef */
// Save the require from previous bundle to this closure if any
var previousRequire =
typeof globalObject[parcelRequireName] === 'function' &&
globalObject[parcelRequireName];
var cache = previousRequire.cache || {};
// Do not use `require` to prevent Webpack from trying to bundle this call
var nodeRequire =
typeof module !== 'undefined' &&
typeof module.require === 'function' &&
module.require.bind(module);
function newRequire(name, jumped) {
if (!cache[name]) {
if (!modules[name]) {
// if we cannot find the module within our internal map or
// cache jump to the current global require ie. the last bundle
// that was added to the page.
var currentRequire =
typeof globalObject[parcelRequireName] === 'function' &&
globalObject[parcelRequireName];
if (!jumped && currentRequire) {
return currentRequire(name, true);
}
// If there are other bundles on this page the require from the
// previous one is saved to 'previousRequire'. Repeat this as
// many times as there are bundles until the module is found or
// we exhaust the require chain.
if (previousRequire) {
return previousRequire(name, true);
}
// Try the node require function if it exists.
if (nodeRequire && typeof name === 'string') {
return nodeRequire(name);
}
var err = new Error("Cannot find module '" + name + "'");
err.code = 'MODULE_NOT_FOUND';
throw err;
}
localRequire.resolve = resolve;
localRequire.cache = {};
var module = (cache[name] = new newRequire.Module(name));
modules[name][0].call(
module.exports,
localRequire,
module,
module.exports,
this
);
}
return cache[name].exports;
function localRequire(x) {
var res = localRequire.resolve(x);
return res === false ? {} : newRequire(res);
}
function resolve(x) {
var id = modules[name][1][x];
return id != null ? id : x;
}
}
function Module(moduleName) {
this.id = moduleName;
this.bundle = newRequire;
this.exports = {};
}
newRequire.isParcelRequire = true;
newRequire.Module = Module;
newRequire.modules = modules;
newRequire.cache = cache;
newRequire.parent = previousRequire;
newRequire.register = function (id, exports) {
modules[id] = [
function (require, module) {
module.exports = exports;
},
{},
];
};
Object.defineProperty(newRequire, 'root', {
get: function () {
return globalObject[parcelRequireName];
},
});
globalObject[parcelRequireName] = newRequire;
for (var i = 0; i < entry.length; i++) {
newRequire(entry[i]);
}
if (mainEntry) {
// Expose entry point to Node, AMD or browser globals
// Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
var mainExports = newRequire(mainEntry);
// CommonJS
if (typeof exports === 'object' && typeof module !== 'undefined') {
module.exports = mainExports;
// RequireJS
} else if (typeof define === 'function' && define.amd) {
define(function () {
return mainExports;
});
// <script>
} else if (globalName) {
this[globalName] = mainExports;
}
}
})({"45qqa":[function(require,module,exports) {
var HMR_HOST = null;
var HMR_PORT = 63599;
var HMR_SECURE = false;
var HMR_ENV_HASH = "8b4f4be52f1c045a";
module.bundle.HMR_BUNDLE_ID = "ab5cd79bcf711bf7";
"use strict";
/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */ /*::
import type {
HMRAsset,
HMRMessage,
} from '@parcel/reporter-dev-server/src/HMRServer.js';
interface ParcelRequire {
(string): mixed;
cache: {|[string]: ParcelModule|};
hotData: {|[string]: mixed|};
Module: any;
parent: ?ParcelRequire;
isParcelRequire: true;
modules: {|[string]: [Function, {|[string]: string|}]|};
HMR_BUNDLE_ID: string;
root: ParcelRequire;
}
interface ParcelModule {
hot: {|
data: mixed,
accept(cb: (Function) => void): void,
dispose(cb: (mixed) => void): void,
// accept(deps: Array<string> | string, cb: (Function) => void): void,
// decline(): void,
_acceptCallbacks: Array<(Function) => void>,
_disposeCallbacks: Array<(mixed) => void>,
|};
}
interface ExtensionContext {
runtime: {|
reload(): void,
getURL(url: string): string;
getManifest(): {manifest_version: number, ...};
|};
}
declare var module: {bundle: ParcelRequire, ...};
declare var HMR_HOST: string;
declare var HMR_PORT: string;
declare var HMR_ENV_HASH: string;
declare var HMR_SECURE: boolean;
declare var chrome: ExtensionContext;
declare var browser: ExtensionContext;
declare var __parcel__import__: (string) => Promise<void>;
declare var __parcel__importScripts__: (string) => Promise<void>;
declare var globalThis: typeof self;
declare var ServiceWorkerGlobalScope: Object;
*/ var OVERLAY_ID = "__parcel__error__overlay__";
var OldModule = module.bundle.Module;
function Module(moduleName) {
OldModule.call(this, moduleName);
this.hot = {
data: module.bundle.hotData[moduleName],
_acceptCallbacks: [],
_disposeCallbacks: [],
accept: function(fn) {
this._acceptCallbacks.push(fn || function() {});
},
dispose: function(fn) {
this._disposeCallbacks.push(fn);
}
};
module.bundle.hotData[moduleName] = undefined;
}
module.bundle.Module = Module;
module.bundle.hotData = {};
var checkedAssets /*: {|[string]: boolean|} */ , assetsToDispose /*: Array<[ParcelRequire, string]> */ , assetsToAccept /*: Array<[ParcelRequire, string]> */ ;
function getHostname() {
return HMR_HOST || (location.protocol.indexOf("http") === 0 ? location.hostname : "localhost");
}
function getPort() {
return HMR_PORT || location.port;
}
// eslint-disable-next-line no-redeclare
var parent = module.bundle.parent;
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== "undefined") {
var hostname = getHostname();
var port = getPort();
var protocol = HMR_SECURE || location.protocol == "https:" && !/localhost|127.0.0.1|0.0.0.0/.test(hostname) ? "wss" : "ws";
var ws;
try {
ws = new WebSocket(protocol + "://" + hostname + (port ? ":" + port : "") + "/");
} catch (err) {
if (err.message) console.error(err.message);
ws = {};
}
// Web extension context
var extCtx = typeof browser === "undefined" ? typeof chrome === "undefined" ? null : chrome : browser;
// Safari doesn't support sourceURL in error stacks.
// eval may also be disabled via CSP, so do a quick check.
var supportsSourceURL = false;
try {
(0, eval)('throw new Error("test"); //# sourceURL=test.js');
} catch (err) {
supportsSourceURL = err.stack.includes("test.js");
}
// $FlowFixMe
ws.onmessage = async function(event /*: {data: string, ...} */ ) {
checkedAssets = {} /*: {|[string]: boolean|} */ ;
assetsToAccept = [];
assetsToDispose = [];
var data /*: HMRMessage */ = JSON.parse(event.data);
if (data.type === "update") {
// Remove error overlay if there is one
if (typeof document !== "undefined") removeErrorOverlay();
let assets = data.assets.filter((asset)=>asset.envHash === HMR_ENV_HASH);
// Handle HMR Update
let handled = assets.every((asset)=>{
return asset.type === "css" || asset.type === "js" && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);
});
if (handled) {
console.clear();
// Dispatch custom event so other runtimes (e.g React Refresh) are aware.
if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") window.dispatchEvent(new CustomEvent("parcelhmraccept"));
await hmrApplyUpdates(assets);
// Dispose all old assets.
let processedAssets = {} /*: {|[string]: boolean|} */ ;
for(let i = 0; i < assetsToDispose.length; i++){
let id = assetsToDispose[i][1];
if (!processedAssets[id]) {
hmrDispose(assetsToDispose[i][0], id);
processedAssets[id] = true;
}
}
// Run accept callbacks. This will also re-execute other disposed assets in topological order.
processedAssets = {};
for(let i = 0; i < assetsToAccept.length; i++){
let id = assetsToAccept[i][1];
if (!processedAssets[id]) {
hmrAccept(assetsToAccept[i][0], id);
processedAssets[id] = true;
}
}
} else fullReload();
}
if (data.type === "error") {
// Log parcel errors to console
for (let ansiDiagnostic of data.diagnostics.ansi){
let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;
console.error("\uD83D\uDEA8 [parcel]: " + ansiDiagnostic.message + "\n" + stack + "\n\n" + ansiDiagnostic.hints.join("\n"));
}
if (typeof document !== "undefined") {
// Render the fancy html overlay
removeErrorOverlay();
var overlay = createErrorOverlay(data.diagnostics.html);
// $FlowFixMe
document.body.appendChild(overlay);
}
}
};
ws.onerror = function(e) {
if (e.message) console.error(e.message);
};
ws.onclose = function() {
console.warn("[parcel] \uD83D\uDEA8 Connection to the HMR server was lost");
};
}
function removeErrorOverlay() {
var overlay = document.getElementById(OVERLAY_ID);
if (overlay) {
overlay.remove();
console.log("[parcel] \u2728 Error resolved");
}
}
function createErrorOverlay(diagnostics) {
var overlay = document.createElement("div");
overlay.id = OVERLAY_ID;
let errorHTML = '<div style="background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;">';
for (let diagnostic of diagnostics){
let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame)=>{
return `${p}
<a href="/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}" style="text-decoration: underline; color: #888" onclick="fetch(this.href); return false">${frame.location}</a>
${frame.code}`;
}, "") : diagnostic.stack;
errorHTML += `
<div>
<div style="font-size: 18px; font-weight: bold; margin-top: 20px;">
\u{1F6A8} ${diagnostic.message}
</div>
<pre>${stack}</pre>
<div>
${diagnostic.hints.map((hint)=>"<div>\uD83D\uDCA1 " + hint + "</div>").join("")}
</div>
${diagnostic.documentation ? `<div>\u{1F4DD} <a style="color: violet" href="${diagnostic.documentation}" target="_blank">Learn more</a></div>` : ""}
</div>
`;
}
errorHTML += "</div>";
overlay.innerHTML = errorHTML;
return overlay;
}
function fullReload() {
if ("reload" in location) location.reload();
else if (extCtx && extCtx.runtime && extCtx.runtime.reload) extCtx.runtime.reload();
}
function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */ {
var modules = bundle.modules;
if (!modules) return [];
var parents = [];
var k, d, dep;
for(k in modules)for(d in modules[k][1]){
dep = modules[k][1][d];
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) parents.push([
bundle,
k
]);
}
if (bundle.parent) parents = parents.concat(getParents(bundle.parent, id));
return parents;
}
function updateLink(link) {
var href = link.getAttribute("href");
if (!href) return;
var newLink = link.cloneNode();
newLink.onload = function() {
if (link.parentNode !== null) // $FlowFixMe
link.parentNode.removeChild(link);
};
newLink.setAttribute("href", // $FlowFixMe
href.split("?")[0] + "?" + Date.now());
// $FlowFixMe
link.parentNode.insertBefore(newLink, link.nextSibling);
}
var cssTimeout = null;
function reloadCSS() {
if (cssTimeout) return;
cssTimeout = setTimeout(function() {
var links = document.querySelectorAll('link[rel="stylesheet"]');
for(var i = 0; i < links.length; i++){
// $FlowFixMe[incompatible-type]
var href /*: string */ = links[i].getAttribute("href");
var hostname = getHostname();
var servedFromHMRServer = hostname === "localhost" ? new RegExp("^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):" + getPort()).test(href) : href.indexOf(hostname + ":" + getPort());
var absolute = /^https?:\/\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;
if (!absolute) updateLink(links[i]);
}
cssTimeout = null;
}, 50);
}
function hmrDownload(asset) {
if (asset.type === "js") {
if (typeof document !== "undefined") {
let script = document.createElement("script");
script.src = asset.url + "?t=" + Date.now();
if (asset.outputFormat === "esmodule") script.type = "module";
return new Promise((resolve, reject)=>{
var _document$head;
script.onload = ()=>resolve(script);
script.onerror = reject;
(_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);
});
} else if (typeof importScripts === "function") {
// Worker scripts
if (asset.outputFormat === "esmodule") return import(asset.url + "?t=" + Date.now());
else return new Promise((resolve, reject)=>{
try {
importScripts(asset.url + "?t=" + Date.now());
resolve();
} catch (err) {
reject(err);
}
});
}
}
}
async function hmrApplyUpdates(assets) {
global.parcelHotUpdate = Object.create(null);
let scriptsToRemove;
try {
// If sourceURL comments aren't supported in eval, we need to load
// the update from the dev server over HTTP so that stack traces
// are correct in errors/logs. This is much slower than eval, so
// we only do it if needed (currently just Safari).
// https://bugs.webkit.org/show_bug.cgi?id=137297
// This path is also taken if a CSP disallows eval.
if (!supportsSourceURL) {
let promises = assets.map((asset)=>{
var _hmrDownload;
return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch((err)=>{
// Web extension fix
if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3 && typeof ServiceWorkerGlobalScope != "undefined" && global instanceof ServiceWorkerGlobalScope) {
extCtx.runtime.reload();
return;
}
throw err;
});
});
scriptsToRemove = await Promise.all(promises);
}
assets.forEach(function(asset) {
hmrApply(module.bundle.root, asset);
});
} finally{
delete global.parcelHotUpdate;
if (scriptsToRemove) scriptsToRemove.forEach((script)=>{
if (script) {
var _document$head2;
(_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);
}
});
}
}
function hmrApply(bundle /*: ParcelRequire */ , asset /*: HMRAsset */ ) {
var modules = bundle.modules;
if (!modules) return;
if (asset.type === "css") reloadCSS();
else if (asset.type === "js") {
let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];
if (deps) {
if (modules[asset.id]) {
// Remove dependencies that are removed and will become orphaned.
// This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.
let oldDeps = modules[asset.id][1];
for(let dep in oldDeps)if (!deps[dep] || deps[dep] !== oldDeps[dep]) {
let id = oldDeps[dep];
let parents = getParents(module.bundle.root, id);
if (parents.length === 1) hmrDelete(module.bundle.root, id);
}
}
if (supportsSourceURL) // Global eval. We would use `new Function` here but browser
// support for source maps is better with eval.
(0, eval)(asset.output);
// $FlowFixMe
let fn = global.parcelHotUpdate[asset.id];
modules[asset.id] = [
fn,
deps
];
} else if (bundle.parent) hmrApply(bundle.parent, asset);
}
}
function hmrDelete(bundle, id) {
let modules = bundle.modules;
if (!modules) return;
if (modules[id]) {
// Collect dependencies that will become orphaned when this module is deleted.
let deps = modules[id][1];
let orphans = [];
for(let dep in deps){
let parents = getParents(module.bundle.root, deps[dep]);
if (parents.length === 1) orphans.push(deps[dep]);
}
// Delete the module. This must be done before deleting dependencies in case of circular dependencies.
delete modules[id];
delete bundle.cache[id];
// Now delete the orphans.
orphans.forEach((id)=>{
hmrDelete(module.bundle.root, id);
});
} else if (bundle.parent) hmrDelete(bundle.parent, id);
}
function hmrAcceptCheck(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
if (hmrAcceptCheckOne(bundle, id, depsByBundle)) return true;
// Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.
let parents = getParents(module.bundle.root, id);
let accepted = false;
while(parents.length > 0){
let v = parents.shift();
let a = hmrAcceptCheckOne(v[0], v[1], null);
if (a) // If this parent accepts, stop traversing upward, but still consider siblings.
accepted = true;
else {
// Otherwise, queue the parents in the next level upward.
let p = getParents(module.bundle.root, v[1]);
if (p.length === 0) {
// If there are no parents, then we've reached an entry without accepting. Reload.
accepted = false;
break;
}
parents.push(...p);
}
}
return accepted;
}
function hmrAcceptCheckOne(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
var modules = bundle.modules;
if (!modules) return;
if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {
// If we reached the root bundle without finding where the asset should go,
// there's nothing to do. Mark as "accepted" so we don't reload the page.
if (!bundle.parent) return true;
return hmrAcceptCheck(bundle.parent, id, depsByBundle);
}
if (checkedAssets[id]) return true;
checkedAssets[id] = true;
var cached = bundle.cache[id];
assetsToDispose.push([
bundle,
id
]);
if (!cached || cached.hot && cached.hot._acceptCallbacks.length) {
assetsToAccept.push([
bundle,
id
]);
return true;
}
}
function hmrDispose(bundle /*: ParcelRequire */ , id /*: string */ ) {
var cached = bundle.cache[id];
bundle.hotData[id] = {};
if (cached && cached.hot) cached.hot.data = bundle.hotData[id];
if (cached && cached.hot && cached.hot._disposeCallbacks.length) cached.hot._disposeCallbacks.forEach(function(cb) {
cb(bundle.hotData[id]);
});
delete bundle.cache[id];
}
function hmrAccept(bundle /*: ParcelRequire */ , id /*: string */ ) {
// Execute the module.
bundle(id);
// Run the accept callbacks in the new version of the module.
var cached = bundle.cache[id];
if (cached && cached.hot && cached.hot._acceptCallbacks.length) cached.hot._acceptCallbacks.forEach(function(cb) {
var assetsToAlsoAccept = cb(function() {
return getParents(module.bundle.root, id);
});
if (assetsToAlsoAccept && assetsToAccept.length) {
assetsToAlsoAccept.forEach(function(a) {
hmrDispose(a[0], a[1]);
});
// $FlowFixMe[method-unbinding]
assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);
}
});
}
},{}],"cWug9":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "default", ()=>HelloWorld);
var _sectionMessage = require("@atlaskit/section-message");
var _sectionMessageDefault = parcelHelpers.interopDefault(_sectionMessage);
var _react = require("react");
var _reactDefault = parcelHelpers.interopDefault(_react);
function HelloWorld() {
const [excitementLevel, setExcitementLevel] = (0, _reactDefault.default).useState(0);
return /*#__PURE__*/ (0, _reactDefault.default).createElement((0, _sectionMessageDefault.default), {
title: `Hello, world${excitementLevel ? new Array(excitementLevel).fill("!").join("") : "."}`,
actions: [
{
key: "1",
href: "https://atlassian.design/components/",
text: "Browse more components to add to your app"
},
{
key: "2",
onClick: ()=>setExcitementLevel(excitementLevel + 1),
text: "Get excited!"
}
],
__source: {
fileName: "views/hello-world.jsx",
lineNumber: 6,
columnNumber: 10
},
__self: this
}, /*#__PURE__*/ (0, _reactDefault.default).createElement("p", {
__source: {
fileName: "views/hello-world.jsx",
lineNumber: 21,
columnNumber: 7
},
__self: this
}, "Congratulations! You have successfully created an Atlassian Connect app using the ", /*#__PURE__*/ (0, _reactDefault.default).createElement("a", {
href: "https://bitbucket.org/atlassian/atlassian-connect-express",
__source: {
fileName: "views/hello-world.jsx",
lineNumber: 22,
columnNumber: 91
},
__self: this
}, "atlassian-connect-express"), " client library."));
}
},{"@atlaskit/section-message":"ewZSp","react":"88B64","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"ewZSp":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "default", ()=>(0, _sectionMessageDefault.default));
parcelHelpers.export(exports, "SectionMessageAction", ()=>(0, _sectionMessageActionDefault.default));
var _sectionMessage = require("./section-message");
var _sectionMessageDefault = parcelHelpers.interopDefault(_sectionMessage);
var _sectionMessageAction = require("./section-message-action");
var _sectionMessageActionDefault = parcelHelpers.interopDefault(_sectionMessageAction);
},{"./section-message":"hi1Ju","./section-message-action":false,"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"hi1Ju":[function(require,module,exports) {
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
var _react = require("react");
var _reactDefault = parcelHelpers.interopDefault(_react);
var _dsExplorations = require("@atlaskit/ds-explorations");
var _heading = require("@atlaskit/heading");
var _headingDefault = parcelHelpers.interopDefault(_heading);
var _appearanceIcon = require("./internal/appearance-icon");
/**
* __Section message__
*
* A section message is used to alert users to a particular section of the screen.
*
* - [Examples](https://atlassian.design/components/section-message/examples)
* - [Code](https://atlassian.design/components/section-message/code)
* - [Usage](https://atlassian.design/components/section-message/usage)
*/ var SectionMessage = /*#__PURE__*/ (0, _react.forwardRef)(function SectionMessage(_ref, ref) {
var children = _ref.children, _ref$appearance = _ref.appearance, appearance = _ref$appearance === void 0 ? "information" : _ref$appearance, actions = _ref.actions, title = _ref.title, icon = _ref.icon, testId = _ref.testId;
var _getAppearanceIconSty = (0, _appearanceIcon.getAppearanceIconStyles)(appearance, icon), primaryColor = _getAppearanceIconSty.primaryIconColor, secondaryColor = _getAppearanceIconSty.backgroundColor, Icon = _getAppearanceIconSty.Icon;
var actionElements = actions && actions.type === (0, _reactDefault.default).Fragment ? actions.props.children : actions;
var actionsArray = (0, _reactDefault.default).Children.toArray(actionElements);
return /*#__PURE__*/ (0, _reactDefault.default).createElement((0, _dsExplorations.UNSAFE_Box), {
as: "section",
backgroundColor: appearanceMap[appearance],
padding: "space.200",
borderRadius: "normal",
testId: testId,
ref: ref,
UNSAFE_style: {
wordBreak: "break-word"
}
}, /*#__PURE__*/ (0, _reactDefault.default).createElement((0, _dsExplorations.UNSAFE_Inline), {
gap: "space.200"
}, /*#__PURE__*/ (0, _reactDefault.default).createElement((0, _dsExplorations.UNSAFE_Box), {
UNSAFE_style: {
margin: "-2px 0"
}
}, /*#__PURE__*/ (0, _reactDefault.default).createElement(Icon, {
size: "medium",
primaryColor: primaryColor,
secondaryColor: secondaryColor
})), /*#__PURE__*/ (0, _reactDefault.default).createElement((0, _dsExplorations.UNSAFE_Stack), {
gap: "space.100",
testId: testId && "".concat(testId, "--content")
}, !!title && /*#__PURE__*/ (0, _reactDefault.default).createElement((0, _headingDefault.default), {
as: "h2",
level: "h500"
}, title), /*#__PURE__*/ (0, _reactDefault.default).createElement((0, _dsExplorations.UNSAFE_Text), null, children), actionsArray.length > 0 && /*#__PURE__*/ (0, _reactDefault.default).createElement((0, _dsExplorations.UNSAFE_Inline), {
flexWrap: "wrap",
testId: testId && "".concat(testId, "--actions"),
divider: "\xb7",
gap: "space.100"
}, actionsArray))));
});
var appearanceMap = {
information: "information",
warning: "warning",
error: "danger",
success: "success",
discovery: "discovery"
};
SectionMessage.displayName = "SectionMessage";
exports.default = SectionMessage;
},{"react":"88B64","@atlaskit/ds-explorations":"isv1s","@atlaskit/heading":"emrza","./internal/appearance-icon":"5nnYA","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"88B64":[function(require,module,exports) {
"use strict";
if (process.env.NODE_ENV === "production") module.exports = require("956f36295e4e0134");
else module.exports = require("a569817e6ea559f6");
},{"956f36295e4e0134":"7HEU8","a569817e6ea559f6":"jt2zT"}],"7HEU8":[function(require,module,exports) {
/** @license React v16.14.0
* react.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/ "use strict";
var l = require("f790cf940e488cc5"), n = "function" === typeof Symbol && Symbol.for, p = n ? Symbol.for("react.element") : 60103, q = n ? Symbol.for("react.portal") : 60106, r = n ? Symbol.for("react.fragment") : 60107, t = n ? Symbol.for("react.strict_mode") : 60108, u = n ? Symbol.for("react.profiler") : 60114, v = n ? Symbol.for("react.provider") : 60109, w = n ? Symbol.for("react.context") : 60110, x = n ? Symbol.for("react.forward_ref") : 60112, y = n ? Symbol.for("react.suspense") : 60113, z = n ? Symbol.for("react.memo") : 60115, A = n ? Symbol.for("react.lazy") : 60116, B = "function" === typeof Symbol && Symbol.iterator;
function C(a) {
for(var b = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, c = 1; c < arguments.length; c++)b += "&args[]=" + encodeURIComponent(arguments[c]);
return "Minified React error #" + a + "; visit " + b + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
}
var D = {
isMounted: function() {
return !1;
},
enqueueForceUpdate: function() {},
enqueueReplaceState: function() {},
enqueueSetState: function() {}
}, E = {};
function F(a, b, c) {
this.props = a;
this.context = b;
this.refs = E;
this.updater = c || D;
}
F.prototype.isReactComponent = {};
F.prototype.setState = function(a, b) {
if ("object" !== typeof a && "function" !== typeof a && null != a) throw Error(C(85));
this.updater.enqueueSetState(this, a, b, "setState");
};
F.prototype.forceUpdate = function(a) {
this.updater.enqueueForceUpdate(this, a, "forceUpdate");
};
function G() {}
G.prototype = F.prototype;
function H(a, b, c) {
this.props = a;
this.context = b;
this.refs = E;
this.updater = c || D;
}
var I = H.prototype = new G;
I.constructor = H;
l(I, F.prototype);
I.isPureReactComponent = !0;
var J = {
current: null
}, K = Object.prototype.hasOwnProperty, L = {
key: !0,
ref: !0,
__self: !0,
__source: !0
};
function M(a, b, c) {
var e, d = {}, g = null, k = null;
if (null != b) for(e in void 0 !== b.ref && (k = b.ref), void 0 !== b.key && (g = "" + b.key), b)K.call(b, e) && !L.hasOwnProperty(e) && (d[e] = b[e]);
var f = arguments.length - 2;
if (1 === f) d.children = c;
else if (1 < f) {
for(var h = Array(f), m = 0; m < f; m++)h[m] = arguments[m + 2];
d.children = h;
}
if (a && a.defaultProps) for(e in f = a.defaultProps, f)void 0 === d[e] && (d[e] = f[e]);
return {
$$typeof: p,
type: a,
key: g,
ref: k,
props: d,
_owner: J.current
};
}
function N(a, b) {
return {
$$typeof: p,
type: a.type,
key: b,
ref: a.ref,
props: a.props,
_owner: a._owner
};
}
function O(a) {
return "object" === typeof a && null !== a && a.$$typeof === p;
}
function escape(a) {
var b = {
"=": "=0",
":": "=2"
};
return "$" + ("" + a).replace(/[=:]/g, function(a) {
return b[a];
});
}
var P = /\/+/g, Q = [];
function R(a, b, c, e) {
if (Q.length) {
var d = Q.pop();
d.result = a;
d.keyPrefix = b;
d.func = c;
d.context = e;
d.count = 0;
return d;
}
return {
result: a,
keyPrefix: b,
func: c,
context: e,
count: 0
};
}
function S(a) {
a.result = null;
a.keyPrefix = null;
a.func = null;
a.context = null;
a.count = 0;
10 > Q.length && Q.push(a);
}
function T(a, b, c, e) {
var d = typeof a;
if ("undefined" === d || "boolean" === d) a = null;
var g = !1;
if (null === a) g = !0;
else switch(d){
case "string":
case "number":
g = !0;
break;
case "object":
switch(a.$$typeof){
case p:
case q:
g = !0;
}
}
if (g) return c(e, a, "" === b ? "." + U(a, 0) : b), 1;
g = 0;
b = "" === b ? "." : b + ":";
if (Array.isArray(a)) for(var k = 0; k < a.length; k++){
d = a[k];
var f = b + U(d, k);
g += T(d, f, c, e);
}
else if (null === a || "object" !== typeof a ? f = null : (f = B && a[B] || a["@@iterator"], f = "function" === typeof f ? f : null), "function" === typeof f) for(a = f.call(a), k = 0; !(d = a.next()).done;)d = d.value, f = b + U(d, k++), g += T(d, f, c, e);
else if ("object" === d) throw c = "" + a, Error(C(31, "[object Object]" === c ? "object with keys {" + Object.keys(a).join(", ") + "}" : c, ""));
return g;
}
function V(a, b, c) {
return null == a ? 0 : T(a, "", b, c);
}
function U(a, b) {
return "object" === typeof a && null !== a && null != a.key ? escape(a.key) : b.toString(36);
}
function W(a, b) {
a.func.call(a.context, b, a.count++);
}
function aa(a, b, c) {
var e = a.result, d = a.keyPrefix;
a = a.func.call(a.context, b, a.count++);
Array.isArray(a) ? X(a, e, c, function(a) {
return a;
}) : null != a && (O(a) && (a = N(a, d + (!a.key || b && b.key === a.key ? "" : ("" + a.key).replace(P, "$&/") + "/") + c)), e.push(a));
}
function X(a, b, c, e, d) {
var g = "";
null != c && (g = ("" + c).replace(P, "$&/") + "/");
b = R(b, g, e, d);
V(a, aa, b);
S(b);
}
var Y = {
current: null
};
function Z() {
var a = Y.current;
if (null === a) throw Error(C(321));
return a;
}
var ba = {
ReactCurrentDispatcher: Y,
ReactCurrentBatchConfig: {
suspense: null
},
ReactCurrentOwner: J,
IsSomeRendererActing: {
current: !1
},
assign: l
};
exports.Children = {
map: function(a, b, c) {
if (null == a) return a;
var e = [];
X(a, e, null, b, c);
return e;
},
forEach: function(a, b, c) {
if (null == a) return a;
b = R(null, null, b, c);
V(a, W, b);
S(b);
},
count: function(a) {
return V(a, function() {
return null;
}, null);
},
toArray: function(a) {
var b = [];
X(a, b, null, function(a) {
return a;
});
return b;
},
only: function(a) {
if (!O(a)) throw Error(C(143));
return a;
}
};
exports.Component = F;
exports.Fragment = r;
exports.Profiler = u;
exports.PureComponent = H;
exports.StrictMode = t;
exports.Suspense = y;
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ba;
exports.cloneElement = function(a, b, c) {
if (null === a || void 0 === a) throw Error(C(267, a));
var e = l({}, a.props), d = a.key, g = a.ref, k = a._owner;
if (null != b) {
void 0 !== b.ref && (g = b.ref, k = J.current);
void 0 !== b.key && (d = "" + b.key);
if (a.type && a.type.defaultProps) var f = a.type.defaultProps;
for(h in b)K.call(b, h) && !L.hasOwnProperty(h) && (e[h] = void 0 === b[h] && void 0 !== f ? f[h] : b[h]);
}
var h = arguments.length - 2;
if (1 === h) e.children = c;
else if (1 < h) {
f = Array(h);
for(var m = 0; m < h; m++)f[m] = arguments[m + 2];
e.children = f;
}
return {
$$typeof: p,
type: a.type,
key: d,
ref: g,
props: e,
_owner: k
};
};
exports.createContext = function(a, b) {
void 0 === b && (b = null);
a = {
$$typeof: w,
_calculateChangedBits: b,
_currentValue: a,
_currentValue2: a,
_threadCount: 0,
Provider: null,
Consumer: null
};
a.Provider = {
$$typeof: v,
_context: a
};
return a.Consumer = a;
};
exports.createElement = M;
exports.createFactory = function(a) {
var b = M.bind(null, a);
b.type = a;
return b;
};
exports.createRef = function() {
return {
current: null
};
};
exports.forwardRef = function(a) {
return {
$$typeof: x,
render: a
};
};
exports.isValidElement = O;
exports.lazy = function(a) {
return {
$$typeof: A,
_ctor: a,
_status: -1,
_result: null
};
};
exports.memo = function(a, b) {
return {
$$typeof: z,
type: a,
compare: void 0 === b ? null : b
};
};
exports.useCallback = function(a, b) {
return Z().useCallback(a, b);
};
exports.useContext = function(a, b) {
return Z().useContext(a, b);
};
exports.useDebugValue = function() {};
exports.useEffect = function(a, b) {
return Z().useEffect(a, b);
};
exports.useImperativeHandle = function(a, b, c) {
return Z().useImperativeHandle(a, b, c);
};
exports.useLayoutEffect = function(a, b) {
return Z().useLayoutEffect(a, b);
};
exports.useMemo = function(a, b) {
return Z().useMemo(a, b);
};
exports.useReducer = function(a, b, c) {
return Z().useReducer(a, b, c);
};
exports.useRef = function(a) {
return Z().useRef(a);
};
exports.useState = function(a) {
return Z().useState(a);
};
exports.version = "16.14.0";
},{"f790cf940e488cc5":"8cnHP"}],"8cnHP":[function(require,module,exports) {
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/ "use strict";
/* eslint-disable no-unused-vars */ var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var hasOwnProperty = Object.prototype.hasOwnProperty;
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
function toObject(val) {
if (val === null || val === undefined) throw new TypeError("Object.assign cannot be called with null or undefined");
return Object(val);
}
function shouldUseNative() {
try {
if (!Object.assign) return false;
// Detect buggy property enumeration order in older V8 versions.
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
var test1 = new String("abc"); // eslint-disable-line no-new-wrappers
test1[5] = "de";
if (Object.getOwnPropertyNames(test1)[0] === "5") return false;
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test2 = {};
for(var i = 0; i < 10; i++)test2["_" + String.fromCharCode(i)] = i;
var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
return test2[n];
});
if (order2.join("") !== "0123456789") return false;
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
var test3 = {};
"abcdefghijklmnopqrst".split("").forEach(function(letter) {
test3[letter] = letter;
});
if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") return false;
return true;
} catch (err) {
// We don't expect any of the above to throw, but better to be safe.
return false;
}
}
module.exports = shouldUseNative() ? Object.assign : function(target, source) {
var from;
var to = toObject(target);
var symbols;
for(var s = 1; s < arguments.length; s++){
from = Object(arguments[s]);
for(var key in from)if (hasOwnProperty.call(from, key)) to[key] = from[key];
if (getOwnPropertySymbols) {
symbols = getOwnPropertySymbols(from);
for(var i = 0; i < symbols.length; i++)if (propIsEnumerable.call(from, symbols[i])) to[symbols[i]] = from[symbols[i]];
}
}
return to;
};
},{}],"jt2zT":[function(require,module,exports) {
/** @license React v16.14.0
* react.development.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/ "use strict";
if (process.env.NODE_ENV !== "production") (function() {
"use strict";
var _assign = require("de4e88f282317fde");
var checkPropTypes = require("e44cbfda0329e0d1");
var ReactVersion = "16.14.0";
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
// nor polyfill, then a plain number is used for performance.
var hasSymbol = typeof Symbol === "function" && Symbol.for;
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 0xeac7;
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 0xeaca;
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 0xeacb;
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 0xeacc;
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 0xead2;
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 0xeacd;
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 0xeacf;
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 0xead0;
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 0xead1;
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 0xead8;
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 0xead3;
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 0xead4;
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 0xead9;
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 0xead5;
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 0xead6;
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 0xead7;
var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
var FAUX_ITERATOR_SYMBOL = "@@iterator";
function getIteratorFn(maybeIterable) {
if (maybeIterable === null || typeof maybeIterable !== "object") return null;
var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
if (typeof maybeIterator === "function") return maybeIterator;
return null;
}
/**
* Keeps track of the current dispatcher.
*/ var ReactCurrentDispatcher = {
/**
* @internal
* @type {ReactComponent}
*/ current: null
};
/**
* Keeps track of the current batch's configuration such as how long an update
* should suspend for if it needs to.
*/ var ReactCurrentBatchConfig = {
suspense: null
};
/**
* Keeps track of the current owner.
*
* The current owner is the component who should own any components that are
* currently being constructed.
*/ var ReactCurrentOwner = {
/**
* @internal
* @type {ReactComponent}
*/ current: null
};
var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
function describeComponentFrame(name, source, ownerName) {
var sourceInfo = "";
if (source) {
var path = source.fileName;
var fileName = path.replace(BEFORE_SLASH_RE, "");
// In DEV, include code for a common special case:
// prefer "folder/index.js" instead of just "index.js".
if (/^index\./.test(fileName)) {
var match = path.match(BEFORE_SLASH_RE);
if (match) {
var pathBeforeSlash = match[1];
if (pathBeforeSlash) {
var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
fileName = folderName + "/" + fileName;
}
}
}
sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
} else if (ownerName) sourceInfo = " (created by " + ownerName + ")";
return "\n in " + (name || "Unknown") + sourceInfo;
}
var Resolved = 1;
function refineResolvedLazyComponent(lazyComponent) {
return lazyComponent._status === Resolved ? lazyComponent._result : null;
}
function getWrappedName(outerType, innerType, wrapperName) {
var functionName = innerType.displayName || innerType.name || "";
return outerType.displayName || (functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName);
}
function getComponentName(type) {
if (type == null) // Host root, text node or just invalid type.
return null;
if (typeof type.tag === "number") error("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue.");
if (typeof type === "function") return type.displayName || type.name || null;
if (typeof type === "string") return type;
switch(type){
case REACT_FRAGMENT_TYPE:
return "Fragment";
case REACT_PORTAL_TYPE:
return "Portal";
case REACT_PROFILER_TYPE:
return "Profiler";
case REACT_STRICT_MODE_TYPE:
return "StrictMode";
case REACT_SUSPENSE_TYPE:
return "Suspense";
case REACT_SUSPENSE_LIST_TYPE:
return "SuspenseList";
}
if (typeof type === "object") switch(type.$$typeof){
case REACT_CONTEXT_TYPE:
return "Context.Consumer";
case REACT_PROVIDER_TYPE:
return "Context.Provider";
case REACT_FORWARD_REF_TYPE:
return getWrappedName(type, type.render, "ForwardRef");
case REACT_MEMO_TYPE:
return getComponentName(type.type);
case REACT_BLOCK_TYPE:
return getComponentName(type.render);
case REACT_LAZY_TYPE:
var thenable = type;
var resolvedThenable = refineResolvedLazyComponent(thenable);
if (resolvedThenable) return getComponentName(resolvedThenable);
break;
}
return null;
}
var ReactDebugCurrentFrame = {};
var currentlyValidatingElement = null;
function setCurrentlyValidatingElement(element) {
currentlyValidatingElement = element;
}
// Stack implementation injected by the current renderer.
ReactDebugCurrentFrame.getCurrentStack = null;
ReactDebugCurrentFrame.getStackAddendum = function() {
var stack = ""; // Add an extra top frame while an element is being validated
if (currentlyValidatingElement) {
var name = getComponentName(currentlyValidatingElement.type);
var owner = currentlyValidatingElement._owner;
stack += describeComponentFrame(name, currentlyValidatingElement._source, owner && getComponentName(owner.type));
} // Delegate to the injected renderer-specific implementation
var impl = ReactDebugCurrentFrame.getCurrentStack;
if (impl) stack += impl() || "";
return stack;
};
/**
* Used by act() to track whether you're inside an act() scope.
*/ var IsSomeRendererActing = {
current: false
};
var ReactSharedInternals = {
ReactCurrentDispatcher: ReactCurrentDispatcher,
ReactCurrentBatchConfig: ReactCurrentBatchConfig,
ReactCurrentOwner: ReactCurrentOwner,
IsSomeRendererActing: IsSomeRendererActing,
// Used by renderers to avoid bundling object-assign twice in UMD bundles:
assign: _assign
};
_assign(ReactSharedInternals, {
// These should not be included in production.
ReactDebugCurrentFrame: ReactDebugCurrentFrame,
// Shim for React DOM 16.0.0 which still destructured (but not used) this.
// TODO: remove in React 17.0.
ReactComponentTreeHook: {}
});
// by calls to these methods by a Babel plugin.
//
// In PROD (or in packages without access to React internals),
// they are left as they are instead.
function warn(format) {
for(var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++)args[_key - 1] = arguments[_key];
printWarning("warn", format, args);
}
function error(format) {
for(var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++)args[_key2 - 1] = arguments[_key2];
printWarning("error", format, args);
}
function printWarning(level, format, args) {
var hasExistingStack = args.length > 0 && typeof args[args.length - 1] === "string" && args[args.length - 1].indexOf("\n in") === 0;
if (!hasExistingStack) {
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
var stack = ReactDebugCurrentFrame.getStackAddendum();
if (stack !== "") {
format += "%s";
args = args.concat([
stack
]);
}
}
var argsWithFormat = args.map(function(item) {
return "" + item;
}); // Careful: RN currently depends on this prefix
argsWithFormat.unshift("Warning: " + format); // We intentionally don't use spread (or .apply) directly because it
// breaks IE9: https://github.com/facebook/react/issues/13610
// eslint-disable-next-line react-internal/no-production-logging
Function.prototype.apply.call(console[level], console, argsWithFormat);
try {
// --- Welcome to debugging React ---
// This error was thrown as a convenience so that you can use this stack
// to find the callsite that caused this warning to fire.
var argIndex = 0;
var message = "Warning: " + format.replace(/%s/g, function() {
return args[argIndex++];
});
throw new Error(message);
} catch (x) {}
}
var didWarnStateUpdateForUnmountedComponent = {};
function warnNoop(publicInstance, callerName) {
var _constructor = publicInstance.constructor;
var componentName = _constructor && (_constructor.displayName || _constructor.name) || "ReactClass";
var warningKey = componentName + "." + callerName;
if (didWarnStateUpdateForUnmountedComponent[warningKey]) return;
error("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.", callerName, componentName);
didWarnStateUpdateForUnmountedComponent[warningKey] = true;
}
/**
* This is the abstract API for an update queue.
*/ var ReactNoopUpdateQueue = {
/**
* Checks whether or not this composite component is mounted.
* @param {ReactClass} publicInstance The instance we want to test.
* @return {boolean} True if mounted, false otherwise.
* @protected
* @final
*/ isMounted: function(publicInstance) {
return false;
},
/**
* Forces an update. This should only be invoked when it is known with
* certainty that we are **not** in a DOM transaction.
*
* You may want to call this when you know that some deeper aspect of the
* component's state has changed but `setState` was not called.
*
* This will not invoke `shouldComponentUpdate`, but it will invoke
* `componentWillUpdate` and `componentDidUpdate`.
*
* @param {ReactClass} publicInstance The instance that should rerender.
* @param {?function} callback Called after component is updated.
* @param {?string} callerName name of the calling function in the public API.
* @internal
*/ enqueueForceUpdate: function(publicInstance, callback, callerName) {
warnNoop(publicInstance, "forceUpdate");
},
/**
* Replaces all of the state. Always use this or `setState` to mutate state.
* You should treat `this.state` as immutable.
*
* There is no guarantee that `this.state` will be immediately updated, so
* accessing `this.state` after calling this method may return the old value.
*
* @param {ReactClass} publicInstance The instance that should rerender.
* @param {object} completeState Next state.
* @param {?function} callback Called after component is updated.
* @param {?string} callerName name of the calling function in the public API.
* @internal
*/ enqueueReplaceState: function(publicInstance, completeState, callback, callerName) {
warnNoop(publicInstance, "replaceState");
},
/**
* Sets a subset of the state. This only exists because _pendingState is
* internal. This provides a merging strategy that is not available to deep
* properties which is confusing. TODO: Expose pendingState or don't use it
* during the merge.
*
* @param {ReactClass} publicInstance The instance that should rerender.
* @param {object} partialState Next partial state to be merged with state.
* @param {?function} callback Called after component is updated.
* @param {?string} Name of the calling function in the public API.
* @internal
*/ enqueueSetState: function(publicInstance, partialState, callback, callerName) {
warnNoop(publicInstance, "setState");
}
};
var emptyObject = {};
Object.freeze(emptyObject);
/**
* Base class helpers for the updating state of a component.
*/ function Component(props, context, updater) {
this.props = props;
this.context = context; // If a component has string refs, we will assign a different object later.
this.refs = emptyObject; // We initialize the default updater but the real one gets injected by the
// renderer.
this.updater = updater || ReactNoopUpdateQueue;
}
Component.prototype.isReactComponent = {};
/**
* Sets a subset of the state. Always use this to mutate
* state. You should treat `this.state` as immutable.
*
* There is no guarantee that `this.state` will be immediately updated, so
* accessing `this.state` after calling this method may return the old value.
*
* There is no guarantee that calls to `setState` will run synchronously,
* as they may eventually be batched together. You can provide an optional
* callback that will be executed when the call to setState is actually
* completed.
*
* When a function is provided to setState, it will be called at some point in
* the future (not synchronously). It will be called with the up to date
* component arguments (state, props, context). These values can be different
* from this.* because your function may be called after receiveProps but before
* shouldComponentUpdate, and this new state, props, and context will not yet be
* assigned to this.
*
* @param {object|function} partialState Next partial state or function to
* produce next partial state to be merged with current state.
* @param {?function} callback Called after state is updated.
* @final
* @protected
*/ Component.prototype.setState = function(partialState, callback) {
if (!(typeof partialState === "object" || typeof partialState === "function" || partialState == null)) throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
this.updater.enqueueSetState(this, partialState, callback, "setState");
};
/**
* Forces an update. This should only be invoked when it is known with
* certainty that we are **not** in a DOM transaction.
*
* You may want to call this when you know that some deeper aspect of the
* component's state has changed but `setState` was not called.
*
* This will not invoke `shouldComponentUpdate`, but it will invoke
* `componentWillUpdate` and `componentDidUpdate`.
*
* @param {?function} callback Called after update is complete.
* @final
* @protected
*/ Component.prototype.forceUpdate = function(callback) {
this.updater.enqueueForceUpdate(this, callback, "forceUpdate");
};
var deprecatedAPIs = {
isMounted: [
"isMounted",
"Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."
],
replaceState: [
"replaceState",
"Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."
]
};
var defineDeprecationWarning = function(methodName, info) {
Object.defineProperty(Component.prototype, methodName, {
get: function() {
warn("%s(...) is deprecated in plain JavaScript React classes. %s", info[0], info[1]);
return undefined;
}
});
};
for(var fnName in deprecatedAPIs)if (deprecatedAPIs.hasOwnProperty(fnName)) defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
function ComponentDummy() {}
ComponentDummy.prototype = Component.prototype;
/**
* Convenience component with default shallow equality check for sCU.
*/ function PureComponent(props, context, updater) {
this.props = props;
this.context = context; // If a component has string refs, we will assign a different object later.
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
}
var pureComponentPrototype = PureComponent.prototype = new ComponentDummy();
pureComponentPrototype.constructor = PureComponent; // Avoid an extra prototype jump for these methods.
_assign(pureComponentPrototype, Component.prototype);
pureComponentPrototype.isPureReactComponent = true;
// an immutable object with a single mutable value
function createRef() {
var refObject = {
current: null
};
Object.seal(refObject);
return refObject;
}
var hasOwnProperty = Object.prototype.hasOwnProperty;
var RESERVED_PROPS = {
key: true,
ref: true,
__self: true,
__source: true
};
var specialPropKeyWarningShown, specialPropRefWarningShown, didWarnAboutStringRefs;
didWarnAboutStringRefs = {};
function hasValidRef(config) {
if (hasOwnProperty.call(config, "ref")) {
var getter = Object.getOwnPropertyDescriptor(config, "ref").get;
if (getter && getter.isReactWarning) return false;
}
return config.ref !== undefined;
}
function hasValidKey(config) {
if (hasOwnProperty.call(config, "key")) {
var getter = Object.getOwnPropertyDescriptor(config, "key").get;
if (getter && getter.isReactWarning) return false;
}
return config.key !== undefined;
}
function defineKeyPropWarningGetter(props, displayName) {
var warnAboutAccessingKey = function() {
if (!specialPropKeyWarningShown) {
specialPropKeyWarningShown = true;
error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)", displayName);
}
};
warnAboutAccessingKey.isReactWarning = true;
Object.defineProperty(props, "key", {
get: warnAboutAccessingKey,
configurable: true
});
}
function defineRefPropWarningGetter(props, displayName) {
var warnAboutAccessingRef = function() {
if (!specialPropRefWarningShown) {
specialPropRefWarningShown = true;
error("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)", displayName);
}
};
warnAboutAccessingRef.isReactWarning = true;
Object.defineProperty(props, "ref", {
get: warnAboutAccessingRef,
configurable: true
});
}
function warnIfStringRefCannotBeAutoConverted(config) {
if (typeof config.ref === "string" && ReactCurrentOwner.current && config.__self && ReactCurrentOwner.current.stateNode !== config.__self) {
var componentName = getComponentName(ReactCurrentOwner.current.type);
if (!didWarnAboutStringRefs[componentName]) {
error('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref', getComponentName(ReactCurrentOwner.current.type), config.ref);
didWarnAboutStringRefs[componentName] = true;
}
}
}
/**
* Factory method to create a new React element. This no longer adheres to
* the class pattern, so do not use new to call it. Also, instanceof check
* will not work. Instead test $$typeof field against Symbol.for('react.element') to check
* if something is a React Element.
*
* @param {*} type
* @param {*} props
* @param {*} key
* @param {string|object} ref
* @param {*} owner
* @param {*} self A *temporary* helper to detect places where `this` is
* different from the `owner` when React.createElement is called, so that we
* can warn. We want to get rid of owner and replace string `ref`s with arrow
* functions, and as long as `this` and owner are the same, there will be no
* change in behavior.
* @param {*} source An annotation object (added by a transpiler or otherwise)
* indicating filename, line number, and/or other information.
* @internal
*/ var ReactElement = function(type, key, ref, self, source, owner, props) {
var element = {
// This tag allows us to uniquely identify this as a React Element
$$typeof: REACT_ELEMENT_TYPE,
// Built-in properties that belong on the element
type: type,
key: key,
ref: ref,
props: props,
// Record the component responsible for creating this element.
_owner: owner
};
// The validation flag is currently mutative. We put it on
// an external backing store so that we can freeze the whole object.
// This can be replaced with a WeakMap once they are implemented in
// commonly used development environments.
element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
// the validation flag non-enumerable (where possible, which should
// include every environment we run tests in), so the test framework
// ignores it.
Object.defineProperty(element._store, "validated", {
configurable: false,
enumerable: false,
writable: true,
value: false
}); // self and source are DEV only properties.
Object.defineProperty(element, "_self", {
configurable: false,
enumerable: false,
writable: false,
value: self
}); // Two elements created in two different places should be considered
// equal for testing purposes and therefore we hide it from enumeration.
Object.defineProperty(element, "_source", {
configurable: false,
enumerable: false,
writable: false,
value: source
});
if (Object.freeze) {
Object.freeze(element.props);
Object.freeze(element);
}
return element;
};
/**
* Create and return a new ReactElement of the given type.
* See https://reactjs.org/docs/react-api.html#createelement
*/ function createElement(type, config, children) {
var propName; // Reserved names are extracted
var props = {};
var key = null;
var ref = null;
var self = null;
var source = null;
if (config != null) {
if (hasValidRef(config)) {
ref = config.ref;
warnIfStringRefCannotBeAutoConverted(config);
}
if (hasValidKey(config)) key = "" + config.key;
self = config.__self === undefined ? null : config.__self;
source = config.__source === undefined ? null : config.__source; // Remaining properties are added to a new props object
for(propName in config)if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) props[propName] = config[propName];
} // Children can be more than one argument, and those are transferred onto
// the newly allocated props object.
var childrenLength = arguments.length - 2;
if (childrenLength === 1) props.children = children;
else if (childrenLength > 1) {
var childArray = Array(childrenLength);
for(var i = 0; i < childrenLength; i++)childArray[i] = arguments[i + 2];
if (Object.freeze) Object.freeze(childArray);
props.children = childArray;
} // Resolve default props
if (type && type.defaultProps) {
var defaultProps = type.defaultProps;
for(propName in defaultProps)if (props[propName] === undefined) props[propName] = defaultProps[propName];
}
if (key || ref) {
var displayName = typeof type === "function" ? type.displayName || type.name || "Unknown" : type;
if (key) defineKeyPropWarningGetter(props, displayName);
if (ref) defineRefPropWarningGetter(props, displayName);
}
return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
}
function cloneAndReplaceKey(oldElement, newKey) {
var newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
return newElement;
}
/**
* Clone and return a new ReactElement using element as the starting point.
* See https://reactjs.org/docs/react-api.html#cloneelement
*/ function cloneElement(element, config, children) {
if (!!(element === null || element === undefined)) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + element + ".");
var propName; // Original props are copied
var props = _assign({}, element.props); // Reserved names are extracted
var key = element.key;
var ref = element.ref; // Self is preserved since the owner is preserved.
var self = element._self; // Source is preserved since cloneElement is unlikely to be targeted by a
// transpiler, and the original source is probably a better indicator of the
// true owner.
var source = element._source; // Owner will be preserved, unless ref is overridden
var owner = element._owner;
if (config != null) {
if (hasValidRef(config)) {
// Silently steal the ref from the parent.
ref = config.ref;
owner = ReactCurrentOwner.current;
}
if (hasValidKey(config)) key = "" + config.key;
// Remaining properties override existing props
var defaultProps;
if (element.type && element.type.defaultProps) defaultProps = element.type.defaultProps;
for(propName in config)if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
if (config[propName] === undefined && defaultProps !== undefined) // Resolve default props
props[propName] = defaultProps[propName];
else props[propName] = config[propName];
}
} // Children can be more than one argument, and those are transferred onto
// the newly allocated props object.
var childrenLength = arguments.length - 2;
if (childrenLength === 1) props.children = children;
else if (childrenLength > 1) {
var childArray = Array(childrenLength);
for(var i = 0; i < childrenLength; i++)childArray[i] = arguments[i + 2];
props.children = childArray;
}
return ReactElement(element.type, key, ref, self, source, owner, props);
}
/**
* Verifies the object is a ReactElement.
* See https://reactjs.org/docs/react-api.html#isvalidelement
* @param {?object} object
* @return {boolean} True if `object` is a ReactElement.
* @final
*/ function isValidElement(object) {
return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
}
var SEPARATOR = ".";
var SUBSEPARATOR = ":";
/**
* Escape and wrap key so it is safe to use as a reactid
*
* @param {string} key to be escaped.
* @return {string} the escaped key.
*/ function escape(key) {
var escapeRegex = /[=:]/g;
var escaperLookup = {
"=": "=0",
":": "=2"
};
var escapedString = ("" + key).replace(escapeRegex, function(match) {
return escaperLookup[match];
});
return "$" + escapedString;
}
/**
* TODO: Test that a single child and an array with one item have the same key
* pattern.
*/ var didWarnAboutMaps = false;
var userProvidedKeyEscapeRegex = /\/+/g;
function escapeUserProvidedKey(text) {
return ("" + text).replace(userProvidedKeyEscapeRegex, "$&/");
}
var POOL_SIZE = 10;
var traverseContextPool = [];
function getPooledTraverseContext(mapResult, keyPrefix, mapFunction, mapContext) {
if (traverseContextPool.length) {
var traverseContext = traverseContextPool.pop();
traverseContext.result = mapResult;
traverseContext.keyPrefix = keyPrefix;
traverseContext.func = mapFunction;
traverseContext.context = mapContext;
traverseContext.count = 0;
return traverseContext;
} else return {
result: mapResult,
keyPrefix: keyPrefix,
func: mapFunction,
context: mapContext,
count: 0
};
}
function releaseTraverseContext(traverseContext) {
traverseContext.result = null;
traverseContext.keyPrefix = null;
traverseContext.func = null;
traverseContext.context = null;
traverseContext.count = 0;
if (traverseContextPool.length < POOL_SIZE) traverseContextPool.push(traverseContext);
}
/**
* @param {?*} children Children tree container.
* @param {!string} nameSoFar Name of the key path so far.
* @param {!function} callback Callback to invoke with each child found.
* @param {?*} traverseContext Used to pass information throughout the traversal
* process.
* @return {!number} The number of children in this subtree.
*/ function traverseAllChildrenImpl(children, nameSoFar, callback, traverseContext) {
var type = typeof children;
if (type === "undefined" || type === "boolean") // All of the above are perceived as null.
children = null;
var invokeCallback = false;
if (children === null) invokeCallback = true;
else switch(type){
case "string":
case "number":
invokeCallback = true;
break;
case "object":
switch(children.$$typeof){
case REACT_ELEMENT_TYPE:
case REACT_PORTAL_TYPE:
invokeCallback = true;
}
}
if (invokeCallback) {
callback(traverseContext, children, // so that it's consistent if the number of children grows.
nameSoFar === "" ? SEPARATOR + getComponentKey(children, 0) : nameSoFar);
return 1;
}
var child;
var nextName;
var subtreeCount = 0; // Count of children found in the current subtree.
var nextNamePrefix = nameSoFar === "" ? SEPARATOR : nameSoFar + SUBSEPARATOR;
if (Array.isArray(children)) for(var i = 0; i < children.length; i++){
child = children[i];
nextName = nextNamePrefix + getComponentKey(child, i);
subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
}
else {
var iteratorFn = getIteratorFn(children);
if (typeof iteratorFn === "function") {
// Warn about using Maps as children
if (iteratorFn === children.entries) {
if (!didWarnAboutMaps) warn("Using Maps as children is deprecated and will be removed in a future major release. Consider converting children to an array of keyed ReactElements instead.");
didWarnAboutMaps = true;
}
var iterator = iteratorFn.call(children);
var step;
var ii = 0;
while(!(step = iterator.next()).done){
child = step.value;
nextName = nextNamePrefix + getComponentKey(child, ii++);
subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
}
} else if (type === "object") {
var addendum = "";
addendum = " If you meant to render a collection of children, use an array instead." + ReactDebugCurrentFrame.getStackAddendum();
var childrenString = "" + children;
throw Error("Objects are not valid as a React child (found: " + (childrenString === "[object Object]" ? "object with keys {" + Object.keys(children).join(", ") + "}" : childrenString) + ")." + addendum);
}
}
return subtreeCount;
}
/**
* Traverses children that are typically specified as `props.children`, but
* might also be specified through attributes:
*
* - `traverseAllChildren(this.props.children, ...)`
* - `traverseAllChildren(this.props.leftPanelChildren, ...)`
*
* The `traverseContext` is an optional argument that is passed through the
* entire traversal. It can be used to store accumulations or anything else that
* the callback might find relevant.
*
* @param {?*} children Children tree object.
* @param {!function} callback To invoke upon traversing each child.
* @param {?*} traverseContext Context for traversal.
* @return {!number} The number of children in this subtree.
*/ function traverseAllChildren(children, callback, traverseContext) {
if (children == null) return 0;
return traverseAllChildrenImpl(children, "", callback, traverseContext);
}
/**
* Generate a key string that identifies a component within a set.
*
* @param {*} component A component that could contain a manual key.
* @param {number} index Index that is used if a manual key is not provided.
* @return {string}
*/ function getComponentKey(component, index) {
// Do some typechecking here since we call this blindly. We want to ensure
// that we don't block potential future ES APIs.
if (typeof component === "object" && component !== null && component.key != null) // Explicit key
return escape(component.key);
// Implicit key determined by the index in the set
return index.toString(36);
}
function forEachSingleChild(bookKeeping, child, name) {
var func = bookKeeping.func, context = bookKeeping.context;
func.call(context, child, bookKeeping.count++);
}
/**
* Iterates through children that are typically specified as `props.children`.
*
* See https://reactjs.org/docs/react-api.html#reactchildrenforeach
*
* The provided forEachFunc(child, index) will be called for each
* leaf child.
*
* @param {?*} children Children tree container.
* @param {function(*, int)} forEachFunc
* @param {*} forEachContext Context for forEachContext.
*/ function forEachChildren(children, forEachFunc, forEachContext) {
if (children == null) return children;
var traverseContext = getPooledTraverseContext(null, null, forEachFunc, forEachContext);
traverseAllChildren(children, forEachSingleChild, traverseContext);
releaseTraverseContext(traverseContext);
}
function mapSingleChildIntoContext(bookKeeping, child, childKey) {
var result = bookKeeping.result, keyPrefix = bookKeeping.keyPrefix, func = bookKeeping.func, context = bookKeeping.context;
var mappedChild = func.call(context, child, bookKeeping.count++);
if (Array.isArray(mappedChild)) mapIntoWithKeyPrefixInternal(mappedChild, result, childKey, function(c) {
return c;
});
else if (mappedChild != null) {
if (isValidElement(mappedChild)) mappedChild = cloneAndReplaceKey(mappedChild, // traverseAllChildren used to do for objects as children
keyPrefix + (mappedChild.key && (!child || child.key !== mappedChild.key) ? escapeUserProvidedKey(mappedChild.key) + "/" : "") + childKey);
result.push(mappedChild);
}
}
function mapIntoWithKeyPrefixInternal(children, array, prefix, func, context) {
var escapedPrefix = "";
if (prefix != null) escapedPrefix = escapeUserProvidedKey(prefix) + "/";
var traverseContext = getPooledTraverseContext(array, escapedPrefix, func, context);
traverseAllChildren(children, mapSingleChildIntoContext, traverseContext);
releaseTraverseContext(traverseContext);
}
/**
* Maps children that are typically specified as `props.children`.
*
* See https://reactjs.org/docs/react-api.html#reactchildrenmap
*
* The provided mapFunction(child, key, index) will be called for each
* leaf child.
*
* @param {?*} children Children tree container.
* @param {function(*, int)} func The map function.
* @param {*} context Context for mapFunction.
* @return {object} Object containing the ordered map of results.
*/ function mapChildren(children, func, context) {
if (children == null) return children;
var result = [];
mapIntoWithKeyPrefixInternal(children, result, null, func, context);
return result;
}
/**
* Count the number of children that are typically specified as
* `props.children`.
*
* See https://reactjs.org/docs/react-api.html#reactchildrencount
*
* @param {?*} children Children tree container.
* @return {number} The number of children.
*/ function countChildren(children) {
return traverseAllChildren(children, function() {
return null;
}, null);
}
/**
* Flatten a children object (typically specified as `props.children`) and
* return an array with appropriately re-keyed children.
*
* See https://reactjs.org/docs/react-api.html#reactchildrentoarray
*/ function toArray(children) {
var result = [];
mapIntoWithKeyPrefixInternal(children, result, null, function(child) {
return child;
});
return result;
}
/**
* Returns the first child in a collection of children and verifies that there
* is only one child in the collection.
*
* See https://reactjs.org/docs/react-api.html#reactchildrenonly
*
* The current implementation of this function assumes that a single child gets
* passed without a wrapper, but the purpose of this helper function is to
* abstract away the particular structure of children.
*
* @param {?object} children Child collection structure.
* @return {ReactElement} The first and only `ReactElement` contained in the
* structure.
*/ function onlyChild(children) {
if (!isValidElement(children)) throw Error("React.Children.only expected to receive a single React element child.");
return children;
}
function createContext(defaultValue, calculateChangedBits) {
if (calculateChangedBits === undefined) calculateChangedBits = null;
else if (calculateChangedBits !== null && typeof calculateChangedBits !== "function") error("createContext: Expected the optional second argument to be a function. Instead received: %s", calculateChangedBits);
var context = {
$$typeof: REACT_CONTEXT_TYPE,
_calculateChangedBits: calculateChangedBits,
// As a workaround to support multiple concurrent renderers, we categorize
// some renderers as primary and others as secondary. We only expect
// there to be two concurrent renderers at most: React Native (primary) and
// Fabric (secondary); React DOM (primary) and React ART (secondary).
// Secondary renderers store their context values on separate fields.
_currentValue: defaultValue,
_currentValue2: defaultValue,
// Used to track how many concurrent renderers this context currently
// supports within in a single renderer. Such as parallel server rendering.
_threadCount: 0,
// These are circular
Provider: null,
Consumer: null
};
context.Provider = {
$$typeof: REACT_PROVIDER_TYPE,
_context: context
};
var hasWarnedAboutUsingNestedContextConsumers = false;
var hasWarnedAboutUsingConsumerProvider = false;
// A separate object, but proxies back to the original context object for
// backwards compatibility. It has a different $$typeof, so we can properly
// warn for the incorrect usage of Context as a Consumer.
var Consumer = {
$$typeof: REACT_CONTEXT_TYPE,
_context: context,
_calculateChangedBits: context._calculateChangedBits
}; // $FlowFixMe: Flow complains about not setting a value, which is intentional here
Object.defineProperties(Consumer, {
Provider: {
get: function() {
if (!hasWarnedAboutUsingConsumerProvider) {
hasWarnedAboutUsingConsumerProvider = true;
error("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?");
}
return context.Provider;
},
set: function(_Provider) {
context.Provider = _Provider;
}
},
_currentValue: {
get: function() {
return context._currentValue;
},
set: function(_currentValue) {
context._currentValue = _currentValue;
}
},
_currentValue2: {
get: function() {
return context._currentValue2;
},
set: function(_currentValue2) {
context._currentValue2 = _currentValue2;
}
},
_threadCount: {
get: function() {
return context._threadCount;
},
set: function(_threadCount) {
context._threadCount = _threadCount;
}
},
Consumer: {
get: function() {
if (!hasWarnedAboutUsingNestedContextConsumers) {
hasWarnedAboutUsingNestedContextConsumers = true;
error("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?");
}
return context.Consumer;
}
}
}); // $FlowFixMe: Flow complains about missing properties because it doesn't understand defineProperty
context.Consumer = Consumer;
context._currentRenderer = null;
context._currentRenderer2 = null;
return context;
}
function lazy(ctor) {
var lazyType = {
$$typeof: REACT_LAZY_TYPE,
_ctor: ctor,
// React uses these fields to store the result.
_status: -1,
_result: null
};
// In production, this would just set it on the object.
var defaultProps;
var propTypes;
Object.defineProperties(lazyType, {
defaultProps: {
configurable: true,
get: function() {
return defaultProps;
},
set: function(newDefaultProps) {
error("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it.");
defaultProps = newDefaultProps; // Match production behavior more closely:
Object.defineProperty(lazyType, "defaultProps", {
enumerable: true
});
}
},
propTypes: {
configurable: true,
get: function() {
return propTypes;
},
set: function(newPropTypes) {
error("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it.");
propTypes = newPropTypes; // Match production behavior more closely:
Object.defineProperty(lazyType, "propTypes", {
enumerable: true
});
}
}
});
return lazyType;
}
function forwardRef(render) {
if (render != null && render.$$typeof === REACT_MEMO_TYPE) error("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).");
else if (typeof render !== "function") error("forwardRef requires a render function but was given %s.", render === null ? "null" : typeof render);
else if (render.length !== 0 && render.length !== 2) error("forwardRef render functions accept exactly two parameters: props and ref. %s", render.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined.");
if (render != null) {
if (render.defaultProps != null || render.propTypes != null) error("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");
}
return {
$$typeof: REACT_FORWARD_REF_TYPE,
render: render
};
}
function isValidElementType(type) {
return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
}
function memo(type, compare) {
if (!isValidElementType(type)) error("memo: The first argument must be a component. Instead received: %s", type === null ? "null" : typeof type);
return {
$$typeof: REACT_MEMO_TYPE,
type: type,
compare: compare === undefined ? null : compare
};
}
function resolveDispatcher() {
var dispatcher = ReactCurrentDispatcher.current;
if (!(dispatcher !== null)) throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.");
return dispatcher;
}
function useContext(Context, unstable_observedBits) {
var dispatcher = resolveDispatcher();
if (unstable_observedBits !== undefined) error("useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s", unstable_observedBits, typeof unstable_observedBits === "number" && Array.isArray(arguments[2]) ? "\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks" : "");
// TODO: add a more generic warning for invalid values.
if (Context._context !== undefined) {
var realContext = Context._context; // Don't deduplicate because this legitimately causes bugs
// and nobody should be using this in existing code.
if (realContext.Consumer === Context) error("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?");
else if (realContext.Provider === Context) error("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?");
}
return dispatcher.useContext(Context, unstable_observedBits);
}
function useState(initialState) {
var dispatcher = resolveDispatcher();
return dispatcher.useState(initialState);
}
function useReducer(reducer, initialArg, init) {
var dispatcher = resolveDispatcher();
return dispatcher.useReducer(reducer, initialArg, init);
}
function useRef(initialValue) {
var dispatcher = resolveDispatcher();
return dispatcher.useRef(initialValue);
}
function useEffect(create, deps) {
var dispatcher = resolveDispatcher();
return dispatcher.useEffect(create, deps);
}
function useLayoutEffect(create, deps) {
var dispatcher = resolveDispatcher();
return dispatcher.useLayoutEffect(create, deps);
}
function useCallback(callback, deps) {
var dispatcher = resolveDispatcher();
return dispatcher.useCallback(callback, deps);
}
function useMemo(create, deps) {
var dispatcher = resolveDispatcher();
return dispatcher.useMemo(create, deps);
}
function useImperativeHandle(ref, create, deps) {
var dispatcher = resolveDispatcher();
return dispatcher.useImperativeHandle(ref, create, deps);
}
function useDebugValue(value, formatterFn) {
var dispatcher = resolveDispatcher();
return dispatcher.useDebugValue(value, formatterFn);
}
var propTypesMisspellWarningShown;
propTypesMisspellWarningShown = false;
function getDeclarationErrorAddendum() {
if (ReactCurrentOwner.current) {
var name = getComponentName(ReactCurrentOwner.current.type);
if (name) return "\n\nCheck the render method of `" + name + "`.";
}
return "";
}
function getSourceInfoErrorAddendum(source) {
if (source !== undefined) {
var fileName = source.fileName.replace(/^.*[\\\/]/, "");
var lineNumber = source.lineNumber;
return "\n\nCheck your code at " + fileName + ":" + lineNumber + ".";
}
return "";
}
function getSourceInfoErrorAddendumForProps(elementProps) {
if (elementProps !== null && elementProps !== undefined) return getSourceInfoErrorAddendum(elementProps.__source);
return "";
}
/**
* Warn if there's no key explicitly set on dynamic arrays of children or
* object keys are not valid. This allows us to keep track of children between
* updates.
*/ var ownerHasKeyUseWarning = {};
function getCurrentComponentErrorInfo(parentType) {
var info = getDeclarationErrorAddendum();
if (!info) {
var parentName = typeof parentType === "string" ? parentType : parentType.displayName || parentType.name;
if (parentName) info = "\n\nCheck the top-level render call using <" + parentName + ">.";
}
return info;
}
/**
* Warn if the element doesn't have an explicit key assigned to it.
* This element is in an array. The array could grow and shrink or be
* reordered. All children that haven't already been validated are required to
* have a "key" property assigned to it. Error statuses are cached so a warning
* will only be shown once.
*
* @internal
* @param {ReactElement} element Element that requires a key.
* @param {*} parentType element's parent's type.
*/ function validateExplicitKey(element, parentType) {
if (!element._store || element._store.validated || element.key != null) return;
element._store.validated = true;
var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
if (ownerHasKeyUseWarning[currentComponentErrorInfo]) return;
ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
// property, it may be the creator of the child that's responsible for
// assigning it a key.
var childOwner = "";
if (element && element._owner && element._owner !== ReactCurrentOwner.current) // Give the component that originally created this child.
childOwner = " It was passed a child from " + getComponentName(element._owner.type) + ".";
setCurrentlyValidatingElement(element);
error('Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.', currentComponentErrorInfo, childOwner);
setCurrentlyValidatingElement(null);
}
/**
* Ensure that every element either is passed in a static location, in an
* array with an explicit keys property defined, or in an object literal
* with valid key property.
*
* @internal
* @param {ReactNode} node Statically passed child of any type.
* @param {*} parentType node's parent's type.
*/ function validateChildKeys(node, parentType) {
if (typeof node !== "object") return;
if (Array.isArray(node)) for(var i = 0; i < node.length; i++){
var child = node[i];
if (isValidElement(child)) validateExplicitKey(child, parentType);
}
else if (isValidElement(node)) // This element was passed in a valid location.
{
if (node._store) node._store.validated = true;
} else if (node) {
var iteratorFn = getIteratorFn(node);
if (typeof iteratorFn === "function") // Entry iterators used to provide implicit keys,
// but now we print a separate warning for them later.
{
if (iteratorFn !== node.entries) {
var iterator = iteratorFn.call(node);
var step;
while(!(step = iterator.next()).done)if (isValidElement(step.value)) validateExplicitKey(step.value, parentType);
}
}
}
}
/**
* Given an element, validate that its props follow the propTypes definition,
* provided by the type.
*
* @param {ReactElement} element
*/ function validatePropTypes(element) {
var type = element.type;
if (type === null || type === undefined || typeof type === "string") return;
var name = getComponentName(type);
var propTypes;
if (typeof type === "function") propTypes = type.propTypes;
else if (typeof type === "object" && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
// Inner props are checked in the reconciler.
type.$$typeof === REACT_MEMO_TYPE)) propTypes = type.propTypes;
else return;
if (propTypes) {
setCurrentlyValidatingElement(element);
checkPropTypes(propTypes, element.props, "prop", name, ReactDebugCurrentFrame.getStackAddendum);
setCurrentlyValidatingElement(null);
} else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
propTypesMisspellWarningShown = true;
error("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", name || "Unknown");
}
if (typeof type.getDefaultProps === "function" && !type.getDefaultProps.isReactClassApproved) error("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
}
/**
* Given a fragment, validate that it can only be provided with fragment props
* @param {ReactElement} fragment
*/ function validateFragmentProps(fragment) {
setCurrentlyValidatingElement(fragment);
var keys = Object.keys(fragment.props);
for(var i = 0; i < keys.length; i++){
var key = keys[i];
if (key !== "children" && key !== "key") {
error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", key);
break;
}
}
if (fragment.ref !== null) error("Invalid attribute `ref` supplied to `React.Fragment`.");
setCurrentlyValidatingElement(null);
}
function createElementWithValidation(type, props, children) {
var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
// succeed and there will likely be errors in render.
if (!validType) {
var info = "";
if (type === undefined || typeof type === "object" && type !== null && Object.keys(type).length === 0) info += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
var sourceInfo = getSourceInfoErrorAddendumForProps(props);
if (sourceInfo) info += sourceInfo;
else info += getDeclarationErrorAddendum();
var typeString;
if (type === null) typeString = "null";
else if (Array.isArray(type)) typeString = "array";
else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
typeString = "<" + (getComponentName(type.type) || "Unknown") + " />";
info = " Did you accidentally export a JSX literal instead of a component?";
} else typeString = typeof type;
error("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", typeString, info);
}
var element = createElement.apply(this, arguments); // The result can be nullish if a mock or a custom function is used.
// TODO: Drop this when these are no longer allowed as the type argument.
if (element == null) return element;
// Skip key warning if the type isn't valid since our key validation logic
// doesn't expect a non-string/function type and can throw confusing errors.
// We don't want exception behavior to differ between dev and prod.
// (Rendering will throw with a helpful message and as soon as the type is
// fixed, the key warnings will appear.)
if (validType) for(var i = 2; i < arguments.length; i++)validateChildKeys(arguments[i], type);
if (type === REACT_FRAGMENT_TYPE) validateFragmentProps(element);
else validatePropTypes(element);
return element;
}
var didWarnAboutDeprecatedCreateFactory = false;
function createFactoryWithValidation(type) {
var validatedFactory = createElementWithValidation.bind(null, type);
validatedFactory.type = type;
if (!didWarnAboutDeprecatedCreateFactory) {
didWarnAboutDeprecatedCreateFactory = true;
warn("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.");
} // Legacy hook: remove it
Object.defineProperty(validatedFactory, "type", {
enumerable: false,
get: function() {
warn("Factory.type is deprecated. Access the class directly before passing it to createFactory.");
Object.defineProperty(this, "type", {
value: type
});
return type;
}
});
return validatedFactory;
}
function cloneElementWithValidation(element, props, children) {
var newElement = cloneElement.apply(this, arguments);
for(var i = 2; i < arguments.length; i++)validateChildKeys(arguments[i], newElement.type);
validatePropTypes(newElement);
return newElement;
}
try {
var frozenObject = Object.freeze({});
var testMap = new Map([
[
frozenObject,
null
]
]);
var testSet = new Set([
frozenObject
]); // This is necessary for Rollup to not consider these unused.
// https://github.com/rollup/rollup/issues/1771
// TODO: we can remove these if Rollup fixes the bug.
testMap.set(0, 0);
testSet.add(0);
} catch (e) {}
var createElement$1 = createElementWithValidation;
var cloneElement$1 = cloneElementWithValidation;
var createFactory = createFactoryWithValidation;
var Children = {
map: mapChildren,
forEach: forEachChildren,
count: countChildren,
toArray: toArray,
only: onlyChild
};
exports.Children = Children;
exports.Component = Component;
exports.Fragment = REACT_FRAGMENT_TYPE;
exports.Profiler = REACT_PROFILER_TYPE;
exports.PureComponent = PureComponent;
exports.StrictMode = REACT_STRICT_MODE_TYPE;
exports.Suspense = REACT_SUSPENSE_TYPE;
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
exports.cloneElement = cloneElement$1;
exports.createContext = createContext;
exports.createElement = createElement$1;
exports.createFactory = createFactory;
exports.createRef = createRef;
exports.forwardRef = forwardRef;
exports.isValidElement = isValidElement;
exports.lazy = lazy;
exports.memo = memo;
exports.useCallback = useCallback;
exports.useContext = useContext;
exports.useDebugValue = useDebugValue;
exports.useEffect = useEffect;
exports.useImperativeHandle = useImperativeHandle;
exports.useLayoutEffect = useLayoutEffect;
exports.useMemo = useMemo;
exports.useReducer = useReducer;
exports.useRef = useRef;
exports.useState = useState;
exports.version = ReactVersion;
})();
},{"de4e88f282317fde":"8cnHP","e44cbfda0329e0d1":"a1oIZ"}],"a1oIZ":[function(require,module,exports) {
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/ "use strict";
var printWarning = function() {};
if (process.env.NODE_ENV !== "production") {
var ReactPropTypesSecret = require("24ba1e58d167a82c");
var loggedTypeFailures = {};
var has = require("898bc82f39d83f7c");
printWarning = function(text) {
var message = "Warning: " + text;
if (typeof console !== "undefined") console.error(message);
try {
// --- Welcome to debugging React ---
// This error was thrown as a convenience so that you can use this stack
// to find the callsite that caused this warning to fire.
throw new Error(message);
} catch (x) {}
};
}
/**
* Assert that the values match with the type specs.
* Error messages are memorized and will only be shown once.
*
* @param {object} typeSpecs Map of name to a ReactPropType
* @param {object} values Runtime values that need to be type-checked
* @param {string} location e.g. "prop", "context", "child context"
* @param {string} componentName Name of the component for error messages.
* @param {?Function} getStack Returns the component stack.
* @private
*/ function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
if (process.env.NODE_ENV !== "production") {
for(var typeSpecName in typeSpecs)if (has(typeSpecs, typeSpecName)) {
var error;
// Prop type validation may throw. In case they do, we don't want to
// fail the render phase where it didn't fail before. So we log it.
// After these have been cleaned up, we'll let them throw.
try {
// This is intentionally an invariant that gets caught. It's the same
// behavior as without this statement except with a better message.
if (typeof typeSpecs[typeSpecName] !== "function") {
var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; " + "it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`." + "This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
err.name = "Invariant Violation";
throw err;
}
error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
} catch (ex) {
error = ex;
}
if (error && !(error instanceof Error)) printWarning((componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker " + "function must return `null` or an `Error` but returned a " + typeof error + ". " + "You may have forgotten to pass an argument to the type checker " + "creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " + "shape all require an argument).");
if (error instanceof Error && !(error.message in loggedTypeFailures)) {
// Only monitor this failure once because there tends to be a lot of the
// same error.
loggedTypeFailures[error.message] = true;
var stack = getStack ? getStack() : "";
printWarning("Failed " + location + " type: " + error.message + (stack != null ? stack : ""));
}
}
}
}
/**
* Resets warning cache when testing.
*
* @private
*/ checkPropTypes.resetWarningCache = function() {
if (process.env.NODE_ENV !== "production") loggedTypeFailures = {};
};
module.exports = checkPropTypes;
},{"24ba1e58d167a82c":"olkEP","898bc82f39d83f7c":"iWUaZ"}],"olkEP":[function(require,module,exports) {
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/ "use strict";
var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
module.exports = ReactPropTypesSecret;
},{}],"iWUaZ":[function(require,module,exports) {
module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
},{}],"isv1s":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "UNSAFE_Box", ()=>(0, _boxPartialDefault.default));
parcelHelpers.export(exports, "UNSAFE_Text", ()=>(0, _textPartialDefault.default));
parcelHelpers.export(exports, "UNSAFE_Inline", ()=>(0, _inlinePartialDefault.default));
parcelHelpers.export(exports, "UNSAFE_Stack", ()=>(0, _stackPartialDefault.default));
parcelHelpers.export(exports, "UNSAFE_InteractionSurface", ()=>(0, _interactionSurfacePartialDefault.default));
var _boxPartial = require("./components/box.partial");
var _boxPartialDefault = parcelHelpers.interopDefault(_boxPartial);
var _textPartial = require("./components/text.partial");
var _textPartialDefault = parcelHelpers.interopDefault(_textPartial);
var _inlinePartial = require("./components/inline.partial");
var _inlinePartialDefault = parcelHelpers.interopDefault(_inlinePartial);
var _stackPartial = require("./components/stack.partial");
var _stackPartialDefault = parcelHelpers.interopDefault(_stackPartial);
var _interactionSurfacePartial = require("./components/interaction-surface.partial");
var _interactionSurfacePartialDefault = parcelHelpers.interopDefault(_interactionSurfacePartial);
},{"./components/box.partial":"bwYQE","./components/text.partial":"8ls1b","./components/inline.partial":"xKD1P","./components/stack.partial":"cnVAL","./components/interaction-surface.partial":false,"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"bwYQE":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "Box", ()=>Box);
var _extends = require("@babel/runtime/helpers/extends");
var _extendsDefault = parcelHelpers.interopDefault(_extends);
var _objectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties");
var _objectWithoutPropertiesDefault = parcelHelpers.interopDefault(_objectWithoutProperties);
/** @jsx jsx */ var _react = require("react");
var _react1 = require("@emotion/react");
var _constants = require("../constants");
var _surfaceProvider = require("./surface-provider");
var _excluded = [
"children",
"as",
"className",
"display",
"flexDirection",
"alignItems",
"justifyContent",
"backgroundColor",
"borderColor",
"borderStyle",
"borderWidth",
"borderRadius",
"shadow",
"layer",
"padding",
"paddingBlock",
"paddingInline",
"position",
"height",
"overflow",
"width",
"UNSAFE_style",
"testId"
];
var Box = /*#__PURE__*/ (0, _react.forwardRef)(function(_ref, ref) {
var children = _ref.children, as = _ref.as, className = _ref.className, _ref$display = _ref.display, display = _ref$display === void 0 ? "flex" : _ref$display, flexDirection = _ref.flexDirection, alignItems = _ref.alignItems, justifyContent = _ref.justifyContent, backgroundColor = _ref.backgroundColor, borderColor = _ref.borderColor, borderStyle = _ref.borderStyle, borderWidth = _ref.borderWidth, borderRadius = _ref.borderRadius, shadow = _ref.shadow, layer = _ref.layer, padding = _ref.padding, paddingBlock = _ref.paddingBlock, paddingInline = _ref.paddingInline, _ref$position = _ref.position, position = _ref$position === void 0 ? "relative" : _ref$position, height = _ref.height, overflow = _ref.overflow, width = _ref.width, UNSAFE_style = _ref.UNSAFE_style, testId = _ref.testId, htmlAttributes = (0, _objectWithoutPropertiesDefault.default)(_ref, _excluded);
var Component = as || "div";
var node = (0, _react1.jsx)(Component, (0, _extendsDefault.default)({
style: UNSAFE_style,
ref: ref // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
}, htmlAttributes, {
className: className,
css: [
baseStyles,
display && displayMap[display],
padding && paddingMap[padding],
position && positionMap[position],
paddingBlock && paddingBlockMap[paddingBlock],
paddingInline && paddingInlineMap[paddingInline],
alignItems && flexAlignItemsMap[alignItems],
justifyContent && flexJustifyContentMap[justifyContent],
backgroundColor && backgroundColorMap[backgroundColor],
borderColor && borderColorMap[borderColor],
borderStyle && borderStyleMap[borderStyle],
borderWidth && borderWidthMap[borderWidth],
borderRadius && borderRadiusMap[borderRadius],
shadow && shadowMap[shadow],
layer && layerMap[layer],
flexDirection && flexDirectionMap[flexDirection],
overflow && overflowMap[overflow],
width && widthMap[width],
height && heightMap[height]
],
"data-testid": testId
}), children);
return backgroundColor ? (0, _react1.jsx)((0, _surfaceProvider.SurfaceContext).Provider, {
value: backgroundColor
}, node) : node;
});
Box.displayName = "Box";
exports.default = Box; // <<< STYLES GO HERE >>>
var borderStyleMap = {
none: (0, _react1.css)({
borderStyle: "none"
}),
solid: (0, _react1.css)({
borderStyle: "solid"
}),
dashed: (0, _react1.css)({
borderStyle: "dashed"
}),
dotted: (0, _react1.css)({
borderStyle: "dotted"
})
};
var borderWidthMap = {
"0px": (0, _react1.css)({
borderWidth: "0px"
}),
"1px": (0, _react1.css)({
borderWidth: "1px"
}),
"2px": (0, _react1.css)({
borderWidth: "2px"
}),
"3px": (0, _react1.css)({
borderWidth: "3px"
})
};
var borderRadiusMap = {
normal: (0, _react1.css)({
borderRadius: "3px"
}),
rounded: (0, _react1.css)({
borderRadius: "50%"
}),
badge: (0, _react1.css)({
borderRadius: "8px"
})
};
/**
* @experimental - this is likely to be removed
*/ var flexDirectionMap = {
column: (0, _react1.css)({
flexDirection: "column"
}),
row: (0, _react1.css)({
flexDirection: "row"
})
};
/**
* @experimental - this is likely to be removed
*/ var flexAlignItemsMap = {
center: (0, _react1.css)({
alignItems: "center"
}),
baseline: (0, _react1.css)({
alignItems: "baseline"
}),
flexStart: (0, _react1.css)({
alignItems: "flex-start"
}),
flexEnd: (0, _react1.css)({
alignItems: "flex-end"
}),
start: (0, _react1.css)({
alignItems: "start"
}),
end: (0, _react1.css)({
alignItems: "end"
})
};
/**
* @experimental - this is likely to be removed
*/ var flexJustifyContentMap = {
center: (0, _react1.css)({
justifyContent: "center"
}),
flexStart: (0, _react1.css)({
justifyContent: "flex-start"
}),
flexEnd: (0, _react1.css)({
justifyContent: "flex-end"
}),
start: (0, _react1.css)({
alignItems: "start"
}),
end: (0, _react1.css)({
alignItems: "end"
})
};
var displayMap = {
block: (0, _react1.css)({
display: "block"
}),
inline: (0, _react1.css)({
display: "inline"
}),
flex: (0, _react1.css)({
display: "flex"
}),
inlineFlex: (0, _react1.css)({
display: "inline-flex"
}),
inlineBlock: (0, _react1.css)({
display: "inline-block"
})
};
var positionMap = {
absolute: (0, _react1.css)({
position: "absolute"
}),
fixed: (0, _react1.css)({
position: "fixed"
}),
relative: (0, _react1.css)({
position: "relative"
}),
static: (0, _react1.css)({
position: "static"
})
};
var overflowMap = {
auto: (0, _react1.css)({
overflow: "auto"
}),
hidden: (0, _react1.css)({
overflow: "hidden"
})
};
var baseStyles = (0, _react1.css)({
boxSizing: "border-box",
appearance: "none",
border: "none"
});
/**
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::327e769aaa3da9422a919a0ca9490070>>
* @codegenId dimensions
* @codegenCommand yarn codegen-styles
* @codegenParams ["width", "height"]
*/ var widthMap = {
"100%": (0, _react1.css)({
width: "100%"
}),
"size.100": (0, _react1.css)({
width: "16px"
}),
"size.1000": (0, _react1.css)({
width: "192px"
}),
"size.200": (0, _react1.css)({
width: "24px"
}),
"size.300": (0, _react1.css)({
width: "32px"
}),
"size.400": (0, _react1.css)({
width: "40px"
}),
"size.500": (0, _react1.css)({
width: "48px"
}),
"size.600": (0, _react1.css)({
width: "96px"
})
};
var heightMap = {
"100%": (0, _react1.css)({
height: "100%"
}),
"size.100": (0, _react1.css)({
height: "16px"
}),
"size.1000": (0, _react1.css)({
height: "192px"
}),
"size.200": (0, _react1.css)({
height: "24px"
}),
"size.300": (0, _react1.css)({
height: "32px"
}),
"size.400": (0, _react1.css)({
height: "40px"
}),
"size.500": (0, _react1.css)({
height: "48px"
}),
"size.600": (0, _react1.css)({
height: "96px"
})
};
/**
* @codegenEnd
*/ /**
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::99c5403dd8b57b15bf1240cc456b6b16>>
* @codegenId spacing
* @codegenCommand yarn codegen-styles
* @codegenParams ["padding", "paddingBlock", "paddingInline"]
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
*/ var paddingMap = {
"space.0": (0, _react1.css)({
padding: "var(--ds-space-0, 0px)"
}),
"space.025": (0, _react1.css)({
padding: "var(--ds-space-025, 2px)"
}),
"space.050": (0, _react1.css)({
padding: "var(--ds-space-050, 4px)"
}),
"space.075": (0, _react1.css)({
padding: "var(--ds-space-075, 6px)"
}),
"space.100": (0, _react1.css)({
padding: "var(--ds-space-100, 8px)"
}),
"space.1000": (0, _react1.css)({
padding: "var(--ds-space-1000, 80px)"
}),
"space.150": (0, _react1.css)({
padding: "var(--ds-space-150, 12px)"
}),
"space.200": (0, _react1.css)({
padding: "var(--ds-space-200, 16px)"
}),
"space.250": (0, _react1.css)({
padding: "var(--ds-space-250, 20px)"
}),
"space.300": (0, _react1.css)({
padding: "var(--ds-space-300, 24px)"
}),
"space.400": (0, _react1.css)({
padding: "var(--ds-space-400, 32px)"
}),
"space.500": (0, _react1.css)({
padding: "var(--ds-space-500, 40px)"
}),
"space.600": (0, _react1.css)({
padding: "var(--ds-space-600, 48px)"
}),
"space.800": (0, _react1.css)({
padding: "var(--ds-space-800, 64px)"
})
};
var paddingBlockMap = {
"space.0": (0, _react1.css)({
paddingBlock: "var(--ds-space-0, 0px)"
}),
"space.025": (0, _react1.css)({
paddingBlock: "var(--ds-space-025, 2px)"
}),
"space.050": (0, _react1.css)({
paddingBlock: "var(--ds-space-050, 4px)"
}),
"space.075": (0, _react1.css)({
paddingBlock: "var(--ds-space-075, 6px)"
}),
"space.100": (0, _react1.css)({
paddingBlock: "var(--ds-space-100, 8px)"
}),
"space.1000": (0, _react1.css)({
paddingBlock: "var(--ds-space-1000, 80px)"
}),
"space.150": (0, _react1.css)({
paddingBlock: "var(--ds-space-150, 12px)"
}),
"space.200": (0, _react1.css)({
paddingBlock: "var(--ds-space-200, 16px)"
}),
"space.250": (0, _react1.css)({
paddingBlock: "var(--ds-space-250, 20px)"
}),
"space.300": (0, _react1.css)({
paddingBlock: "var(--ds-space-300, 24px)"
}),
"space.400": (0, _react1.css)({
paddingBlock: "var(--ds-space-400, 32px)"
}),
"space.500": (0, _react1.css)({
paddingBlock: "var(--ds-space-500, 40px)"
}),
"space.600": (0, _react1.css)({
paddingBlock: "var(--ds-space-600, 48px)"
}),
"space.800": (0, _react1.css)({
paddingBlock: "var(--ds-space-800, 64px)"
})
};
var paddingInlineMap = {
"space.0": (0, _react1.css)({
paddingInline: "var(--ds-space-0, 0px)"
}),
"space.025": (0, _react1.css)({
paddingInline: "var(--ds-space-025, 2px)"
}),
"space.050": (0, _react1.css)({
paddingInline: "var(--ds-space-050, 4px)"
}),
"space.075": (0, _react1.css)({
paddingInline: "var(--ds-space-075, 6px)"
}),
"space.100": (0, _react1.css)({
paddingInline: "var(--ds-space-100, 8px)"
}),
"space.1000": (0, _react1.css)({
paddingInline: "var(--ds-space-1000, 80px)"
}),
"space.150": (0, _react1.css)({
paddingInline: "var(--ds-space-150, 12px)"
}),
"space.200": (0, _react1.css)({
paddingInline: "var(--ds-space-200, 16px)"
}),
"space.250": (0, _react1.css)({
paddingInline: "var(--ds-space-250, 20px)"
}),
"space.300": (0, _react1.css)({
paddingInline: "var(--ds-space-300, 24px)"
}),
"space.400": (0, _react1.css)({
paddingInline: "var(--ds-space-400, 32px)"
}),
"space.500": (0, _react1.css)({
paddingInline: "var(--ds-space-500, 40px)"
}),
"space.600": (0, _react1.css)({
paddingInline: "var(--ds-space-600, 48px)"
}),
"space.800": (0, _react1.css)({
paddingInline: "var(--ds-space-800, 64px)"
})
};
/**
* @codegenEnd
*/ /**
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::201c8a6c6ff88ac47cdb02365c643ff2>>
* @codegenId colors
* @codegenCommand yarn codegen-styles
* @codegenParams ["border", "background", "shadow"]
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
*/ var borderColorMap = {
"color.border": (0, _react1.css)({
borderColor: "var(--ds-border, #091e4221)"
}),
bold: (0, _react1.css)({
borderColor: "var(--ds-border-bold, #344563)"
}),
inverse: (0, _react1.css)({
borderColor: "var(--ds-border-inverse, #FFFFFF)"
}),
focused: (0, _react1.css)({
borderColor: "var(--ds-border-focused, #4C9AFF)"
}),
input: (0, _react1.css)({
borderColor: "var(--ds-border-input, #FAFBFC)"
}),
disabled: (0, _react1.css)({
borderColor: "var(--ds-border-disabled, #FAFBFC)"
}),
brand: (0, _react1.css)({
borderColor: "var(--ds-border-brand, #0052CC)"
}),
selected: (0, _react1.css)({
borderColor: "var(--ds-border-selected, #0052CC)"
}),
danger: (0, _react1.css)({
borderColor: "var(--ds-border-danger, #FF5630)"
}),
warning: (0, _react1.css)({
borderColor: "var(--ds-border-warning, #FFC400)"
}),
success: (0, _react1.css)({
borderColor: "var(--ds-border-success, #00875A)"
}),
discovery: (0, _react1.css)({
borderColor: "var(--ds-border-discovery, #998DD9)"
}),
information: (0, _react1.css)({
borderColor: "var(--ds-border-information, #0065FF)"
})
};
var backgroundColorMap = {
disabled: (0, _react1.css)({
backgroundColor: "var(--ds-background-disabled, #091e4289)"
}),
"inverse.subtle": (0, _react1.css)({
backgroundColor: "var(--ds-background-inverse-subtle, #00000029)"
}),
input: (0, _react1.css)({
backgroundColor: "var(--ds-background-input, #FAFBFC)"
}),
neutral: (0, _react1.css)({
backgroundColor: "var(--ds-background-neutral, #DFE1E6)"
}),
"neutral.subtle": (0, _react1.css)({
backgroundColor: "var(--ds-background-neutral-subtle, transparent)"
}),
"neutral.bold": (0, _react1.css)({
backgroundColor: "var(--ds-background-neutral-bold, #42526E)"
}),
"brand.bold": (0, _react1.css)({
backgroundColor: "var(--ds-background-brand-bold, #0052CC)"
}),
selected: (0, _react1.css)({
backgroundColor: "var(--ds-background-selected, #DEEBFF)"
}),
"selected.bold": (0, _react1.css)({
backgroundColor: "var(--ds-background-selected-bold, #0052CC)"
}),
danger: (0, _react1.css)({
backgroundColor: "var(--ds-background-danger, #FFEBE6)"
}),
"danger.bold": (0, _react1.css)({
backgroundColor: "var(--ds-background-danger-bold, #DE350B)"
}),
warning: (0, _react1.css)({
backgroundColor: "var(--ds-background-warning, #FFFAE6)"
}),
"warning.bold": (0, _react1.css)({
backgroundColor: "var(--ds-background-warning-bold, #FFAB00)"
}),
success: (0, _react1.css)({
backgroundColor: "var(--ds-background-success, #E3FCEF)"
}),
"success.bold": (0, _react1.css)({
backgroundColor: "var(--ds-background-success-bold, #00875A)"
}),
discovery: (0, _react1.css)({
backgroundColor: "var(--ds-background-discovery, #EAE6FF)"
}),
"discovery.bold": (0, _react1.css)({
backgroundColor: "var(--ds-background-discovery-bold, #5243AA)"
}),
information: (0, _react1.css)({
backgroundColor: "var(--ds-background-information, #DEEBFF)"
}),
"information.bold": (0, _react1.css)({
backgroundColor: "var(--ds-background-information-bold, #0052CC)"
}),
"color.blanket": (0, _react1.css)({
backgroundColor: "var(--ds-blanket, #091e4289)"
}),
"color.blanket.selected": (0, _react1.css)({
backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
}),
"color.blanket.danger": (0, _react1.css)({
backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
}),
"elevation.surface": (0, _react1.css)({
backgroundColor: "var(--ds-surface, #FFFFFF)"
}),
"elevation.surface.sunken": (0, _react1.css)({
backgroundColor: "var(--ds-surface-sunken, #F4F5F7)"
}),
"elevation.surface.raised": (0, _react1.css)({
backgroundColor: "var(--ds-surface-raised, #FFFFFF)"
}),
"elevation.surface.overlay": (0, _react1.css)({
backgroundColor: "var(--ds-surface-overlay, #FFFFFF)"
})
};
var shadowMap = {
raised: (0, _react1.css)({
boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)"
}),
overflow: (0, _react1.css)({
boxShadow: "var(--ds-shadow-overflow, 0px 0px 8px #091e423f, 0px 0px 1px #091e424f)"
}),
"overflow.spread": (0, _react1.css)({
boxShadow: "var(--ds-shadow-overflow-spread, #091e4229)"
}),
"overflow.perimeter": (0, _react1.css)({
boxShadow: "var(--ds-shadow-overflow-perimeter, #091e421f)"
}),
overlay: (0, _react1.css)({
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f)"
})
};
/**
* @codegenEnd
*/ /**
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::bacbea271b30ec7d2f61306c9a8a9e63>>
* @codegenId misc
* @codegenCommand yarn codegen-styles
* @codegenParams ["layer"]
*/ var layerMap = {
card: (0, _react1.css)({
zIndex: (0, _constants.LAYERS)["card"]
}),
navigation: (0, _react1.css)({
zIndex: (0, _constants.LAYERS)["navigation"]
}),
dialog: (0, _react1.css)({
zIndex: (0, _constants.LAYERS)["dialog"]
}),
layer: (0, _react1.css)({
zIndex: (0, _constants.LAYERS)["layer"]
}),
blanket: (0, _react1.css)({
zIndex: (0, _constants.LAYERS)["blanket"]
}),
modal: (0, _react1.css)({
zIndex: (0, _constants.LAYERS)["modal"]
}),
flag: (0, _react1.css)({
zIndex: (0, _constants.LAYERS)["flag"]
}),
spotlight: (0, _react1.css)({
zIndex: (0, _constants.LAYERS)["spotlight"]
}),
tooltip: (0, _react1.css)({
zIndex: (0, _constants.LAYERS)["tooltip"]
})
}; /**
* @codegenEnd
*/
},{"@babel/runtime/helpers/extends":"roxcp","@babel/runtime/helpers/objectWithoutProperties":"f8pNr","react":"88B64","@emotion/react":"goCbf","../constants":"2YTI0","./surface-provider":"7GVOR","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"roxcp":[function(require,module,exports) {
function _extends() {
module.exports = _extends = Object.assign ? Object.assign.bind() : function(target) {
for(var i = 1; i < arguments.length; i++){
var source = arguments[i];
for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
}
return target;
}, module.exports.__esModule = true, module.exports["default"] = module.exports;
return _extends.apply(this, arguments);
}
module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
},{}],"f8pNr":[function(require,module,exports) {
var objectWithoutPropertiesLoose = require("424c8dc91f0a14f9");
function _objectWithoutProperties(source, excluded) {
if (source == null) return {};
var target = objectWithoutPropertiesLoose(source, excluded);
var key, i;
if (Object.getOwnPropertySymbols) {
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
for(i = 0; i < sourceSymbolKeys.length; i++){
key = sourceSymbolKeys[i];
if (excluded.indexOf(key) >= 0) continue;
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
target[key] = source[key];
}
}
return target;
}
module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
},{"424c8dc91f0a14f9":"fZx94"}],"fZx94":[function(require,module,exports) {
function _objectWithoutPropertiesLoose(source, excluded) {
if (source == null) return {};
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
for(i = 0; i < sourceKeys.length; i++){
key = sourceKeys[i];
if (excluded.indexOf(key) >= 0) continue;
target[key] = source[key];
}
return target;
}
module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
},{}],"goCbf":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "CacheProvider", ()=>(0, _emotionElement3838Ba9EEsmJs.C));
parcelHelpers.export(exports, "ThemeContext", ()=>(0, _emotionElement3838Ba9EEsmJs.T));
parcelHelpers.export(exports, "ThemeProvider", ()=>(0, _emotionElement3838Ba9EEsmJs.a));
parcelHelpers.export(exports, "__unsafe_useEmotionCache", ()=>(0, _emotionElement3838Ba9EEsmJs._));
parcelHelpers.export(exports, "useTheme", ()=>(0, _emotionElement3838Ba9EEsmJs.u));
parcelHelpers.export(exports, "withEmotionCache", ()=>(0, _emotionElement3838Ba9EEsmJs.w));
parcelHelpers.export(exports, "withTheme", ()=>(0, _emotionElement3838Ba9EEsmJs.b));
parcelHelpers.export(exports, "ClassNames", ()=>ClassNames);
parcelHelpers.export(exports, "Global", ()=>Global);
parcelHelpers.export(exports, "createElement", ()=>jsx);
parcelHelpers.export(exports, "css", ()=>css);
parcelHelpers.export(exports, "jsx", ()=>jsx);
parcelHelpers.export(exports, "keyframes", ()=>keyframes);
var _react = require("react");
var _cache = require("@emotion/cache");
var _emotionElement3838Ba9EEsmJs = require("./emotion-element-3838ba9e.esm.js");
var _extends = require("@babel/runtime/helpers/extends");
var _weakMemoize = require("@emotion/weak-memoize");
var _hoistNonReactStatics = require("hoist-non-react-statics");
var _emotionReactIsolatedHnrsEsmJs = require("../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js");
var _utils = require("@emotion/utils");
var _serialize = require("@emotion/serialize");
var _useInsertionEffectWithFallbacks = require("@emotion/use-insertion-effect-with-fallbacks");
var pkg = {
name: "@emotion/react",
version: "11.10.5",
main: "dist/emotion-react.cjs.js",
module: "dist/emotion-react.esm.js",
browser: {
"./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
},
exports: {
".": {
module: {
worker: "./dist/emotion-react.worker.esm.js",
browser: "./dist/emotion-react.browser.esm.js",
"default": "./dist/emotion-react.esm.js"
},
"default": "./dist/emotion-react.cjs.js"
},
"./jsx-runtime": {
module: {
worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",
browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
},
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
},
"./_isolated-hnrs": {
module: {
worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",
browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
},
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
},
"./jsx-dev-runtime": {
module: {
worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",
browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
},
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
},
"./package.json": "./package.json",
"./types/css-prop": "./types/css-prop.d.ts",
"./macro": "./macro.js"
},
types: "types/index.d.ts",
files: [
"src",
"dist",
"jsx-runtime",
"jsx-dev-runtime",
"_isolated-hnrs",
"types/*.d.ts",
"macro.js",
"macro.d.ts",
"macro.js.flow"
],
sideEffects: false,
author: "Emotion Contributors",
license: "MIT",
scripts: {
"test:typescript": "dtslint types"
},
dependencies: {
"@babel/runtime": "^7.18.3",
"@emotion/babel-plugin": "^11.10.5",
"@emotion/cache": "^11.10.5",
"@emotion/serialize": "^1.1.1",
"@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
"@emotion/utils": "^1.2.0",
"@emotion/weak-memoize": "^0.3.0",
"hoist-non-react-statics": "^3.3.1"
},
peerDependencies: {
"@babel/core": "^7.0.0",
react: ">=16.8.0"
},
peerDependenciesMeta: {
"@babel/core": {
optional: true
},
"@types/react": {
optional: true
}
},
devDependencies: {
"@babel/core": "^7.18.5",
"@definitelytyped/dtslint": "0.0.112",
"@emotion/css": "11.10.5",
"@emotion/css-prettifier": "1.1.1",
"@emotion/server": "11.10.0",
"@emotion/styled": "11.10.5",
"html-tag-names": "^1.1.2",
react: "16.14.0",
"svg-tag-names": "^1.1.1",
typescript: "^4.5.5"
},
repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
publishConfig: {
access: "public"
},
"umd:main": "dist/emotion-react.umd.min.js",
preconstruct: {
entrypoints: [
"./index.js",
"./jsx-runtime.js",
"./jsx-dev-runtime.js",
"./_isolated-hnrs.js"
],
umdName: "emotionReact",
exports: {
envConditions: [
"browser",
"worker"
],
extra: {
"./types/css-prop": "./types/css-prop.d.ts",
"./macro": "./macro.js"
}
}
}
};
var jsx = function jsx(type, props) {
var args = arguments;
if (props == null || !(0, _emotionElement3838Ba9EEsmJs.h).call(props, "css")) // $FlowFixMe
return (0, _react.createElement).apply(undefined, args);
var argsLength = args.length;
var createElementArgArray = new Array(argsLength);
createElementArgArray[0] = (0, _emotionElement3838Ba9EEsmJs.E);
createElementArgArray[1] = (0, _emotionElement3838Ba9EEsmJs.c)(type, props);
for(var i = 2; i < argsLength; i++)createElementArgArray[i] = args[i];
// $FlowFixMe
return (0, _react.createElement).apply(null, createElementArgArray);
};
var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
// initial client-side render from SSR, use place of hydrating tag
var Global = /* #__PURE__ */ (0, _emotionElement3838Ba9EEsmJs.w)(function(props, cache) {
if (process.env.NODE_ENV !== "production" && !warnedAboutCssPropForGlobal && // probably using the custom createElement which
// means it will be turned into a className prop
// $FlowFixMe I don't really want to add it to the type since it shouldn't be used
(props.className || props.css)) {
console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?");
warnedAboutCssPropForGlobal = true;
}
var styles = props.styles;
var serialized = (0, _serialize.serializeStyles)([
styles
], undefined, (0, _react.useContext)((0, _emotionElement3838Ba9EEsmJs.T)));
if (!(0, _emotionElement3838Ba9EEsmJs.i)) {
var _ref;
var serializedNames = serialized.name;
var serializedStyles = serialized.styles;
var next = serialized.next;
while(next !== undefined){
serializedNames += " " + next.name;
serializedStyles += next.styles;
next = next.next;
}
var shouldCache = cache.compat === true;
var rules = cache.insert("", {
name: serializedNames,
styles: serializedStyles
}, cache.sheet, shouldCache);
if (shouldCache) return null;
return /*#__PURE__*/ (0, _react.createElement)("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
__html: rules
}, _ref.nonce = cache.sheet.nonce, _ref));
} // yes, i know these hooks are used conditionally
// but it is based on a constant that will never change at runtime
// it's effectively like having two implementations and switching them out
// so it's not actually breaking anything
var sheetRef = (0, _react.useRef)();
(0, _useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback)(function() {
var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
var sheet = new cache.sheet.constructor({
key: key,
nonce: cache.sheet.nonce,
container: cache.sheet.container,
speedy: cache.sheet.isSpeedy
});
var rehydrating = false; // $FlowFixMe
var node = document.querySelector('style[data-emotion="' + key + " " + serialized.name + '"]');
if (cache.sheet.tags.length) sheet.before = cache.sheet.tags[0];
if (node !== null) {
rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
node.setAttribute("data-emotion", key);
sheet.hydrate([
node
]);
}
sheetRef.current = [
sheet,
rehydrating
];
return function() {
sheet.flush();
};
}, [
cache
]);
(0, _useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback)(function() {
var sheetRefCurrent = sheetRef.current;
var sheet = sheetRefCurrent[0], rehydrating = sheetRefCurrent[1];
if (rehydrating) {
sheetRefCurrent[1] = false;
return;
}
if (serialized.next !== undefined) // insert keyframes
(0, _utils.insertStyles)(cache, serialized.next, true);
if (sheet.tags.length) {
// if this doesn't exist then it will be null so the style element will be appended
var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
sheet.before = element;
sheet.flush();
}
cache.insert("", serialized, sheet, false);
}, [
cache,
serialized.name
]);
return null;
});
if (process.env.NODE_ENV !== "production") Global.displayName = "EmotionGlobal";
function css() {
for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)args[_key] = arguments[_key];
return (0, _serialize.serializeStyles)(args);
}
var keyframes = function keyframes() {
var insertable = css.apply(void 0, arguments);
var name = "animation-" + insertable.name; // $FlowFixMe
return {
name: name,
styles: "@keyframes " + name + "{" + insertable.styles + "}",
anim: 1,
toString: function toString() {
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
}
};
};
var classnames = function classnames(args) {
var len = args.length;
var i = 0;
var cls = "";
for(; i < len; i++){
var arg = args[i];
if (arg == null) continue;
var toAdd = void 0;
switch(typeof arg){
case "boolean":
break;
case "object":
if (Array.isArray(arg)) toAdd = classnames(arg);
else {
if (process.env.NODE_ENV !== "production" && arg.styles !== undefined && arg.name !== undefined) console.error("You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.");
toAdd = "";
for(var k in arg)if (arg[k] && k) {
toAdd && (toAdd += " ");
toAdd += k;
}
}
break;
default:
toAdd = arg;
}
if (toAdd) {
cls && (cls += " ");
cls += toAdd;
}
}
return cls;
};
function merge(registered, css, className) {
var registeredStyles = [];
var rawClassName = (0, _utils.getRegisteredStyles)(registered, registeredStyles, className);
if (registeredStyles.length < 2) return className;
return rawClassName + css(registeredStyles);
}
var Insertion = function Insertion(_ref) {
var cache = _ref.cache, serializedArr = _ref.serializedArr;
var rules = (0, _useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback)(function() {
var rules = "";
for(var i = 0; i < serializedArr.length; i++){
var res = (0, _utils.insertStyles)(cache, serializedArr[i], false);
if (!(0, _emotionElement3838Ba9EEsmJs.i) && res !== undefined) rules += res;
}
if (!(0, _emotionElement3838Ba9EEsmJs.i)) return rules;
});
if (!(0, _emotionElement3838Ba9EEsmJs.i) && rules.length !== 0) {
var _ref2;
return /*#__PURE__*/ (0, _react.createElement)("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function(serialized) {
return serialized.name;
}).join(" "), _ref2.dangerouslySetInnerHTML = {
__html: rules
}, _ref2.nonce = cache.sheet.nonce, _ref2));
}
return null;
};
var ClassNames = /* #__PURE__ */ (0, _emotionElement3838Ba9EEsmJs.w)(function(props, cache) {
var hasRendered = false;
var serializedArr = [];
var css = function css() {
if (hasRendered && process.env.NODE_ENV !== "production") throw new Error("css can only be used during render");
for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)args[_key] = arguments[_key];
var serialized = (0, _serialize.serializeStyles)(args, cache.registered);
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
(0, _utils.registerStyles)(cache, serialized, false);
return cache.key + "-" + serialized.name;
};
var cx = function cx() {
if (hasRendered && process.env.NODE_ENV !== "production") throw new Error("cx can only be used during render");
for(var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++)args[_key2] = arguments[_key2];
return merge(cache.registered, css, classnames(args));
};
var content = {
css: css,
cx: cx,
theme: (0, _react.useContext)((0, _emotionElement3838Ba9EEsmJs.T))
};
var ele = props.children(content);
hasRendered = true;
return /*#__PURE__*/ (0, _react.createElement)((0, _react.Fragment), null, /*#__PURE__*/ (0, _react.createElement)(Insertion, {
cache: cache,
serializedArr: serializedArr
}), ele);
});
if (process.env.NODE_ENV !== "production") ClassNames.displayName = "EmotionClassNames";
if (process.env.NODE_ENV !== "production") {
var isBrowser = typeof document !== "undefined"; // #1727, #2905 for some reason Jest and Vitest evaluate modules twice if some consuming module gets mocked
var isTestEnv = typeof jest !== "undefined" || typeof vi !== "undefined";
if (isBrowser && !isTestEnv) {
// globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later
var globalContext = typeof globalThis !== "undefined" ? globalThis // eslint-disable-line no-undef
: isBrowser ? window : global;
var globalKey = "__EMOTION_REACT_" + pkg.version.split(".")[0] + "__";
if (globalContext[globalKey]) console.warn("You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used.");
globalContext[globalKey] = true;
}
}
},{"react":"88B64","@emotion/cache":"a11R9","./emotion-element-3838ba9e.esm.js":"8UlvU","@babel/runtime/helpers/extends":"roxcp","@emotion/weak-memoize":"eEDUi","hoist-non-react-statics":"hdqrD","../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js":"wCRtk","@emotion/utils":"2eov0","@emotion/serialize":"kd7vP","@emotion/use-insertion-effect-with-fallbacks":"3590q","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"a11R9":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
var _sheet = require("@emotion/sheet");
var _stylis = require("stylis");
var _weakMemoize = require("@emotion/weak-memoize");
var _weakMemoizeDefault = parcelHelpers.interopDefault(_weakMemoize);
var _memoize = require("@emotion/memoize");
var _memoizeDefault = parcelHelpers.interopDefault(_memoize);
var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
var previous = 0;
var character = 0;
while(true){
previous = character;
character = (0, _stylis.peek)(); // &\f
if (previous === 38 && character === 12) points[index] = 1;
if ((0, _stylis.token)(character)) break;
(0, _stylis.next)();
}
return (0, _stylis.slice)(begin, (0, _stylis.position));
};
var toRules = function toRules(parsed, points) {
// pretend we've started with a comma
var index = -1;
var character = 44;
do switch((0, _stylis.token)(character)){
case 0:
// &\f
if (character === 38 && (0, _stylis.peek)() === 12) // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings
// stylis inserts \f after & to know when & where it should replace this sequence with the context selector
// and when it should just concatenate the outer and inner selectors
// it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here
points[index] = 1;
parsed[index] += identifierWithPointTracking((0, _stylis.position) - 1, points, index);
break;
case 2:
parsed[index] += (0, _stylis.delimit)(character);
break;
case 4:
// comma
if (character === 44) {
// colon
parsed[++index] = (0, _stylis.peek)() === 58 ? "&\f" : "";
points[index] = parsed[index].length;
break;
}
// fallthrough
default:
parsed[index] += (0, _stylis.from)(character);
}
while (character = (0, _stylis.next)());
return parsed;
};
var getRules = function getRules(value, points) {
return (0, _stylis.dealloc)(toRules((0, _stylis.alloc)(value), points));
}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11
var fixedElements = /* #__PURE__ */ new WeakMap();
var compat = function compat(element) {
if (element.type !== "rule" || !element.parent || // positive .length indicates that this rule contains pseudo
// negative .length indicates that this rule has been already prefixed
element.length < 1) return;
var value = element.value, parent = element.parent;
var isImplicitRule = element.column === parent.column && element.line === parent.line;
while(parent.type !== "rule"){
parent = parent.parent;
if (!parent) return;
} // short-circuit for the simplest case
if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) return;
// if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)
// then the props has already been manipulated beforehand as they that array is shared between it and its "rule parent"
if (isImplicitRule) return;
fixedElements.set(element, true);
var points = [];
var rules = getRules(value, points);
var parentRules = parent.props;
for(var i = 0, k = 0; i < rules.length; i++)for(var j = 0; j < parentRules.length; j++, k++)element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
};
var removeLabel = function removeLabel(element) {
if (element.type === "decl") {
var value = element.value;
if (value.charCodeAt(0) === 108 && // charcode for b
value.charCodeAt(2) === 98) {
// this ignores label
element["return"] = "";
element.value = "";
}
}
};
var ignoreFlag = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason";
var isIgnoringComment = function isIgnoringComment(element) {
return element.type === "comm" && element.children.indexOf(ignoreFlag) > -1;
};
var createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm(cache) {
return function(element, index, children) {
if (element.type !== "rule" || cache.compat) return;
var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);
if (unsafePseudoClasses) {
var isNested = element.parent === children[0]; // in nested rules comments become children of the "auto-inserted" rule
//
// considering this input:
// .a {
// .b /* comm */ {}
// color: hotpink;
// }
// we get output corresponding to this:
// .a {
// & {
// /* comm */
// color: hotpink;
// }
// .b {}
// }
var commentContainer = isNested ? children[0].children : children;
for(var i = commentContainer.length - 1; i >= 0; i--){
var node = commentContainer[i];
if (node.line < element.line) break;
// it is quite weird but comments are *usually* put at `column: element.column - 1`
// so we seek *from the end* for the node that is earlier than the rule's `element` and check that
// this will also match inputs like this:
// .a {
// /* comm */
// .b {}
// }
//
// but that is fine
//
// it would be the easiest to change the placement of the comment to be the first child of the rule:
// .a {
// .b { /* comm */ }
// }
// with such inputs we wouldn't have to search for the comment at all
// TODO: consider changing this comment placement in the next major version
if (node.column < element.column) {
if (isIgnoringComment(node)) return;
break;
}
}
unsafePseudoClasses.forEach(function(unsafePseudoClass) {
console.error('The pseudo class "' + unsafePseudoClass + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + unsafePseudoClass.split("-child")[0] + '-of-type".');
});
}
};
};
var isImportRule = function isImportRule(element) {
return element.type.charCodeAt(1) === 105 && element.type.charCodeAt(0) === 64;
};
var isPrependedWithRegularRules = function isPrependedWithRegularRules(index, children) {
for(var i = index - 1; i >= 0; i--){
if (!isImportRule(children[i])) return true;
}
return false;
}; // use this to remove incorrect elements from further processing
// so they don't get handed to the `sheet` (or anything else)
// as that could potentially lead to additional logs which in turn could be overhelming to the user
var nullifyElement = function nullifyElement(element) {
element.type = "";
element.value = "";
element["return"] = "";
element.children = "";
element.props = "";
};
var incorrectImportAlarm = function incorrectImportAlarm(element, index, children) {
if (!isImportRule(element)) return;
if (element.parent) {
console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.");
nullifyElement(element);
} else if (isPrependedWithRegularRules(index, children)) {
console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.");
nullifyElement(element);
}
};
/* eslint-disable no-fallthrough */ function prefix(value, length) {
switch((0, _stylis.hash)(value, length)){
// color-adjust
case 5103:
return (0, _stylis.WEBKIT) + "print-" + value + value;
// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
case 5737:
case 4201:
case 3177:
case 3433:
case 1641:
case 4457:
case 2921:
case 5572:
case 6356:
case 5844:
case 3191:
case 6645:
case 3005:
case 6391:
case 5879:
case 5623:
case 6135:
case 4599:
case 4855:
case 4215:
case 6389:
case 5109:
case 5365:
case 5621:
case 3829:
return (0, _stylis.WEBKIT) + value + value;
// appearance, user-select, transform, hyphens, text-size-adjust
case 5349:
case 4246:
case 4810:
case 6968:
case 2756:
return (0, _stylis.WEBKIT) + value + (0, _stylis.MOZ) + value + (0, _stylis.MS) + value + value;
// flex, flex-direction
case 6828:
case 4268:
return (0, _stylis.WEBKIT) + value + (0, _stylis.MS) + value + value;
// order
case 6165:
return (0, _stylis.WEBKIT) + value + (0, _stylis.MS) + "flex-" + value + value;
// align-items
case 5187:
return (0, _stylis.WEBKIT) + value + (0, _stylis.replace)(value, /(\w+).+(:[^]+)/, (0, _stylis.WEBKIT) + "box-$1$2" + (0, _stylis.MS) + "flex-$1$2") + value;
// align-self
case 5443:
return (0, _stylis.WEBKIT) + value + (0, _stylis.MS) + "flex-item-" + (0, _stylis.replace)(value, /flex-|-self/, "") + value;
// align-content
case 4675:
return (0, _stylis.WEBKIT) + value + (0, _stylis.MS) + "flex-line-pack" + (0, _stylis.replace)(value, /align-content|flex-|-self/, "") + value;
// flex-shrink
case 5548:
return (0, _stylis.WEBKIT) + value + (0, _stylis.MS) + (0, _stylis.replace)(value, "shrink", "negative") + value;
// flex-basis
case 5292:
return (0, _stylis.WEBKIT) + value + (0, _stylis.MS) + (0, _stylis.replace)(value, "basis", "preferred-size") + value;
// flex-grow
case 6060:
return (0, _stylis.WEBKIT) + "box-" + (0, _stylis.replace)(value, "-grow", "") + (0, _stylis.WEBKIT) + value + (0, _stylis.MS) + (0, _stylis.replace)(value, "grow", "positive") + value;
// transition
case 4554:
return (0, _stylis.WEBKIT) + (0, _stylis.replace)(value, /([^-])(transform)/g, "$1" + (0, _stylis.WEBKIT) + "$2") + value;
// cursor
case 6187:
return (0, _stylis.replace)((0, _stylis.replace)((0, _stylis.replace)(value, /(zoom-|grab)/, (0, _stylis.WEBKIT) + "$1"), /(image-set)/, (0, _stylis.WEBKIT) + "$1"), value, "") + value;
// background, background-image
case 5495:
case 3959:
return (0, _stylis.replace)(value, /(image-set\([^]*)/, (0, _stylis.WEBKIT) + "$1" + "$`$1");
// justify-content
case 4968:
return (0, _stylis.replace)((0, _stylis.replace)(value, /(.+:)(flex-)?(.*)/, (0, _stylis.WEBKIT) + "box-pack:$3" + (0, _stylis.MS) + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + (0, _stylis.WEBKIT) + value + value;
// (margin|padding)-inline-(start|end)
case 4095:
case 3583:
case 4068:
case 2532:
return (0, _stylis.replace)(value, /(.+)-inline(.+)/, (0, _stylis.WEBKIT) + "$1$2") + value;
// (min|max)?(width|height|inline-size|block-size)
case 8116:
case 7059:
case 5753:
case 5535:
case 5445:
case 5701:
case 4933:
case 4677:
case 5533:
case 5789:
case 5021:
case 4765:
// stretch, max-content, min-content, fill-available
if ((0, _stylis.strlen)(value) - 1 - length > 6) switch((0, _stylis.charat)(value, length + 1)){
// (m)ax-content, (m)in-content
case 109:
// -
if ((0, _stylis.charat)(value, length + 4) !== 45) break;
// (f)ill-available, (f)it-content
case 102:
return (0, _stylis.replace)(value, /(.+:)(.+)-([^]+)/, "$1" + (0, _stylis.WEBKIT) + "$2-$3" + "$1" + (0, _stylis.MOZ) + ((0, _stylis.charat)(value, length + 3) == 108 ? "$3" : "$2-$3")) + value;
// (s)tretch
case 115:
return ~(0, _stylis.indexof)(value, "stretch") ? prefix((0, _stylis.replace)(value, "stretch", "fill-available"), length) + value : value;
}
break;
// position: sticky
case 4949:
// (s)ticky?
if ((0, _stylis.charat)(value, length + 1) !== 115) break;
// display: (flex|inline-flex)
case 6444:
switch((0, _stylis.charat)(value, (0, _stylis.strlen)(value) - 3 - (~(0, _stylis.indexof)(value, "!important") && 10))){
// stic(k)y
case 107:
return (0, _stylis.replace)(value, ":", ":" + (0, _stylis.WEBKIT)) + value;
// (inline-)?fl(e)x
case 101:
return (0, _stylis.replace)(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + (0, _stylis.WEBKIT) + ((0, _stylis.charat)(value, 14) === 45 ? "inline-" : "") + "box$3" + "$1" + (0, _stylis.WEBKIT) + "$2$3" + "$1" + (0, _stylis.MS) + "$2box$3") + value;
}
break;
// writing-mode
case 5936:
switch((0, _stylis.charat)(value, length + 11)){
// vertical-l(r)
case 114:
return (0, _stylis.WEBKIT) + value + (0, _stylis.MS) + (0, _stylis.replace)(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
// vertical-r(l)
case 108:
return (0, _stylis.WEBKIT) + value + (0, _stylis.MS) + (0, _stylis.replace)(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
// horizontal(-)tb
case 45:
return (0, _stylis.WEBKIT) + value + (0, _stylis.MS) + (0, _stylis.replace)(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
}
return (0, _stylis.WEBKIT) + value + (0, _stylis.MS) + value + value;
}
return value;
}
var prefixer = function prefixer(element, index, children, callback) {
if (element.length > -1) {
if (!element["return"]) switch(element.type){
case 0, _stylis.DECLARATION:
element["return"] = prefix(element.value, element.length);
break;
case 0, _stylis.KEYFRAMES:
return (0, _stylis.serialize)([
(0, _stylis.copy)(element, {
value: (0, _stylis.replace)(element.value, "@", "@" + (0, _stylis.WEBKIT))
})
], callback);
case 0, _stylis.RULESET:
if (element.length) return (0, _stylis.combine)(element.props, function(value) {
switch((0, _stylis.match)(value, /(::plac\w+|:read-\w+)/)){
// :read-(only|write)
case ":read-only":
case ":read-write":
return (0, _stylis.serialize)([
(0, _stylis.copy)(element, {
props: [
(0, _stylis.replace)(value, /:(read-\w+)/, ":" + (0, _stylis.MOZ) + "$1")
]
})
], callback);
// :placeholder
case "::placeholder":
return (0, _stylis.serialize)([
(0, _stylis.copy)(element, {
props: [
(0, _stylis.replace)(value, /:(plac\w+)/, ":" + (0, _stylis.WEBKIT) + "input-$1")
]
}),
(0, _stylis.copy)(element, {
props: [
(0, _stylis.replace)(value, /:(plac\w+)/, ":" + (0, _stylis.MOZ) + "$1")
]
}),
(0, _stylis.copy)(element, {
props: [
(0, _stylis.replace)(value, /:(plac\w+)/, (0, _stylis.MS) + "input-$1")
]
})
], callback);
}
return "";
});
}
}
};
var isBrowser = typeof document !== "undefined";
var getServerStylisCache = isBrowser ? undefined : (0, _weakMemoizeDefault.default)(function() {
return (0, _memoizeDefault.default)(function() {
var cache = {};
return function(name) {
return cache[name];
};
});
});
var defaultStylisPlugins = [
prefixer
];
var createCache = function createCache(options) {
var key = options.key;
if (process.env.NODE_ENV !== "production" && !key) throw new Error("You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.");
if (isBrowser && key === "css") {
var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])"); // get SSRed styles out of the way of React's hydration
// document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)
// note this very very intentionally targets all style elements regardless of the key to ensure
// that creating a cache works inside of render of a React component
Array.prototype.forEach.call(ssrStyles, function(node) {
// we want to only move elements which have a space in the data-emotion attribute value
// because that indicates that it is an Emotion 11 server-side rendered style elements
// while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector
// Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)
// so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles
// will not result in the Emotion 10 styles being destroyed
var dataEmotionAttribute = node.getAttribute("data-emotion");
if (dataEmotionAttribute.indexOf(" ") === -1) return;
document.head.appendChild(node);
node.setAttribute("data-s", "");
});
}
var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
if (process.env.NODE_ENV !== "production") {
// $FlowFixMe
if (/[^a-z-]/.test(key)) throw new Error('Emotion key must only contain lower case alphabetical characters and - but "' + key + '" was passed');
}
var inserted = {};
var container;
var nodesToHydrate = [];
if (isBrowser) {
container = options.container || document.head;
Array.prototype.forEach.call(// means that the style elements we're looking at are only Emotion 11 server-rendered style elements
document.querySelectorAll('style[data-emotion^="' + key + ' "]'), function(node) {
var attrib = node.getAttribute("data-emotion").split(" "); // $FlowFixMe
for(var i = 1; i < attrib.length; i++)inserted[attrib[i]] = true;
nodesToHydrate.push(node);
});
}
var _insert;
var omnipresentPlugins = [
compat,
removeLabel
];
if (process.env.NODE_ENV !== "production") omnipresentPlugins.push(createUnsafeSelectorsAlarm({
get compat () {
return cache.compat;
}
}), incorrectImportAlarm);
if (isBrowser) {
var currentSheet;
var finalizingPlugins = [
(0, _stylis.stringify),
process.env.NODE_ENV !== "production" ? function(element) {
if (!element.root) {
if (element["return"]) currentSheet.insert(element["return"]);
else if (element.value && element.type !== (0, _stylis.COMMENT)) // insert empty rule in non-production environments
// so @emotion/jest can grab `key` from the (JS)DOM for caches without any rules inserted yet
currentSheet.insert(element.value + "{}");
}
} : (0, _stylis.rulesheet)(function(rule) {
currentSheet.insert(rule);
})
];
var serializer = (0, _stylis.middleware)(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
var stylis = function stylis(styles) {
return (0, _stylis.serialize)((0, _stylis.compile)(styles), serializer);
};
_insert = function insert(selector, serialized, sheet, shouldCache) {
currentSheet = sheet;
if (process.env.NODE_ENV !== "production" && serialized.map !== undefined) currentSheet = {
insert: function insert(rule) {
sheet.insert(rule + serialized.map);
}
};
stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
if (shouldCache) cache.inserted[serialized.name] = true;
};
} else {
var _finalizingPlugins = [
(0, _stylis.stringify)
];
var _serializer = (0, _stylis.middleware)(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
var _stylis1 = function _stylis1(styles) {
return (0, _stylis.serialize)((0, _stylis.compile)(styles), _serializer);
}; // $FlowFixMe
var serverStylisCache = getServerStylisCache(stylisPlugins)(key);
var getRules = function getRules(selector, serialized) {
var name = serialized.name;
if (serverStylisCache[name] === undefined) serverStylisCache[name] = _stylis1(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
return serverStylisCache[name];
};
_insert = function _insert(selector, serialized, sheet, shouldCache) {
var name = serialized.name;
var rules = getRules(selector, serialized);
if (cache.compat === undefined) {
// in regular mode, we don't set the styles on the inserted cache
// since we don't need to and that would be wasting memory
// we return them so that they are rendered in a style tag
if (shouldCache) cache.inserted[name] = true;
if (// because if people do ssr in tests, the source maps showing up would be annoying
process.env.NODE_ENV === "development" && serialized.map !== undefined) return rules + serialized.map;
return rules;
} else {
// in compat mode, we put the styles on the inserted cache so
// that emotion-server can pull out the styles
// except when we don't want to cache it which was in Global but now
// is nowhere but we don't want to do a major right now
// and just in case we're going to leave the case here
// it's also not affecting client side bundle size
// so it's really not a big deal
if (shouldCache) cache.inserted[name] = rules;
else return rules;
}
};
}
var cache = {
key: key,
sheet: new (0, _sheet.StyleSheet)({
key: key,
container: container,
nonce: options.nonce,
speedy: options.speedy,
prepend: options.prepend,
insertionPoint: options.insertionPoint
}),
nonce: options.nonce,
inserted: inserted,
registered: {},
insert: _insert
};
cache.sheet.hydrate(nodesToHydrate);
return cache;
};
exports.default = createCache;
},{"@emotion/sheet":"iIwRy","stylis":"kAWj9","@emotion/weak-memoize":"eEDUi","@emotion/memoize":"cIRa4","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"iIwRy":[function(require,module,exports) {
/*
Based off glamor's StyleSheet, thanks Sunil ❤️
high performance StyleSheet for css-in-js systems
- uses multiple style tags behind the scenes for millions of rules
- uses `insertRule` for appending in production for *much* faster performance
// usage
import { StyleSheet } from '@emotion/sheet'
let styleSheet = new StyleSheet({ key: '', container: document.head })
styleSheet.insert('#box { border: 1px solid red; }')
- appends a css rule into the stylesheet
styleSheet.flush()
- empties the stylesheet of all its contents
*/ // $FlowFixMe
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "StyleSheet", ()=>StyleSheet);
function sheetForTag(tag) {
if (tag.sheet) // $FlowFixMe
return tag.sheet;
// this weirdness brought to you by firefox
/* istanbul ignore next */ for(var i = 0; i < document.styleSheets.length; i++){
if (document.styleSheets[i].ownerNode === tag) // $FlowFixMe
return document.styleSheets[i];
}
}
function createStyleElement(options) {
var tag = document.createElement("style");
tag.setAttribute("data-emotion", options.key);
if (options.nonce !== undefined) tag.setAttribute("nonce", options.nonce);
tag.appendChild(document.createTextNode(""));
tag.setAttribute("data-s", "");
return tag;
}
var StyleSheet = /*#__PURE__*/ function() {
// Using Node instead of HTMLElement since container may be a ShadowRoot
function StyleSheet(options) {
var _this = this;
this._insertTag = function(tag) {
var before;
if (_this.tags.length === 0) {
if (_this.insertionPoint) before = _this.insertionPoint.nextSibling;
else if (_this.prepend) before = _this.container.firstChild;
else before = _this.before;
} else before = _this.tags[_this.tags.length - 1].nextSibling;
_this.container.insertBefore(tag, before);
_this.tags.push(tag);
};
this.isSpeedy = options.speedy === undefined ? process.env.NODE_ENV === "production" : options.speedy;
this.tags = [];
this.ctr = 0;
this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets
this.key = options.key;
this.container = options.container;
this.prepend = options.prepend;
this.insertionPoint = options.insertionPoint;
this.before = null;
}
var _proto = StyleSheet.prototype;
_proto.hydrate = function hydrate(nodes) {
nodes.forEach(this._insertTag);
};
_proto.insert = function insert(rule) {
// the max length is how many rules we have per style tag, it's 65000 in speedy mode
// it's 1 in dev because we insert source maps that map a single rule to a location
// and you can only have one source map per style tag
if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) this._insertTag(createStyleElement(this));
var tag = this.tags[this.tags.length - 1];
if (process.env.NODE_ENV !== "production") {
var isImportRule = rule.charCodeAt(0) === 64 && rule.charCodeAt(1) === 105;
if (isImportRule && this._alreadyInsertedOrderInsensitiveRule) // this would only cause problem in speedy mode
// but we don't want enabling speedy to affect the observable behavior
// so we report this error at all times
console.error("You're attempting to insert the following rule:\n" + rule + "\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules.");
this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !isImportRule;
}
if (this.isSpeedy) {
var sheet = sheetForTag(tag);
try {
// this is the ultrafast version, works across browsers
// the big drawback is that the css won't be editable in devtools
sheet.insertRule(rule, sheet.cssRules.length);
} catch (e) {
if (process.env.NODE_ENV !== "production" && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(rule)) console.error('There was a problem inserting the following rule: "' + rule + '"', e);
}
} else tag.appendChild(document.createTextNode(rule));
this.ctr++;
};
_proto.flush = function flush() {
// $FlowFixMe
this.tags.forEach(function(tag) {
return tag.parentNode && tag.parentNode.removeChild(tag);
});
this.tags = [];
this.ctr = 0;
if (process.env.NODE_ENV !== "production") this._alreadyInsertedOrderInsensitiveRule = false;
};
return StyleSheet;
}();
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"laylR":[function(require,module,exports) {
exports.interopDefault = function(a) {
return a && a.__esModule ? a : {
default: a
};
};
exports.defineInteropFlag = function(a) {
Object.defineProperty(a, "__esModule", {
value: true
});
};
exports.exportAll = function(source, dest) {
Object.keys(source).forEach(function(key) {
if (key === "default" || key === "__esModule" || Object.prototype.hasOwnProperty.call(dest, key)) return;
Object.defineProperty(dest, key, {
enumerable: true,
get: function() {
return source[key];
}
});
});
return dest;
};
exports.export = function(dest, destName, get) {
Object.defineProperty(dest, destName, {
enumerable: true,
get: get
});
};
},{}],"kAWj9":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "CHARSET", ()=>f);
parcelHelpers.export(exports, "COMMENT", ()=>n);
parcelHelpers.export(exports, "COUNTER_STYLE", ()=>w);
parcelHelpers.export(exports, "DECLARATION", ()=>s);
parcelHelpers.export(exports, "DOCUMENT", ()=>v);
parcelHelpers.export(exports, "FONT_FACE", ()=>b);
parcelHelpers.export(exports, "FONT_FEATURE_VALUES", ()=>d);
parcelHelpers.export(exports, "IMPORT", ()=>i);
parcelHelpers.export(exports, "KEYFRAMES", ()=>h);
parcelHelpers.export(exports, "MEDIA", ()=>u);
parcelHelpers.export(exports, "MOZ", ()=>r);
parcelHelpers.export(exports, "MS", ()=>e);
parcelHelpers.export(exports, "NAMESPACE", ()=>p);
parcelHelpers.export(exports, "PAGE", ()=>t);
parcelHelpers.export(exports, "RULESET", ()=>c);
parcelHelpers.export(exports, "SUPPORTS", ()=>l);
parcelHelpers.export(exports, "VIEWPORT", ()=>o);
parcelHelpers.export(exports, "WEBKIT", ()=>a);
parcelHelpers.export(exports, "abs", ()=>$);
parcelHelpers.export(exports, "alloc", ()=>U);
parcelHelpers.export(exports, "append", ()=>S);
parcelHelpers.export(exports, "assign", ()=>g);
parcelHelpers.export(exports, "caret", ()=>Q);
parcelHelpers.export(exports, "char", ()=>K);
parcelHelpers.export(exports, "character", ()=>G);
parcelHelpers.export(exports, "characters", ()=>H);
parcelHelpers.export(exports, "charat", ()=>C);
parcelHelpers.export(exports, "column", ()=>D);
parcelHelpers.export(exports, "combine", ()=>q);
parcelHelpers.export(exports, "comment", ()=>te);
parcelHelpers.export(exports, "commenter", ()=>re);
parcelHelpers.export(exports, "compile", ()=>ne);
parcelHelpers.export(exports, "copy", ()=>J);
parcelHelpers.export(exports, "dealloc", ()=>V);
parcelHelpers.export(exports, "declaration", ()=>ue);
parcelHelpers.export(exports, "delimit", ()=>W);
parcelHelpers.export(exports, "delimiter", ()=>ee);
parcelHelpers.export(exports, "escaping", ()=>_);
parcelHelpers.export(exports, "from", ()=>k);
parcelHelpers.export(exports, "hash", ()=>m);
parcelHelpers.export(exports, "identifier", ()=>ae);
parcelHelpers.export(exports, "indexof", ()=>z);
parcelHelpers.export(exports, "length", ()=>E);
parcelHelpers.export(exports, "line", ()=>B);
parcelHelpers.export(exports, "match", ()=>y);
parcelHelpers.export(exports, "middleware", ()=>le);
parcelHelpers.export(exports, "namespace", ()=>he);
parcelHelpers.export(exports, "next", ()=>N);
parcelHelpers.export(exports, "node", ()=>I);
parcelHelpers.export(exports, "parse", ()=>ce);
parcelHelpers.export(exports, "peek", ()=>P);
parcelHelpers.export(exports, "position", ()=>F);
parcelHelpers.export(exports, "prefix", ()=>ie);
parcelHelpers.export(exports, "prefixer", ()=>pe);
parcelHelpers.export(exports, "prev", ()=>L);
parcelHelpers.export(exports, "replace", ()=>j);
parcelHelpers.export(exports, "ruleset", ()=>se);
parcelHelpers.export(exports, "rulesheet", ()=>ve);
parcelHelpers.export(exports, "serialize", ()=>fe);
parcelHelpers.export(exports, "sizeof", ()=>M);
parcelHelpers.export(exports, "slice", ()=>R);
parcelHelpers.export(exports, "stringify", ()=>oe);
parcelHelpers.export(exports, "strlen", ()=>A);
parcelHelpers.export(exports, "substr", ()=>O);
parcelHelpers.export(exports, "token", ()=>T);
parcelHelpers.export(exports, "tokenize", ()=>X);
parcelHelpers.export(exports, "tokenizer", ()=>Z);
parcelHelpers.export(exports, "trim", ()=>x);
parcelHelpers.export(exports, "whitespace", ()=>Y);
var e = "-ms-";
var r = "-moz-";
var a = "-webkit-";
var n = "comm";
var c = "rule";
var s = "decl";
var t = "@page";
var u = "@media";
var i = "@import";
var f = "@charset";
var o = "@viewport";
var l = "@supports";
var v = "@document";
var p = "@namespace";
var h = "@keyframes";
var b = "@font-face";
var w = "@counter-style";
var d = "@font-feature-values";
var $ = Math.abs;
var k = String.fromCharCode;
var g = Object.assign;
function m(e, r) {
return C(e, 0) ^ 45 ? (((r << 2 ^ C(e, 0)) << 2 ^ C(e, 1)) << 2 ^ C(e, 2)) << 2 ^ C(e, 3) : 0;
}
function x(e) {
return e.trim();
}
function y(e, r) {
return (e = r.exec(e)) ? e[0] : e;
}
function j(e, r, a) {
return e.replace(r, a);
}
function z(e, r) {
return e.indexOf(r);
}
function C(e, r) {
return e.charCodeAt(r) | 0;
}
function O(e, r, a) {
return e.slice(r, a);
}
function A(e) {
return e.length;
}
function M(e) {
return e.length;
}
function S(e, r) {
return r.push(e), e;
}
function q(e, r) {
return e.map(r).join("");
}
var B = 1;
var D = 1;
var E = 0;
var F = 0;
var G = 0;
var H = "";
function I(e, r, a, n, c, s, t) {
return {
value: e,
root: r,
parent: a,
type: n,
props: c,
children: s,
line: B,
column: D,
length: t,
return: ""
};
}
function J(e, r) {
return g(I("", null, null, "", null, null, 0), e, {
length: -e.length
}, r);
}
function K() {
return G;
}
function L() {
G = F > 0 ? C(H, --F) : 0;
if (D--, G === 10) D = 1, B--;
return G;
}
function N() {
G = F < E ? C(H, F++) : 0;
if (D++, G === 10) D = 1, B++;
return G;
}
function P() {
return C(H, F);
}
function Q() {
return F;
}
function R(e, r) {
return O(H, e, r);
}
function T(e) {
switch(e){
case 0:
case 9:
case 10:
case 13:
case 32:
return 5;
case 33:
case 43:
case 44:
case 47:
case 62:
case 64:
case 126:
case 59:
case 123:
case 125:
return 4;
case 58:
return 3;
case 34:
case 39:
case 40:
case 91:
return 2;
case 41:
case 93:
return 1;
}
return 0;
}
function U(e) {
return B = D = 1, E = A(H = e), F = 0, [];
}
function V(e) {
return H = "", e;
}
function W(e) {
return x(R(F - 1, ee(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
}
function X(e) {
return V(Z(U(e)));
}
function Y(e) {
while(G = P())if (G < 33) N();
else break;
return T(e) > 2 || T(G) > 3 ? "" : " ";
}
function Z(e) {
while(N())switch(T(G)){
case 0:
S(ae(F - 1), e);
break;
case 2:
S(W(G), e);
break;
default:
S(k(G), e);
}
return e;
}
function _(e, r) {
while(--r && N())if (G < 48 || G > 102 || G > 57 && G < 65 || G > 70 && G < 97) break;
return R(e, Q() + (r < 6 && P() == 32 && N() == 32));
}
function ee(e) {
while(N())switch(G){
case e:
return F;
case 34:
case 39:
if (e !== 34 && e !== 39) ee(G);
break;
case 40:
if (e === 41) ee(e);
break;
case 92:
N();
break;
}
return F;
}
function re(e, r) {
while(N())if (e + G === 57) break;
else if (e + G === 84 && P() === 47) break;
return "/*" + R(r, F - 1) + "*" + k(e === 47 ? e : N());
}
function ae(e) {
while(!T(P()))N();
return R(e, F);
}
function ne(e) {
return V(ce("", null, null, null, [
""
], e = U(e), 0, [
0
], e));
}
function ce(e, r, a, n, c, s, t, u, i) {
var f = 0;
var o = 0;
var l = t;
var v = 0;
var p = 0;
var h = 0;
var b = 1;
var w = 1;
var d = 1;
var $ = 0;
var g = "";
var m = c;
var x = s;
var y = n;
var O = g;
while(w)switch(h = $, $ = N()){
case 40:
if (h != 108 && C(O, l - 1) == 58) {
if (z(O += j(W($), "&", "&\f"), "&\f") != -1) d = -1;
break;
}
case 34:
case 39:
case 91:
O += W($);
break;
case 9:
case 10:
case 13:
case 32:
O += Y(h);
break;
case 92:
O += _(Q() - 1, 7);
continue;
case 47:
switch(P()){
case 42:
case 47:
S(te(re(N(), Q()), r, a), i);
break;
default:
O += "/";
}
break;
case 123 * b:
u[f++] = A(O) * d;
case 125 * b:
case 59:
case 0:
switch($){
case 0:
case 125:
w = 0;
case 59 + o:
if (p > 0 && A(O) - l) S(p > 32 ? ue(O + ";", n, a, l - 1) : ue(j(O, " ", "") + ";", n, a, l - 2), i);
break;
case 59:
O += ";";
default:
S(y = se(O, r, a, f, o, c, u, g, m = [], x = [], l), s);
if ($ === 123) {
if (o === 0) ce(O, r, y, y, m, s, l, u, x);
else switch(v === 99 && C(O, 3) === 110 ? 100 : v){
case 100:
case 109:
case 115:
ce(e, y, y, n && S(se(e, y, y, 0, 0, c, u, g, c, m = [], l), x), c, x, l, u, n ? m : x);
break;
default:
ce(O, y, y, y, [
""
], x, 0, u, x);
}
}
}
f = o = p = 0, b = d = 1, g = O = "", l = t;
break;
case 58:
l = 1 + A(O), p = h;
default:
if (b < 1) {
if ($ == 123) --b;
else if ($ == 125 && b++ == 0 && L() == 125) continue;
}
switch(O += k($), $ * b){
case 38:
d = o > 0 ? 1 : (O += "\f", -1);
break;
case 44:
u[f++] = (A(O) - 1) * d, d = 1;
break;
case 64:
if (P() === 45) O += W(N());
v = P(), o = l = A(g = O += ae(Q())), $++;
break;
case 45:
if (h === 45 && A(O) == 2) b = 0;
}
}
return s;
}
function se(e, r, a, n, s, t, u, i, f, o, l) {
var v = s - 1;
var p = s === 0 ? t : [
""
];
var h = M(p);
for(var b = 0, w = 0, d = 0; b < n; ++b)for(var k = 0, g = O(e, v + 1, v = $(w = u[b])), m = e; k < h; ++k)if (m = x(w > 0 ? p[k] + " " + g : j(g, /&\f/g, p[k]))) f[d++] = m;
return I(e, r, a, s === 0 ? c : i, f, o, l);
}
function te(e, r, a) {
return I(e, r, a, n, k(K()), O(e, 2, -2), 0);
}
function ue(e, r, a, n) {
return I(e, r, a, s, O(e, 0, n), O(e, n + 1, -1), n);
}
function ie(n, c, s) {
switch(m(n, c)){
case 5103:
return a + "print-" + n + n;
case 5737:
case 4201:
case 3177:
case 3433:
case 1641:
case 4457:
case 2921:
case 5572:
case 6356:
case 5844:
case 3191:
case 6645:
case 3005:
case 6391:
case 5879:
case 5623:
case 6135:
case 4599:
case 4855:
case 4215:
case 6389:
case 5109:
case 5365:
case 5621:
case 3829:
return a + n + n;
case 4789:
return r + n + n;
case 5349:
case 4246:
case 4810:
case 6968:
case 2756:
return a + n + r + n + e + n + n;
case 5936:
switch(C(n, c + 11)){
case 114:
return a + n + e + j(n, /[svh]\w+-[tblr]{2}/, "tb") + n;
case 108:
return a + n + e + j(n, /[svh]\w+-[tblr]{2}/, "tb-rl") + n;
case 45:
return a + n + e + j(n, /[svh]\w+-[tblr]{2}/, "lr") + n;
}
case 6828:
case 4268:
case 2903:
return a + n + e + n + n;
case 6165:
return a + n + e + "flex-" + n + n;
case 5187:
return a + n + j(n, /(\w+).+(:[^]+)/, a + "box-$1$2" + e + "flex-$1$2") + n;
case 5443:
return a + n + e + "flex-item-" + j(n, /flex-|-self/g, "") + (!y(n, /flex-|baseline/) ? e + "grid-row-" + j(n, /flex-|-self/g, "") : "") + n;
case 4675:
return a + n + e + "flex-line-pack" + j(n, /align-content|flex-|-self/g, "") + n;
case 5548:
return a + n + e + j(n, "shrink", "negative") + n;
case 5292:
return a + n + e + j(n, "basis", "preferred-size") + n;
case 6060:
return a + "box-" + j(n, "-grow", "") + a + n + e + j(n, "grow", "positive") + n;
case 4554:
return a + j(n, /([^-])(transform)/g, "$1" + a + "$2") + n;
case 6187:
return j(j(j(n, /(zoom-|grab)/, a + "$1"), /(image-set)/, a + "$1"), n, "") + n;
case 5495:
case 3959:
return j(n, /(image-set\([^]*)/, a + "$1" + "$`$1");
case 4968:
return j(j(n, /(.+:)(flex-)?(.*)/, a + "box-pack:$3" + e + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + a + n + n;
case 4200:
if (!y(n, /flex-|baseline/)) return e + "grid-column-align" + O(n, c) + n;
break;
case 2592:
case 3360:
return e + j(n, "template-", "") + n;
case 4384:
case 3616:
if (s && s.some(function(e, r) {
return c = r, y(e.props, /grid-\w+-end/);
})) return ~z(n + (s = s[c].value), "span") ? n : e + j(n, "-start", "") + n + e + "grid-row-span:" + (~z(s, "span") ? y(s, /\d+/) : +y(s, /\d+/) - +y(n, /\d+/)) + ";";
return e + j(n, "-start", "") + n;
case 4896:
case 4128:
return s && s.some(function(e) {
return y(e.props, /grid-\w+-start/);
}) ? n : e + j(j(n, "-end", "-span"), "span ", "") + n;
case 4095:
case 3583:
case 4068:
case 2532:
return j(n, /(.+)-inline(.+)/, a + "$1$2") + n;
case 8116:
case 7059:
case 5753:
case 5535:
case 5445:
case 5701:
case 4933:
case 4677:
case 5533:
case 5789:
case 5021:
case 4765:
if (A(n) - 1 - c > 6) switch(C(n, c + 1)){
case 109:
if (C(n, c + 4) !== 45) break;
case 102:
return j(n, /(.+:)(.+)-([^]+)/, "$1" + a + "$2-$3" + "$1" + r + (C(n, c + 3) == 108 ? "$3" : "$2-$3")) + n;
case 115:
return ~z(n, "stretch") ? ie(j(n, "stretch", "fill-available"), c, s) + n : n;
}
break;
case 5152:
case 5920:
return j(n, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, a, c, s, t, u, i) {
return e + a + ":" + c + i + (s ? e + a + "-span:" + (t ? u : +u - +c) + i : "") + n;
});
case 4949:
if (C(n, c + 6) === 121) return j(n, ":", ":" + a) + n;
break;
case 6444:
switch(C(n, C(n, 14) === 45 ? 18 : 11)){
case 120:
return j(n, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + a + (C(n, 14) === 45 ? "inline-" : "") + "box$3" + "$1" + a + "$2$3" + "$1" + e + "$2box$3") + n;
case 100:
return j(n, ":", ":" + e) + n;
}
break;
case 5719:
case 2647:
case 2135:
case 3927:
case 2391:
return j(n, "scroll-", "scroll-snap-") + n;
}
return n;
}
function fe(e, r) {
var a = "";
var n = M(e);
for(var c = 0; c < n; c++)a += r(e[c], c, e, r) || "";
return a;
}
function oe(e, r, a, t) {
switch(e.type){
case i:
case s:
return e.return = e.return || e.value;
case n:
return "";
case h:
return e.return = e.value + "{" + fe(e.children, t) + "}";
case c:
e.value = e.props.join(",");
}
return A(a = fe(e.children, t)) ? e.return = e.value + "{" + a + "}" : "";
}
function le(e) {
var r = M(e);
return function(a, n, c, s) {
var t = "";
for(var u = 0; u < r; u++)t += e[u](a, n, c, s) || "";
return t;
};
}
function ve(e) {
return function(r) {
if (!r.root) {
if (r = r.return) e(r);
}
};
}
function pe(n, t, u, i) {
if (n.length > -1) {
if (!n.return) switch(n.type){
case s:
n.return = ie(n.value, n.length, u);
return;
case h:
return fe([
J(n, {
value: j(n.value, "@", "@" + a)
})
], i);
case c:
if (n.length) return q(n.props, function(c) {
switch(y(c, /(::plac\w+|:read-\w+)/)){
case ":read-only":
case ":read-write":
return fe([
J(n, {
props: [
j(c, /:(read-\w+)/, ":" + r + "$1")
]
})
], i);
case "::placeholder":
return fe([
J(n, {
props: [
j(c, /:(plac\w+)/, ":" + a + "input-$1")
]
}),
J(n, {
props: [
j(c, /:(plac\w+)/, ":" + r + "$1")
]
}),
J(n, {
props: [
j(c, /:(plac\w+)/, e + "input-$1")
]
})
], i);
}
return "";
});
}
}
}
function he(e) {
switch(e.type){
case c:
e.props = e.props.map(function(r) {
return q(X(r), function(r, a, n) {
switch(C(r, 0)){
case 12:
return O(r, 1, A(r));
case 0:
case 40:
case 43:
case 62:
case 126:
return r;
case 58:
if (n[++a] === "global") n[a] = "", n[++a] = "\f" + O(n[a], a = 1, -1);
case 32:
return a === 1 ? "" : r;
default:
switch(a){
case 0:
e = r;
return M(n) > 1 ? "" : r;
case a = M(n) - 1:
case 2:
return a === 2 ? r + e + e : r + e;
default:
return r;
}
}
});
});
}
}
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"eEDUi":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
var weakMemoize = function weakMemoize(func) {
// $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps
var cache = new WeakMap();
return function(arg) {
if (cache.has(arg)) // $FlowFixMe
return cache.get(arg);
var ret = func(arg);
cache.set(arg, ret);
return ret;
};
};
exports.default = weakMemoize;
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"cIRa4":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
function memoize(fn) {
var cache = Object.create(null);
return function(arg) {
if (cache[arg] === undefined) cache[arg] = fn(arg);
return cache[arg];
};
}
exports.default = memoize;
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"8UlvU":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "C", ()=>CacheProvider);
parcelHelpers.export(exports, "E", ()=>Emotion);
parcelHelpers.export(exports, "T", ()=>ThemeContext);
parcelHelpers.export(exports, "_", ()=>__unsafe_useEmotionCache);
parcelHelpers.export(exports, "a", ()=>ThemeProvider);
parcelHelpers.export(exports, "b", ()=>withTheme);
parcelHelpers.export(exports, "c", ()=>createEmotionProps);
parcelHelpers.export(exports, "h", ()=>hasOwnProperty);
parcelHelpers.export(exports, "i", ()=>isBrowser);
parcelHelpers.export(exports, "u", ()=>useTheme);
parcelHelpers.export(exports, "w", ()=>withEmotionCache);
var _react = require("react");
var _cache = require("@emotion/cache");
var _cacheDefault = parcelHelpers.interopDefault(_cache);
var _extends = require("@babel/runtime/helpers/esm/extends");
var _extendsDefault = parcelHelpers.interopDefault(_extends);
var _weakMemoize = require("@emotion/weak-memoize");
var _weakMemoizeDefault = parcelHelpers.interopDefault(_weakMemoize);
var _emotionReactIsolatedHnrsEsmJs = require("../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js");
var _emotionReactIsolatedHnrsEsmJsDefault = parcelHelpers.interopDefault(_emotionReactIsolatedHnrsEsmJs);
var _utils = require("@emotion/utils");
var _serialize = require("@emotion/serialize");
var _useInsertionEffectWithFallbacks = require("@emotion/use-insertion-effect-with-fallbacks");
var isBrowser = typeof document !== "undefined";
var hasOwnProperty = {}.hasOwnProperty;
var EmotionCacheContext = /* #__PURE__ */ (0, _react.createContext)(// because this module is primarily intended for the browser and node
// but it's also required in react native and similar environments sometimes
// and we could have a special build just for that
// but this is much easier and the native packages
// might use a different theme context in the future anyway
typeof HTMLElement !== "undefined" ? /* #__PURE__ */ (0, _cacheDefault.default)({
key: "css"
}) : null);
if (process.env.NODE_ENV !== "production") EmotionCacheContext.displayName = "EmotionCacheContext";
var CacheProvider = EmotionCacheContext.Provider;
var __unsafe_useEmotionCache = function useEmotionCache() {
return (0, _react.useContext)(EmotionCacheContext);
};
var withEmotionCache = function withEmotionCache(func) {
// $FlowFixMe
return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
// the cache will never be null in the browser
var cache = (0, _react.useContext)(EmotionCacheContext);
return func(props, cache, ref);
});
};
if (!isBrowser) withEmotionCache = function withEmotionCache(func) {
return function(props) {
var cache = (0, _react.useContext)(EmotionCacheContext);
if (cache === null) {
// yes, we're potentially creating this on every render
// it doesn't actually matter though since it's only on the server
// so there will only every be a single render
// that could change in the future because of suspense and etc. but for now,
// this works and i don't want to optimise for a future thing that we aren't sure about
cache = (0, _cacheDefault.default)({
key: "css"
});
return /*#__PURE__*/ (0, _react.createElement)(EmotionCacheContext.Provider, {
value: cache
}, func(props, cache));
} else return func(props, cache);
};
};
var ThemeContext = /* #__PURE__ */ (0, _react.createContext)({});
if (process.env.NODE_ENV !== "production") ThemeContext.displayName = "EmotionThemeContext";
var useTheme = function useTheme() {
return (0, _react.useContext)(ThemeContext);
};
var getTheme = function getTheme(outerTheme, theme) {
if (typeof theme === "function") {
var mergedTheme = theme(outerTheme);
if (process.env.NODE_ENV !== "production" && (mergedTheme == null || typeof mergedTheme !== "object" || Array.isArray(mergedTheme))) throw new Error("[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!");
return mergedTheme;
}
if (process.env.NODE_ENV !== "production" && (theme == null || typeof theme !== "object" || Array.isArray(theme))) throw new Error("[ThemeProvider] Please make your theme prop a plain object");
return (0, _extendsDefault.default)({}, outerTheme, theme);
};
var createCacheWithTheme = /* #__PURE__ */ (0, _weakMemoizeDefault.default)(function(outerTheme) {
return (0, _weakMemoizeDefault.default)(function(theme) {
return getTheme(outerTheme, theme);
});
});
var ThemeProvider = function ThemeProvider(props) {
var theme = (0, _react.useContext)(ThemeContext);
if (props.theme !== theme) theme = createCacheWithTheme(theme)(props.theme);
return /*#__PURE__*/ (0, _react.createElement)(ThemeContext.Provider, {
value: theme
}, props.children);
};
function withTheme(Component) {
var componentName = Component.displayName || Component.name || "Component";
var render = function render(props, ref) {
var theme = (0, _react.useContext)(ThemeContext);
return /*#__PURE__*/ (0, _react.createElement)(Component, (0, _extendsDefault.default)({
theme: theme,
ref: ref
}, props));
}; // $FlowFixMe
var WithTheme = /*#__PURE__*/ (0, _react.forwardRef)(render);
WithTheme.displayName = "WithTheme(" + componentName + ")";
return (0, _emotionReactIsolatedHnrsEsmJsDefault.default)(WithTheme, Component);
}
var getLastPart = function getLastPart(functionName) {
// The match may be something like 'Object.createEmotionProps' or
// 'Loader.prototype.render'
var parts = functionName.split(".");
return parts[parts.length - 1];
};
var getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {
// V8
var match = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(line);
if (match) return getLastPart(match[1]); // Safari / Firefox
match = /^([A-Za-z0-9$.]+)@/.exec(line);
if (match) return getLastPart(match[1]);
return undefined;
};
var internalReactFunctionNames = /* #__PURE__ */ new Set([
"renderWithHooks",
"processChild",
"finishClassComponent",
"renderToString"
]); // These identifiers come from error stacks, so they have to be valid JS
// identifiers, thus we only need to replace what is a valid character for JS,
// but not for CSS.
var sanitizeIdentifier = function sanitizeIdentifier(identifier) {
return identifier.replace(/\$/g, "-");
};
var getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {
if (!stackTrace) return undefined;
var lines = stackTrace.split("\n");
for(var i = 0; i < lines.length; i++){
var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just "Error"
if (!functionName) continue; // If we reach one of these, we have gone too far and should quit
if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an
// uppercase letter
if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);
}
return undefined;
};
var typePropName = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__";
var labelPropName = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__";
var createEmotionProps = function createEmotionProps(type, props) {
if (process.env.NODE_ENV !== "production" && typeof props.css === "string" && // check if there is a css declaration
props.css.indexOf(":") !== -1) throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + props.css + "`");
var newProps = {};
for(var key in props)if (hasOwnProperty.call(props, key)) newProps[key] = props[key];
newProps[typePropName] = type; // For performance, only call getLabelFromStackTrace in development and when
// the label hasn't already been computed
if (process.env.NODE_ENV !== "production" && !!props.css && (typeof props.css !== "object" || typeof props.css.name !== "string" || props.css.name.indexOf("-") === -1)) {
var label = getLabelFromStackTrace(new Error().stack);
if (label) newProps[labelPropName] = label;
}
return newProps;
};
var Insertion = function Insertion(_ref) {
var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
(0, _utils.registerStyles)(cache, serialized, isStringTag);
var rules = (0, _useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback)(function() {
return (0, _utils.insertStyles)(cache, serialized, isStringTag);
});
if (!isBrowser && rules !== undefined) {
var _ref2;
var serializedNames = serialized.name;
var next = serialized.next;
while(next !== undefined){
serializedNames += " " + next.name;
next = next.next;
}
return /*#__PURE__*/ (0, _react.createElement)("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
__html: rules
}, _ref2.nonce = cache.sheet.nonce, _ref2));
}
return null;
};
var Emotion = /* #__PURE__ */ withEmotionCache(function(props, cache, ref) {
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
// not passing the registered cache to serializeStyles because it would
// make certain babel optimisations not possible
if (typeof cssProp === "string" && cache.registered[cssProp] !== undefined) cssProp = cache.registered[cssProp];
var WrappedComponent = props[typePropName];
var registeredStyles = [
cssProp
];
var className = "";
if (typeof props.className === "string") className = (0, _utils.getRegisteredStyles)(cache.registered, registeredStyles, props.className);
else if (props.className != null) className = props.className + " ";
var serialized = (0, _serialize.serializeStyles)(registeredStyles, undefined, (0, _react.useContext)(ThemeContext));
if (process.env.NODE_ENV !== "production" && serialized.name.indexOf("-") === -1) {
var labelFromStack = props[labelPropName];
if (labelFromStack) serialized = (0, _serialize.serializeStyles)([
serialized,
"label:" + labelFromStack + ";"
]);
}
className += cache.key + "-" + serialized.name;
var newProps = {};
for(var key in props)if (hasOwnProperty.call(props, key) && key !== "css" && key !== typePropName && (process.env.NODE_ENV === "production" || key !== labelPropName)) newProps[key] = props[key];
newProps.ref = ref;
newProps.className = className;
return /*#__PURE__*/ (0, _react.createElement)((0, _react.Fragment), null, /*#__PURE__*/ (0, _react.createElement)(Insertion, {
cache: cache,
serialized: serialized,
isStringTag: typeof WrappedComponent === "string"
}), /*#__PURE__*/ (0, _react.createElement)(WrappedComponent, newProps));
});
if (process.env.NODE_ENV !== "production") Emotion.displayName = "EmotionCssPropInternal";
},{"react":"88B64","@emotion/cache":"a11R9","@babel/runtime/helpers/esm/extends":"b5Lwc","@emotion/weak-memoize":"eEDUi","../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js":"wCRtk","@emotion/utils":"2eov0","@emotion/serialize":"kd7vP","@emotion/use-insertion-effect-with-fallbacks":"3590q","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"b5Lwc":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "default", ()=>_extends);
function _extends() {
_extends = Object.assign ? Object.assign.bind() : function(target) {
for(var i = 1; i < arguments.length; i++){
var source = arguments[i];
for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
}
return target;
};
return _extends.apply(this, arguments);
}
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"wCRtk":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
var _hoistNonReactStatics = require("hoist-non-react-statics");
var _hoistNonReactStaticsDefault = parcelHelpers.interopDefault(_hoistNonReactStatics);
// this file isolates this package that is not tree-shakeable
// and if this module doesn't actually contain any logic of its own
// then Rollup just use 'hoist-non-react-statics' directly in other chunks
var hoistNonReactStatics = function(targetComponent, sourceComponent) {
return (0, _hoistNonReactStaticsDefault.default)(targetComponent, sourceComponent);
};
exports.default = hoistNonReactStatics;
},{"hoist-non-react-statics":"hdqrD","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"hdqrD":[function(require,module,exports) {
"use strict";
var reactIs = require("c03b486d83967636");
/**
* Copyright 2015, Yahoo! Inc.
* Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
*/ var REACT_STATICS = {
childContextTypes: true,
contextType: true,
contextTypes: true,
defaultProps: true,
displayName: true,
getDefaultProps: true,
getDerivedStateFromError: true,
getDerivedStateFromProps: true,
mixins: true,
propTypes: true,
type: true
};
var KNOWN_STATICS = {
name: true,
length: true,
prototype: true,
caller: true,
callee: true,
arguments: true,
arity: true
};
var FORWARD_REF_STATICS = {
"$$typeof": true,
render: true,
defaultProps: true,
displayName: true,
propTypes: true
};
var MEMO_STATICS = {
"$$typeof": true,
compare: true,
defaultProps: true,
displayName: true,
propTypes: true,
type: true
};
var TYPE_STATICS = {};
TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
function getStatics(component) {
// React v16.11 and below
if (reactIs.isMemo(component)) return MEMO_STATICS;
// React v16.12 and above
return TYPE_STATICS[component["$$typeof"]] || REACT_STATICS;
}
var defineProperty = Object.defineProperty;
var getOwnPropertyNames = Object.getOwnPropertyNames;
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
var getPrototypeOf = Object.getPrototypeOf;
var objectPrototype = Object.prototype;
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
if (typeof sourceComponent !== "string") {
// don't hoist over string (html) components
if (objectPrototype) {
var inheritedComponent = getPrototypeOf(sourceComponent);
if (inheritedComponent && inheritedComponent !== objectPrototype) hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
}
var keys = getOwnPropertyNames(sourceComponent);
if (getOwnPropertySymbols) keys = keys.concat(getOwnPropertySymbols(sourceComponent));
var targetStatics = getStatics(targetComponent);
var sourceStatics = getStatics(sourceComponent);
for(var i = 0; i < keys.length; ++i){
var key = keys[i];
if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
try {
// Avoid failures from read-only properties
defineProperty(targetComponent, key, descriptor);
} catch (e) {}
}
}
}
return targetComponent;
}
module.exports = hoistNonReactStatics;
},{"c03b486d83967636":"iq2XI"}],"iq2XI":[function(require,module,exports) {
"use strict";
if (process.env.NODE_ENV === "production") module.exports = require("569f914be4368a39");
else module.exports = require("cffb0a4e8f761a01");
},{"569f914be4368a39":"4RWun","cffb0a4e8f761a01":"iPGOh"}],"4RWun":[function(require,module,exports) {
/** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/ "use strict";
var b = "function" === typeof Symbol && Symbol.for, c = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r = b ? Symbol.for("react.memo") : 60115, t = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
function z(a) {
if ("object" === typeof a && null !== a) {
var u = a.$$typeof;
switch(u){
case c:
switch(a = a.type, a){
case l:
case m:
case e:
case g:
case f:
case p:
return a;
default:
switch(a = a && a.$$typeof, a){
case k:
case n:
case t:
case r:
case h:
return a;
default:
return u;
}
}
case d:
return u;
}
}
}
function A(a) {
return z(a) === m;
}
exports.AsyncMode = l;
exports.ConcurrentMode = m;
exports.ContextConsumer = k;
exports.ContextProvider = h;
exports.Element = c;
exports.ForwardRef = n;
exports.Fragment = e;
exports.Lazy = t;
exports.Memo = r;
exports.Portal = d;
exports.Profiler = g;
exports.StrictMode = f;
exports.Suspense = p;
exports.isAsyncMode = function(a) {
return A(a) || z(a) === l;
};
exports.isConcurrentMode = A;
exports.isContextConsumer = function(a) {
return z(a) === k;
};
exports.isContextProvider = function(a) {
return z(a) === h;
};
exports.isElement = function(a) {
return "object" === typeof a && null !== a && a.$$typeof === c;
};
exports.isForwardRef = function(a) {
return z(a) === n;
};
exports.isFragment = function(a) {
return z(a) === e;
};
exports.isLazy = function(a) {
return z(a) === t;
};
exports.isMemo = function(a) {
return z(a) === r;
};
exports.isPortal = function(a) {
return z(a) === d;
};
exports.isProfiler = function(a) {
return z(a) === g;
};
exports.isStrictMode = function(a) {
return z(a) === f;
};
exports.isSuspense = function(a) {
return z(a) === p;
};
exports.isValidElementType = function(a) {
return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
};
exports.typeOf = z;
},{}],"iPGOh":[function(require,module,exports) {
/** @license React v16.13.1
* react-is.development.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/ "use strict";
if (process.env.NODE_ENV !== "production") (function() {
"use strict";
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
// nor polyfill, then a plain number is used for performance.
var hasSymbol = typeof Symbol === "function" && Symbol.for;
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 0xeac7;
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 0xeaca;
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 0xeacb;
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 0xeacc;
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 0xead2;
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 0xeacd;
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
// (unstable) APIs that have been removed. Can we remove the symbols?
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 0xeacf;
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 0xeacf;
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 0xead0;
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 0xead1;
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 0xead8;
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 0xead3;
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 0xead4;
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 0xead9;
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 0xead5;
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 0xead6;
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 0xead7;
function isValidElementType(type) {
return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
}
function typeOf(object) {
if (typeof object === "object" && object !== null) {
var $$typeof = object.$$typeof;
switch($$typeof){
case REACT_ELEMENT_TYPE:
var type = object.type;
switch(type){
case REACT_ASYNC_MODE_TYPE:
case REACT_CONCURRENT_MODE_TYPE:
case REACT_FRAGMENT_TYPE:
case REACT_PROFILER_TYPE:
case REACT_STRICT_MODE_TYPE:
case REACT_SUSPENSE_TYPE:
return type;
default:
var $$typeofType = type && type.$$typeof;
switch($$typeofType){
case REACT_CONTEXT_TYPE:
case REACT_FORWARD_REF_TYPE:
case REACT_LAZY_TYPE:
case REACT_MEMO_TYPE:
case REACT_PROVIDER_TYPE:
return $$typeofType;
default:
return $$typeof;
}
}
case REACT_PORTAL_TYPE:
return $$typeof;
}
}
return undefined;
} // AsyncMode is deprecated along with isAsyncMode
var AsyncMode = REACT_ASYNC_MODE_TYPE;
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
var ContextConsumer = REACT_CONTEXT_TYPE;
var ContextProvider = REACT_PROVIDER_TYPE;
var Element = REACT_ELEMENT_TYPE;
var ForwardRef = REACT_FORWARD_REF_TYPE;
var Fragment = REACT_FRAGMENT_TYPE;
var Lazy = REACT_LAZY_TYPE;
var Memo = REACT_MEMO_TYPE;
var Portal = REACT_PORTAL_TYPE;
var Profiler = REACT_PROFILER_TYPE;
var StrictMode = REACT_STRICT_MODE_TYPE;
var Suspense = REACT_SUSPENSE_TYPE;
var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
function isAsyncMode(object) {
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
}
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
}
function isConcurrentMode(object) {
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
}
function isContextConsumer(object) {
return typeOf(object) === REACT_CONTEXT_TYPE;
}
function isContextProvider(object) {
return typeOf(object) === REACT_PROVIDER_TYPE;
}
function isElement(object) {
return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
}
function isForwardRef(object) {
return typeOf(object) === REACT_FORWARD_REF_TYPE;
}
function isFragment(object) {
return typeOf(object) === REACT_FRAGMENT_TYPE;
}
function isLazy(object) {
return typeOf(object) === REACT_LAZY_TYPE;
}
function isMemo(object) {
return typeOf(object) === REACT_MEMO_TYPE;
}
function isPortal(object) {
return typeOf(object) === REACT_PORTAL_TYPE;
}
function isProfiler(object) {
return typeOf(object) === REACT_PROFILER_TYPE;
}
function isStrictMode(object) {
return typeOf(object) === REACT_STRICT_MODE_TYPE;
}
function isSuspense(object) {
return typeOf(object) === REACT_SUSPENSE_TYPE;
}
exports.AsyncMode = AsyncMode;
exports.ConcurrentMode = ConcurrentMode;
exports.ContextConsumer = ContextConsumer;
exports.ContextProvider = ContextProvider;
exports.Element = Element;
exports.ForwardRef = ForwardRef;
exports.Fragment = Fragment;
exports.Lazy = Lazy;
exports.Memo = Memo;
exports.Portal = Portal;
exports.Profiler = Profiler;
exports.StrictMode = StrictMode;
exports.Suspense = Suspense;
exports.isAsyncMode = isAsyncMode;
exports.isConcurrentMode = isConcurrentMode;
exports.isContextConsumer = isContextConsumer;
exports.isContextProvider = isContextProvider;
exports.isElement = isElement;
exports.isForwardRef = isForwardRef;
exports.isFragment = isFragment;
exports.isLazy = isLazy;
exports.isMemo = isMemo;
exports.isPortal = isPortal;
exports.isProfiler = isProfiler;
exports.isStrictMode = isStrictMode;
exports.isSuspense = isSuspense;
exports.isValidElementType = isValidElementType;
exports.typeOf = typeOf;
})();
},{}],"2eov0":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "getRegisteredStyles", ()=>getRegisteredStyles);
parcelHelpers.export(exports, "insertStyles", ()=>insertStyles);
parcelHelpers.export(exports, "registerStyles", ()=>registerStyles);
var isBrowser = typeof document !== "undefined";
function getRegisteredStyles(registered, registeredStyles, classNames) {
var rawClassName = "";
classNames.split(" ").forEach(function(className) {
if (registered[className] !== undefined) registeredStyles.push(registered[className] + ";");
else rawClassName += className + " ";
});
return rawClassName;
}
var registerStyles = function registerStyles(cache, serialized, isStringTag) {
var className = cache.key + "-" + serialized.name;
if (// class name could be used further down
// the tree but if it's a string tag, we know it won't
// so we don't have to add it to registered cache.
// this improves memory usage since we can avoid storing the whole style string
(isStringTag === false || // we need to always store it if we're in compat mode and
// in node since emotion-server relies on whether a style is in
// the registered cache to know whether a style is global or not
// also, note that this check will be dead code eliminated in the browser
isBrowser === false && cache.compat !== undefined) && cache.registered[className] === undefined) cache.registered[className] = serialized.styles;
};
var insertStyles = function insertStyles(cache, serialized, isStringTag) {
registerStyles(cache, serialized, isStringTag);
var className = cache.key + "-" + serialized.name;
if (cache.inserted[serialized.name] === undefined) {
var stylesForSSR = "";
var current = serialized;
do {
var maybeStyles = cache.insert(serialized === current ? "." + className : "", current, cache.sheet, true);
if (!isBrowser && maybeStyles !== undefined) stylesForSSR += maybeStyles;
current = current.next;
}while (current !== undefined);
if (!isBrowser && stylesForSSR.length !== 0) return stylesForSSR;
}
};
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"kd7vP":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "serializeStyles", ()=>serializeStyles);
var _hash = require("@emotion/hash");
var _hashDefault = parcelHelpers.interopDefault(_hash);
var _unitless = require("@emotion/unitless");
var _unitlessDefault = parcelHelpers.interopDefault(_unitless);
var _memoize = require("@emotion/memoize");
var _memoizeDefault = parcelHelpers.interopDefault(_memoize);
var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
var UNDEFINED_AS_OBJECT_KEY_ERROR = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
var hyphenateRegex = /[A-Z]|^ms/g;
var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
var isCustomProperty = function isCustomProperty(property) {
return property.charCodeAt(1) === 45;
};
var isProcessableValue = function isProcessableValue(value) {
return value != null && typeof value !== "boolean";
};
var processStyleName = /* #__PURE__ */ (0, _memoizeDefault.default)(function(styleName) {
return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, "-$&").toLowerCase();
});
var processStyleValue = function processStyleValue(key, value) {
switch(key){
case "animation":
case "animationName":
if (typeof value === "string") return value.replace(animationRegex, function(match, p1, p2) {
cursor = {
name: p1,
styles: p2,
next: cursor
};
return p1;
});
}
if ((0, _unitlessDefault.default)[key] !== 1 && !isCustomProperty(key) && typeof value === "number" && value !== 0) return value + "px";
return value;
};
if (process.env.NODE_ENV !== "production") {
var contentValuePattern = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/;
var contentValues = [
"normal",
"none",
"initial",
"inherit",
"unset"
];
var oldProcessStyleValue = processStyleValue;
var msPattern = /^-ms-/;
var hyphenPattern = /-(.)/g;
var hyphenatedCache = {};
processStyleValue = function processStyleValue(key, value) {
if (key === "content") {
if (typeof value !== "string" || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '"' && value.charAt(0) !== "'")) throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + value + "\"'`");
}
var processed = oldProcessStyleValue(key, value);
if (processed !== "" && !isCustomProperty(key) && key.indexOf("-") !== -1 && hyphenatedCache[key] === undefined) {
hyphenatedCache[key] = true;
console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + key.replace(msPattern, "ms-").replace(hyphenPattern, function(str, _char) {
return _char.toUpperCase();
}) + "?");
}
return processed;
};
}
var noComponentSelectorMessage = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
function handleInterpolation(mergedProps, registered, interpolation) {
if (interpolation == null) return "";
if (interpolation.__emotion_styles !== undefined) {
if (process.env.NODE_ENV !== "production" && interpolation.toString() === "NO_COMPONENT_SELECTOR") throw new Error(noComponentSelectorMessage);
return interpolation;
}
switch(typeof interpolation){
case "boolean":
return "";
case "object":
if (interpolation.anim === 1) {
cursor = {
name: interpolation.name,
styles: interpolation.styles,
next: cursor
};
return interpolation.name;
}
if (interpolation.styles !== undefined) {
var next = interpolation.next;
if (next !== undefined) // not the most efficient thing ever but this is a pretty rare case
// and there will be very few iterations of this generally
while(next !== undefined){
cursor = {
name: next.name,
styles: next.styles,
next: cursor
};
next = next.next;
}
var styles = interpolation.styles + ";";
if (process.env.NODE_ENV !== "production" && interpolation.map !== undefined) styles += interpolation.map;
return styles;
}
return createStringFromObject(mergedProps, registered, interpolation);
case "function":
if (mergedProps !== undefined) {
var previousCursor = cursor;
var result = interpolation(mergedProps);
cursor = previousCursor;
return handleInterpolation(mergedProps, registered, result);
} else if (process.env.NODE_ENV !== "production") console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
break;
case "string":
if (process.env.NODE_ENV !== "production") {
var matched = [];
var replaced = interpolation.replace(animationRegex, function(match, p1, p2) {
var fakeVarName = "animation" + matched.length;
matched.push("const " + fakeVarName + " = keyframes`" + p2.replace(/^@keyframes animation-\w+/, "") + "`");
return "${" + fakeVarName + "}";
});
if (matched.length) console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(matched, [
"`" + replaced + "`"
]).join("\n") + "\n\nYou should wrap it with `css` like this:\n\n" + ("css`" + replaced + "`"));
}
break;
} // finalize string values (regular strings and functions interpolated into css calls)
if (registered == null) return interpolation;
var cached = registered[interpolation];
return cached !== undefined ? cached : interpolation;
}
function createStringFromObject(mergedProps, registered, obj) {
var string = "";
if (Array.isArray(obj)) for(var i = 0; i < obj.length; i++)string += handleInterpolation(mergedProps, registered, obj[i]) + ";";
else for(var _key in obj){
var value = obj[_key];
if (typeof value !== "object") {
if (registered != null && registered[value] !== undefined) string += _key + "{" + registered[value] + "}";
else if (isProcessableValue(value)) string += processStyleName(_key) + ":" + processStyleValue(_key, value) + ";";
} else {
if (_key === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production") throw new Error(noComponentSelectorMessage);
if (Array.isArray(value) && typeof value[0] === "string" && (registered == null || registered[value[0]] === undefined)) {
for(var _i = 0; _i < value.length; _i++)if (isProcessableValue(value[_i])) string += processStyleName(_key) + ":" + processStyleValue(_key, value[_i]) + ";";
} else {
var interpolated = handleInterpolation(mergedProps, registered, value);
switch(_key){
case "animation":
case "animationName":
string += processStyleName(_key) + ":" + interpolated + ";";
break;
default:
if (process.env.NODE_ENV !== "production" && _key === "undefined") console.error(UNDEFINED_AS_OBJECT_KEY_ERROR);
string += _key + "{" + interpolated + "}";
}
}
}
}
return string;
}
var labelPattern = /label:\s*([^\s;\n{]+)\s*(;|$)/g;
var sourceMapPattern;
if (process.env.NODE_ENV !== "production") sourceMapPattern = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g;
// this is the cursor for keyframes
// keyframes are stored on the SerializedStyles object as a linked list
var cursor;
var serializeStyles = function serializeStyles(args, registered, mergedProps) {
if (args.length === 1 && typeof args[0] === "object" && args[0] !== null && args[0].styles !== undefined) return args[0];
var stringMode = true;
var styles = "";
cursor = undefined;
var strings = args[0];
if (strings == null || strings.raw === undefined) {
stringMode = false;
styles += handleInterpolation(mergedProps, registered, strings);
} else {
if (process.env.NODE_ENV !== "production" && strings[0] === undefined) console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
styles += strings[0];
} // we start at 1 since we've already handled the first arg
for(var i = 1; i < args.length; i++){
styles += handleInterpolation(mergedProps, registered, args[i]);
if (stringMode) {
if (process.env.NODE_ENV !== "production" && strings[i] === undefined) console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
styles += strings[i];
}
}
var sourceMap;
if (process.env.NODE_ENV !== "production") styles = styles.replace(sourceMapPattern, function(match) {
sourceMap = match;
return "";
});
// using a global regex with .exec is stateful so lastIndex has to be reset each time
labelPattern.lastIndex = 0;
var identifierName = "";
var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5
while((match = labelPattern.exec(styles)) !== null)identifierName += "-" + // $FlowFixMe we know it's not null
match[1];
var name = (0, _hashDefault.default)(styles) + identifierName;
if (process.env.NODE_ENV !== "production") // $FlowFixMe SerializedStyles type doesn't have toString property (and we don't want to add it)
return {
name: name,
styles: styles,
map: sourceMap,
next: cursor,
toString: function toString() {
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
}
};
return {
name: name,
styles: styles,
next: cursor
};
};
},{"@emotion/hash":"9GDpT","@emotion/unitless":"grxzV","@emotion/memoize":"cIRa4","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"9GDpT":[function(require,module,exports) {
/* eslint-disable */ // Inspired by https://github.com/garycourt/murmurhash-js
// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
function murmur2(str) {
// 'm' and 'r' are mixing constants generated offline.
// They're not really 'magic', they just happen to work well.
// const m = 0x5bd1e995;
// const r = 24;
// Initialize the hash
var h = 0; // Mix 4 bytes at a time into the hash
var k, i = 0, len = str.length;
for(; len >= 4; ++i, len -= 4){
k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
k = /* Math.imul(k, m): */ (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);
k ^= /* k >>> r: */ k >>> 24;
h = /* Math.imul(k, m): */ (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^ /* Math.imul(h, m): */ (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
} // Handle the last few bytes of the input array
switch(len){
case 3:
h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
case 2:
h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
case 1:
h ^= str.charCodeAt(i) & 0xff;
h = /* Math.imul(h, m): */ (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
} // Do a few final mixes of the hash to ensure the last few
// bytes are well-incorporated.
h ^= h >>> 13;
h = /* Math.imul(h, m): */ (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
return ((h ^ h >>> 15) >>> 0).toString(36);
}
exports.default = murmur2;
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"grxzV":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
var unitlessKeys = {
animationIterationCount: 1,
borderImageOutset: 1,
borderImageSlice: 1,
borderImageWidth: 1,
boxFlex: 1,
boxFlexGroup: 1,
boxOrdinalGroup: 1,
columnCount: 1,
columns: 1,
flex: 1,
flexGrow: 1,
flexPositive: 1,
flexShrink: 1,
flexNegative: 1,
flexOrder: 1,
gridRow: 1,
gridRowEnd: 1,
gridRowSpan: 1,
gridRowStart: 1,
gridColumn: 1,
gridColumnEnd: 1,
gridColumnSpan: 1,
gridColumnStart: 1,
msGridRow: 1,
msGridRowSpan: 1,
msGridColumn: 1,
msGridColumnSpan: 1,
fontWeight: 1,
lineHeight: 1,
opacity: 1,
order: 1,
orphans: 1,
tabSize: 1,
widows: 1,
zIndex: 1,
zoom: 1,
WebkitLineClamp: 1,
// SVG-related properties
fillOpacity: 1,
floodOpacity: 1,
stopOpacity: 1,
strokeDasharray: 1,
strokeDashoffset: 1,
strokeMiterlimit: 1,
strokeOpacity: 1,
strokeWidth: 1
};
exports.default = unitlessKeys;
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"3590q":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "useInsertionEffectAlwaysWithSyncFallback", ()=>useInsertionEffectAlwaysWithSyncFallback);
parcelHelpers.export(exports, "useInsertionEffectWithLayoutFallback", ()=>useInsertionEffectWithLayoutFallback);
var _react = require("react");
var isBrowser = typeof document !== "undefined";
var syncFallback = function syncFallback(create) {
return create();
};
var useInsertionEffect = _react["useInsertionEffect"] ? _react["useInsertionEffect"] : false;
var useInsertionEffectAlwaysWithSyncFallback = !isBrowser ? syncFallback : useInsertionEffect || syncFallback;
var useInsertionEffectWithLayoutFallback = useInsertionEffect || (0, _react.useLayoutEffect);
},{"react":"88B64","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"2YTI0":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "LAYERS", ()=>LAYERS);
var LAYERS = {
card: 100,
navigation: 200,
dialog: 300,
layer: 400,
blanket: 500,
modal: 510,
flag: 600,
spotlight: 700,
tooltip: 800
};
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"7GVOR":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "SurfaceContext", ()=>SurfaceContext);
parcelHelpers.export(exports, "useSurface", ()=>useSurface);
var _react = require("react");
var SurfaceContext = /*#__PURE__*/ (0, _react.createContext)("elevation.surface");
var useSurface = function useSurface() {
return (0, _react.useContext)(SurfaceContext);
};
SurfaceContext.displayName = "SurfaceProvider";
},{"react":"88B64","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"8ls1b":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
var _objectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties");
var _objectWithoutPropertiesDefault = parcelHelpers.interopDefault(_objectWithoutProperties);
/** @jsx jsx */ var _react = require("react");
var _react1 = require("@emotion/react");
var _tinyInvariant = require("tiny-invariant");
var _tinyInvariantDefault = parcelHelpers.interopDefault(_tinyInvariant);
var _colorMap = require("../internal/color-map");
var _colorMapDefault = parcelHelpers.interopDefault(_colorMap);
var _surfaceProvider = require("./surface-provider");
var _excluded = [
"children"
];
var asAllowlist = [
"span",
"div",
"p",
"strong"
];
var textAlignMap = {
center: (0, _react1.css)({
textAlign: "center"
}),
end: (0, _react1.css)({
textAlign: "end"
}),
start: (0, _react1.css)({
textAlign: "start"
})
};
var textTransformMap = {
none: (0, _react1.css)({
textTransform: "none"
}),
lowercase: (0, _react1.css)({
textTransform: "lowercase"
}),
uppercase: (0, _react1.css)({
textTransform: "uppercase"
})
};
var verticalAlignMap = {
top: (0, _react1.css)({
verticalAlign: "top"
}),
middle: (0, _react1.css)({
verticalAlign: "middle"
}),
bottom: (0, _react1.css)({
verticalAlign: "bottom"
})
};
var baseStyles = (0, _react1.css)({
boxSizing: "border-box",
margin: "var(--ds-space-0, 0px)",
padding: "var(--ds-space-0, 0px)"
});
var truncateStyles = (0, _react1.css)({
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap"
});
/**
* Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
*/ var useColor = function useColor(colorProp) {
var surface = (0, _surfaceProvider.useSurface)();
var inverseTextColor = (0, _colorMapDefault.default)[surface];
/**
* Where the color of the surface is inverted we override the user choice
* as there is no valid choice that is not covered by the override.
*/ var color = inverseTextColor !== null && inverseTextColor !== void 0 ? inverseTextColor : colorProp;
return color;
};
var HasTextAncestorContext = /*#__PURE__*/ (0, _react.createContext)(false);
var useHasTextAncestor = function useHasTextAncestor() {
return (0, _react.useContext)(HasTextAncestorContext);
};
/**
* __Text__
*
* Text is a primitive component that has the Atlassian Design System's design guidelines baked in.
* This includes considerations for text attributes such as color, font size, font weight, and line height.
* It renders a `span` by default.
*
* @internal
*/ var Text = function Text(_ref) {
var children = _ref.children, props = (0, _objectWithoutPropertiesDefault.default)(_ref, _excluded);
var _props$as = props.as, Component = _props$as === void 0 ? "span" : _props$as, colorProp = props.color, fontSize = props.fontSize, fontWeight = props.fontWeight, lineHeight = props.lineHeight, _props$shouldTruncate = props.shouldTruncate, shouldTruncate = _props$shouldTruncate === void 0 ? false : _props$shouldTruncate, textAlign = props.textAlign, textTransform = props.textTransform, verticalAlign = props.verticalAlign, testId = props.testId, UNSAFE_style = props.UNSAFE_style, id = props.id;
(0, _tinyInvariantDefault.default)(asAllowlist.includes(Component), '@atlaskit/ds-explorations: Text received an invalid "as" value of "'.concat(Component, '"'));
var color = useColor(colorProp);
var isWrapped = useHasTextAncestor();
/**
* If the text is already wrapped and applies no props we can just
* render the children directly as a fragment.
*/ if (isWrapped && Object.keys(props).length === 0) return (0, _react1.jsx)((0, _react.Fragment), null, children);
var component = (0, _react1.jsx)(Component, {
style: UNSAFE_style,
css: [
baseStyles,
fontFamilyMap.sans,
color && textColorMap[color],
fontSize && fontSizeMap[fontSize],
fontWeight && fontWeightMap[fontWeight],
lineHeight && lineHeightMap[lineHeight],
shouldTruncate && truncateStyles,
textAlign && textAlignMap[textAlign],
textTransform && textTransformMap[textTransform],
verticalAlign && verticalAlignMap[verticalAlign]
],
"data-testid": testId,
id: id
}, children);
return isWrapped ? component : (0, _react1.jsx)(HasTextAncestorContext.Provider, {
value: true
}, component);
};
exports.default = Text;
/**
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::bd36caff8bedb3bdc89b6f2311c6160a>>
* @codegenId typography
* @codegenCommand yarn codegen-styles
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::39bc8db0f376f5635a25be0137792642>>
*/ var fontSizeMap = {
"size.050": (0, _react1.css)({
fontSize: "var(--ds-font-size-050, 11px)"
}),
"size.075": (0, _react1.css)({
fontSize: "var(--ds-font-size-075, 12px)"
}),
"size.100": (0, _react1.css)({
fontSize: "var(--ds-font-size-100, 14px)"
}),
"size.200": (0, _react1.css)({
fontSize: "var(--ds-font-size-200, 16px)"
}),
"size.300": (0, _react1.css)({
fontSize: "var(--ds-font-size-300, 20px)"
}),
"size.400": (0, _react1.css)({
fontSize: "var(--ds-font-size-400, 24px)"
}),
"size.500": (0, _react1.css)({
fontSize: "var(--ds-font-size-500, 29px)"
}),
"size.600": (0, _react1.css)({
fontSize: "var(--ds-font-size-600, 35px)"
})
};
var fontWeightMap = {
bold: (0, _react1.css)({
fontWeight: "var(--ds-font-weight-bold, 700)"
}),
medium: (0, _react1.css)({
fontWeight: "var(--ds-font-weight-medium, 500)"
}),
regular: (0, _react1.css)({
fontWeight: "var(--ds-font-weight-regular, 400)"
}),
semibold: (0, _react1.css)({
fontWeight: "var(--ds-font-weight-semibold, 600)"
})
};
var fontFamilyMap = {
monospace: (0, _react1.css)({
fontFamily: 'var(--ds-font-family-monospace, "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace)'
}),
sans: (0, _react1.css)({
fontFamily: 'var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif)'
})
};
var lineHeightMap = {
"lineHeight.100": (0, _react1.css)({
lineHeight: "var(--ds-font-lineHeight-100, 16px)"
}),
"lineHeight.200": (0, _react1.css)({
lineHeight: "var(--ds-font-lineHeight-200, 20px)"
}),
"lineHeight.300": (0, _react1.css)({
lineHeight: "var(--ds-font-lineHeight-300, 24px)"
}),
"lineHeight.400": (0, _react1.css)({
lineHeight: "var(--ds-font-lineHeight-400, 28px)"
}),
"lineHeight.500": (0, _react1.css)({
lineHeight: "var(--ds-font-lineHeight-500, 32px)"
}),
"lineHeight.600": (0, _react1.css)({
lineHeight: "var(--ds-font-lineHeight-600, 40px)"
})
};
/**
* @codegenEnd
*/ /**
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::d88a2527302fee634bec7ae405e9217b>>
* @codegenId colors
* @codegenCommand yarn codegen-styles
* @codegenParams ["text"]
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
*/ var textColorMap = {
"color.text": (0, _react1.css)({
color: "var(--ds-text, #172B4D)"
}),
subtle: (0, _react1.css)({
color: "var(--ds-text-subtle, #42526E)"
}),
subtlest: (0, _react1.css)({
color: "var(--ds-text-subtlest, #7A869A)"
}),
disabled: (0, _react1.css)({
color: "var(--ds-text-disabled, #A5ADBA)"
}),
inverse: (0, _react1.css)({
color: "var(--ds-text-inverse, #FFFFFF)"
}),
brand: (0, _react1.css)({
color: "var(--ds-text-brand, #0065FF)"
}),
selected: (0, _react1.css)({
color: "var(--ds-text-selected, #0052CC)"
}),
danger: (0, _react1.css)({
color: "var(--ds-text-danger, #DE350B)"
}),
warning: (0, _react1.css)({
color: "var(--ds-text-warning, #974F0C)"
}),
"warning.inverse": (0, _react1.css)({
color: "var(--ds-text-warning-inverse, #172B4D)"
}),
success: (0, _react1.css)({
color: "var(--ds-text-success, #006644)"
}),
discovery: (0, _react1.css)({
color: "var(--ds-text-discovery, #403294)"
}),
information: (0, _react1.css)({
color: "var(--ds-text-information, #0052CC)"
})
}; /**
* @codegenEnd
*/
},{"@babel/runtime/helpers/objectWithoutProperties":"f8pNr","react":"88B64","@emotion/react":"goCbf","tiny-invariant":"89Ef2","../internal/color-map":"2upyJ","./surface-provider":"7GVOR","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"89Ef2":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "default", ()=>invariant);
var isProduction = process.env.NODE_ENV === "production";
var prefix = "Invariant failed";
function invariant(condition, message) {
if (condition) return;
if (isProduction) throw new Error(prefix);
var provided = typeof message === "function" ? message() : message;
var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
throw new Error(value);
}
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"2upyJ":[function(require,module,exports) {
/**
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
*
* The color map is used to map a background color token to a matching text color that will meet contrast.
*
* @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
* @codegenCommand yarn codegen-styles
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
*/ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
exports.default = {
"neutral.bold": "inverse",
"neutral.bold.hovered": "inverse",
"neutral.bold.pressed": "inverse",
"brand.bold": "inverse",
"brand.bold.hovered": "inverse",
"brand.bold.pressed": "inverse",
"selected.bold": "inverse",
"selected.bold.hovered": "inverse",
"selected.bold.pressed": "inverse",
"danger.bold": "inverse",
"danger.bold.hovered": "inverse",
"danger.bold.pressed": "inverse",
"warning.bold": "warning.inverse",
"warning.bold.hovered": "warning.inverse",
"warning.bold.pressed": "warning.inverse",
"success.bold": "inverse",
"success.bold.hovered": "inverse",
"success.bold.pressed": "inverse",
"discovery.bold": "inverse",
"discovery.bold.hovered": "inverse",
"discovery.bold.pressed": "inverse",
"information.bold": "inverse",
"information.bold.hovered": "inverse",
"information.bold.pressed": "inverse"
};
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"xKD1P":[function(require,module,exports) {
/** @jsx jsx */ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
var _react = require("react");
var _react1 = require("@emotion/react");
var flexAlignItemsMap = {
center: (0, _react1.css)({
alignItems: "center"
}),
baseline: (0, _react1.css)({
alignItems: "baseline"
}),
flexStart: (0, _react1.css)({
alignItems: "flex-start"
}),
flexEnd: (0, _react1.css)({
alignItems: "flex-end"
}),
start: (0, _react1.css)({
alignItems: "start"
}),
end: (0, _react1.css)({
alignItems: "end"
})
};
var flexJustifyContentMap = {
center: (0, _react1.css)({
justifyContent: "center"
}),
flexStart: (0, _react1.css)({
justifyContent: "flex-start"
}),
"space-between": (0, _react1.css)({
justifyContent: "space-between"
}),
flexEnd: (0, _react1.css)({
justifyContent: "flex-end"
}),
start: (0, _react1.css)({
justifyContent: "start"
}),
end: (0, _react1.css)({
justifyContent: "end"
}),
spaceBetween: (0, _react1.css)({
justifyContent: "space-between"
})
};
var flexWrapMap = {
wrap: (0, _react1.css)({
flexWrap: "wrap"
})
};
var baseStyles = (0, _react1.css)({
display: "flex",
boxSizing: "border-box",
flexDirection: "row"
});
var dividerStyles = (0, _react1.css)({
margin: "0 -2px",
color: "var(--ds-text-subtle, #42526E)",
pointerEvents: "none",
userSelect: "none"
});
var Divider = function Divider(_ref) {
var children = _ref.children;
return (0, _react1.jsx)("span", {
css: dividerStyles
}, children);
};
/**
* __Inline__
*
* Inline is a primitive component based on flexbox that manages the horizontal layout of direct children.
* Renders a `div` by default.
*
* @example
* ```tsx
* const App = () => (
* <Inline gap="space.100">
* <Button />
* <Button />
* </Inline>
* )
* ```
*/ var Inline = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ (0, _react.forwardRef)(function(_ref2, ref) {
var gap = _ref2.gap, alignItems = _ref2.alignItems, justifyContent = _ref2.justifyContent, flexWrap = _ref2.flexWrap, divider = _ref2.divider, UNSAFE_style = _ref2.UNSAFE_style, rawChildren = _ref2.children, testId = _ref2.testId;
var dividerComponent = typeof divider === "string" ? (0, _react1.jsx)(Divider, null, divider) : divider;
var children = divider ? (0, _react.Children).toArray(rawChildren).filter(Boolean).map(function(child, index) {
return (0, _react1.jsx)((0, _react.Fragment), {
key: index
}, divider && index > 0 ? dividerComponent : null, child);
}) : rawChildren;
return (0, _react1.jsx)("div", {
style: UNSAFE_style,
css: [
baseStyles,
gap && columnGapMap[gap],
alignItems && flexAlignItemsMap[alignItems],
justifyContent && flexJustifyContentMap[justifyContent],
flexWrap && flexWrapMap[flexWrap]
],
"data-testid": testId,
ref: ref
}, children);
}));
Inline.displayName = "Inline";
exports.default = Inline;
/**
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::0a2a4380b534d14cdad759ff2d33a6c8>>
* @codegenId spacing
* @codegenCommand yarn codegen-styles
* @codegenParams ["columnGap"]
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
*/ var columnGapMap = {
"space.0": (0, _react1.css)({
columnGap: "var(--ds-space-0, 0px)"
}),
"space.025": (0, _react1.css)({
columnGap: "var(--ds-space-025, 2px)"
}),
"space.050": (0, _react1.css)({
columnGap: "var(--ds-space-050, 4px)"
}),
"space.075": (0, _react1.css)({
columnGap: "var(--ds-space-075, 6px)"
}),
"space.100": (0, _react1.css)({
columnGap: "var(--ds-space-100, 8px)"
}),
"space.1000": (0, _react1.css)({
columnGap: "var(--ds-space-1000, 80px)"
}),
"space.150": (0, _react1.css)({
columnGap: "var(--ds-space-150, 12px)"
}),
"space.200": (0, _react1.css)({
columnGap: "var(--ds-space-200, 16px)"
}),
"space.250": (0, _react1.css)({
columnGap: "var(--ds-space-250, 20px)"
}),
"space.300": (0, _react1.css)({
columnGap: "var(--ds-space-300, 24px)"
}),
"space.400": (0, _react1.css)({
columnGap: "var(--ds-space-400, 32px)"
}),
"space.500": (0, _react1.css)({
columnGap: "var(--ds-space-500, 40px)"
}),
"space.600": (0, _react1.css)({
columnGap: "var(--ds-space-600, 48px)"
}),
"space.800": (0, _react1.css)({
columnGap: "var(--ds-space-800, 64px)"
})
}; /**
* @codegenEnd
*/
},{"react":"88B64","@emotion/react":"goCbf","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"cnVAL":[function(require,module,exports) {
/** @jsx jsx */ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
var _react = require("react");
var _react1 = require("@emotion/react");
var flexAlignItemsMap = {
center: (0, _react1.css)({
alignItems: "center"
}),
baseline: (0, _react1.css)({
alignItems: "baseline"
}),
flexStart: (0, _react1.css)({
alignItems: "flex-start"
}),
flexEnd: (0, _react1.css)({
alignItems: "flex-end"
}),
start: (0, _react1.css)({
alignItems: "start"
}),
end: (0, _react1.css)({
alignItems: "end"
})
};
var flexJustifyContentMap = {
center: (0, _react1.css)({
justifyContent: "center"
}),
flexStart: (0, _react1.css)({
justifyContent: "flex-start"
}),
flexEnd: (0, _react1.css)({
justifyContent: "flex-end"
}),
start: (0, _react1.css)({
justifyContent: "start"
}),
end: (0, _react1.css)({
justifyContent: "end"
})
};
var flexWrapMap = {
wrap: (0, _react1.css)({
flexWrap: "wrap"
})
};
var baseStyles = (0, _react1.css)({
display: "flex",
boxSizing: "border-box",
flexDirection: "column"
});
/**
* __Stack__
*
* Stack is a primitive component based on flexbox that manages the vertical layout of direct children.
* Renders a `div` by default.
*
*/ var Stack = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ (0, _react.forwardRef)(function(_ref, ref) {
var gap = _ref.gap, alignItems = _ref.alignItems, justifyContent = _ref.justifyContent, flexWrap = _ref.flexWrap, children = _ref.children, UNSAFE_style = _ref.UNSAFE_style, testId = _ref.testId;
return (0, _react1.jsx)("div", {
style: UNSAFE_style,
css: [
baseStyles,
gap && rowGapMap[gap],
alignItems && flexAlignItemsMap[alignItems],
justifyContent && flexJustifyContentMap[justifyContent],
flexWrap && flexWrapMap[flexWrap]
],
"data-testid": testId,
ref: ref
}, children);
}));
Stack.displayName = "Stack";
exports.default = Stack;
/**
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::ac9028ae231558f3eedd10f0db04a8fe>>
* @codegenId spacing
* @codegenCommand yarn codegen-styles
* @codegenParams ["rowGap"]
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
*/ var rowGapMap = {
"space.0": (0, _react1.css)({
rowGap: "var(--ds-space-0, 0px)"
}),
"space.025": (0, _react1.css)({
rowGap: "var(--ds-space-025, 2px)"
}),
"space.050": (0, _react1.css)({
rowGap: "var(--ds-space-050, 4px)"
}),
"space.075": (0, _react1.css)({
rowGap: "var(--ds-space-075, 6px)"
}),
"space.100": (0, _react1.css)({
rowGap: "var(--ds-space-100, 8px)"
}),
"space.1000": (0, _react1.css)({
rowGap: "var(--ds-space-1000, 80px)"
}),
"space.150": (0, _react1.css)({
rowGap: "var(--ds-space-150, 12px)"
}),
"space.200": (0, _react1.css)({
rowGap: "var(--ds-space-200, 16px)"
}),
"space.250": (0, _react1.css)({
rowGap: "var(--ds-space-250, 20px)"
}),
"space.300": (0, _react1.css)({
rowGap: "var(--ds-space-300, 24px)"
}),
"space.400": (0, _react1.css)({
rowGap: "var(--ds-space-400, 32px)"
}),
"space.500": (0, _react1.css)({
rowGap: "var(--ds-space-500, 40px)"
}),
"space.600": (0, _react1.css)({
rowGap: "var(--ds-space-600, 48px)"
}),
"space.800": (0, _react1.css)({
rowGap: "var(--ds-space-800, 64px)"
})
}; /**
* @codegenEnd
*/
},{"react":"88B64","@emotion/react":"goCbf","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"emrza":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "default", ()=>(0, _headingDefault.default));
parcelHelpers.export(exports, "HeadingContextProvider", ()=>(0, _headingContextDefault.default));
var _heading = require("./heading");
var _headingDefault = parcelHelpers.interopDefault(_heading);
var _headingContext = require("./heading-context");
var _headingContextDefault = parcelHelpers.interopDefault(_headingContext);
},{"./heading":"c1nT7","./heading-context":false,"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"c1nT7":[function(require,module,exports) {
/** @jsx jsx */ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
var _react = require("@emotion/react");
var _headingContext = require("./heading-context");
// https://atlassian.design/foundations/typography
var levelMap = {
h900: "h1",
h800: "h1",
h700: "h2",
h600: "h3",
h500: "h4",
h400: "h5",
h300: "h6",
// NB: These two levels are not covered at all by the existing @atlaskit/css-reset
h200: "div",
h100: "div"
};
var headingResetStyles = (0, _react.css)({
marginTop: "var(--ds-scale-0, 0px)",
marginBottom: "var(--ds-scale-0, 0px)",
color: "var(--ds-text, #172B4D)"
});
var h900Styles = (0, _react.css)({
fontSize: "var(--ds-font-size-600, 35px)",
fontWeight: "var(--ds-font-weight-medium, 500)",
letterSpacing: "-0.01em",
lineHeight: "var(--ds-font-lineHeight-600, 40px)"
});
var h800Styles = (0, _react.css)({
fontSize: "var(--ds-font-size-500, 29px)",
fontWeight: "var(--ds-font-weight-semibold, 600)",
letterSpacing: "-0.01em",
lineHeight: "var(--ds-font-lineHeight-500, 32px)"
});
var h700Styles = (0, _react.css)({
fontSize: "var(--ds-font-size-400, 24px)",
fontWeight: "var(--ds-font-weight-medium, 500)",
letterSpacing: "-0.01em",
lineHeight: "var(--ds-font-lineHeight-400, 28px)"
});
var h600Styles = (0, _react.css)({
fontSize: "var(--ds-font-size-300, 20px)",
fontWeight: "var(--ds-font-weight-medium, 500)",
letterSpacing: "-0.008em",
lineHeight: "var(--ds-font-lineHeight-300, 24px)"
});
var h500Styles = (0, _react.css)({
fontSize: "var(--ds-font-size-200, 16px)",
fontWeight: "var(--ds-font-weight-semibold, 600)",
letterSpacing: "-0.006em",
lineHeight: "var(--ds-font-lineHeight-200, 20px)"
});
var h400Styles = (0, _react.css)({
fontSize: "var(--ds-font-size-100, 14px)",
fontWeight: "var(--ds-font-weight-semibold, 600)",
letterSpacing: "-0.003em",
lineHeight: "var(--ds-font-lineHeight-100, 16px)"
});
var h300Styles = (0, _react.css)({
fontSize: "var(--ds-font-size-075, 12px)",
fontWeight: "var(--ds-font-weight-semibold, 600)",
letterSpacing: 0,
lineHeight: "var(--ds-font-lineHeight-100, 16px)",
textTransform: "uppercase"
});
var h200Styles = (0, _react.css)({
fontSize: "var(--ds-font-size-075, 12px)",
fontWeight: "var(--ds-font-weight-semibold, 600)",
letterSpacing: 0,
lineHeight: "var(--ds-font-lineHeight-100, 16px)"
});
var h100Styles = (0, _react.css)({
fontSize: "var(--ds-font-size-050, 11px)",
fontWeight: "var(--ds-font-weight-bold, 700)",
letterSpacing: 0,
lineHeight: "var(--ds-font-lineHeight-100, 16px)"
});
var inverseStyles = (0, _react.css)({
color: "var(--ds-text-inverse, #FFF)"
});
var subtlestStyles = (0, _react.css)({
color: "var(--ds-text-subtlest, #6B778C)"
});
/**
* __Heading__
*
* A heading is a typography component used to display text in different sizes and formats.
*
* @example
*
* ```jsx
* import Heading from '@atlaskit/heading';
*
* const H100 = () => (
* <Heading level="h100">h100</Heading>
* );
* ```
*/ var Heading = function Heading(_ref) {
var children = _ref.children, level = _ref.level, id = _ref.id, testId = _ref.testId, as = _ref.as, _ref$color = _ref.color, color = _ref$color === void 0 ? "default" : _ref$color;
if (process.env.NODE_ENV !== "production" && as && typeof as !== "string") throw new Error("`as` prop should be a string.");
var hLevel = (0, _headingContext.useHeadingElement)();
/**
* Order here is important, we for now apply
* 1. user choice
* 2. inferred a11y level
* 3. default final fallback
*/ var Markup = as || hLevel && "h".concat(hLevel) || levelMap[level];
var isSubtleHeading = level === "h200" || level === "h100";
return (0, _react.jsx)(Markup, {
id: id,
"data-testid": testId // @ts-ignore
,
css: [
headingResetStyles,
level === "h100" && h100Styles,
level === "h200" && h200Styles,
level === "h300" && h300Styles,
level === "h400" && h400Styles,
level === "h500" && h500Styles,
level === "h600" && h600Styles,
level === "h700" && h700Styles,
level === "h800" && h800Styles,
level === "h900" && h900Styles,
color === "inverse" && inverseStyles,
color === "default" && isSubtleHeading && subtlestStyles
]
}, children);
};
exports.default = Heading;
},{"@emotion/react":"goCbf","./heading-context":"djYh4","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"djYh4":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "useHeadingElement", ()=>useHeadingElement);
var _react = require("react");
var _reactDefault = parcelHelpers.interopDefault(_react);
var HeadingContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
var useHeadingElement = function useHeadingElement() {
return Math.min((0, _react.useContext)(HeadingContext) || 0, 6);
};
/**
* __Heading context__
*
* The HeadingContext
*
* @example
* ```tsx
* // Will correctly infer the heading level
* <HeadingContext value={1}>
* <Heading>H1</Heading>
* <HeadingContext>
* <Heading>H2</Heading>
* </HeadingContext>
* </HeadingContext>
* ```
*/ var HeadingContextProvider = function HeadingContextProvider(_ref) {
var children = _ref.children, value = _ref.value;
var parentHeadingLevel = useHeadingElement();
var headingLevel = parentHeadingLevel + 1;
return /*#__PURE__*/ (0, _reactDefault.default).createElement(HeadingContext.Provider, {
value: value || headingLevel
}, children);
};
exports.default = HeadingContextProvider;
},{"react":"88B64","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"5nnYA":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "appearanceIconSchema", ()=>appearanceIconSchema);
parcelHelpers.export(exports, "getAppearanceIconStyles", ()=>getAppearanceIconStyles);
var _defineProperty = require("@babel/runtime/helpers/defineProperty");
var _definePropertyDefault = parcelHelpers.interopDefault(_defineProperty);
var _checkCircle = require("@atlaskit/icon/glyph/check-circle");
var _checkCircleDefault = parcelHelpers.interopDefault(_checkCircle);
var _error = require("@atlaskit/icon/glyph/error");
var _errorDefault = parcelHelpers.interopDefault(_error);
var _info = require("@atlaskit/icon/glyph/info");
var _infoDefault = parcelHelpers.interopDefault(_info);
var _questionCircle = require("@atlaskit/icon/glyph/question-circle");
var _questionCircleDefault = parcelHelpers.interopDefault(_questionCircle);
var _warning = require("@atlaskit/icon/glyph/warning");
var _warningDefault = parcelHelpers.interopDefault(_warning);
var _colors = require("@atlaskit/theme/colors");
function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
enumerableOnly && (symbols = symbols.filter(function(sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
})), keys.push.apply(keys, symbols);
}
return keys;
}
function _objectSpread(target) {
for(var i = 1; i < arguments.length; i++){
var source = null != arguments[i] ? arguments[i] : {};
i % 2 ? ownKeys(Object(source), !0).forEach(function(key) {
(0, _definePropertyDefault.default)(target, key, source[key]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
return target;
}
var appearanceIconSchema = {
information: {
backgroundColor: "var(--ds-background-information, ".concat((0, _colors.B50), ")"),
Icon: (0, _infoDefault.default),
primaryIconColor: "var(--ds-icon-information, ".concat((0, _colors.B500), ")")
},
warning: {
backgroundColor: "var(--ds-background-warning, ".concat((0, _colors.Y50), ")"),
Icon: (0, _warningDefault.default),
primaryIconColor: "var(--ds-icon-warning, ".concat((0, _colors.Y500), ")")
},
error: {
backgroundColor: "var(--ds-background-danger, ".concat((0, _colors.R50), ")"),
Icon: (0, _errorDefault.default),
primaryIconColor: "var(--ds-icon-danger, ".concat((0, _colors.R500), ")")
},
success: {
backgroundColor: "var(--ds-background-success, ".concat((0, _colors.G50), ")"),
Icon: (0, _checkCircleDefault.default),
primaryIconColor: "var(--ds-icon-success, ".concat((0, _colors.G500), ")")
},
discovery: {
backgroundColor: "var(--ds-background-discovery, ".concat((0, _colors.P50), ")"),
Icon: (0, _questionCircleDefault.default),
primaryIconColor: "var(--ds-icon-discovery, ".concat((0, _colors.P500), ")")
}
};
function getAppearanceIconStyles(appearance, icon) {
var appearanceIconStyles = appearanceIconSchema[appearance] || appearanceIconSchema.information;
var Icon = icon || appearanceIconStyles.Icon;
return _objectSpread(_objectSpread({}, appearanceIconStyles), {}, {
Icon: Icon
});
}
},{"@babel/runtime/helpers/defineProperty":"5kozw","@atlaskit/icon/glyph/check-circle":"jO8Kh","@atlaskit/icon/glyph/error":"bYsGj","@atlaskit/icon/glyph/info":"2hXnx","@atlaskit/icon/glyph/question-circle":"ea7Cl","@atlaskit/icon/glyph/warning":"8TWTL","@atlaskit/theme/colors":"gyAw2","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"5kozw":[function(require,module,exports) {
var toPropertyKey = require("29ac19868e7f119");
function _defineProperty(obj, key, value) {
key = toPropertyKey(key);
if (key in obj) Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
else obj[key] = value;
return obj;
}
module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
},{"29ac19868e7f119":"5t5xo"}],"5t5xo":[function(require,module,exports) {
var _typeof = require("a14bd529aa4ac1cd")["default"];
var toPrimitive = require("2713647ce51d8c75");
function _toPropertyKey(arg) {
var key = toPrimitive(arg, "string");
return _typeof(key) === "symbol" ? key : String(key);
}
module.exports = _toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
},{"a14bd529aa4ac1cd":"jJgg2","2713647ce51d8c75":"1BR8C"}],"jJgg2":[function(require,module,exports) {
function _typeof(obj) {
"@babel/helpers - typeof";
return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj) {
return typeof obj;
} : function(obj) {
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
}, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(obj);
}
module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
},{}],"1BR8C":[function(require,module,exports) {
var _typeof = require("e0211298897b2d31")["default"];
function _toPrimitive(input, hint) {
if (_typeof(input) !== "object" || input === null) return input;
var prim = input[Symbol.toPrimitive];
if (prim !== undefined) {
var res = prim.call(input, hint || "default");
if (_typeof(res) !== "object") return res;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return (hint === "string" ? String : Number)(input);
}
module.exports = _toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
},{"e0211298897b2d31":"jJgg2"}],"jO8Kh":[function(require,module,exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("4ebccd5cf8f1efcc"));
var _base = require("82554e547b7b7234");
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
const CheckCircleIcon = (props)=>/*#__PURE__*/ _react.default.createElement(_base.Icon, Object.assign({
dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><circle fill="currentColor" cx="12" cy="12" r="10"/><path d="M9.707 11.293a1 1 0 10-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 10-1.414-1.414L11 12.586l-1.293-1.293z" fill="inherit"/></g></svg>`
}, props));
CheckCircleIcon.displayName = "CheckCircleIcon";
var _default = CheckCircleIcon;
exports.default = _default;
},{"4ebccd5cf8f1efcc":"88B64","82554e547b7b7234":"j7dwq"}],"j7dwq":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "default", ()=>(0, _iconDefault.default));
parcelHelpers.export(exports, "Icon", ()=>(0, _icon.Icon));
var _icon = require("../components/icon");
var _iconDefault = parcelHelpers.interopDefault(_icon);
},{"../components/icon":"jT5zR","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"jT5zR":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "Icon", ()=>Icon);
var _extends = require("@babel/runtime/helpers/extends");
var _extendsDefault = parcelHelpers.interopDefault(_extends);
var _defineProperty = require("@babel/runtime/helpers/defineProperty");
var _definePropertyDefault = parcelHelpers.interopDefault(_defineProperty);
/** @jsx jsx */ var _react = require("react");
var _react1 = require("@emotion/react");
var _components = require("@atlaskit/theme/components");
var _utils = require("./utils");
var _styles = require("./styles");
function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
enumerableOnly && (symbols = symbols.filter(function(sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
})), keys.push.apply(keys, symbols);
}
return keys;
}
function _objectSpread(target) {
for(var i = 1; i < arguments.length; i++){
var source = null != arguments[i] ? arguments[i] : {};
i % 2 ? ownKeys(Object(source), !0).forEach(function(key) {
(0, _definePropertyDefault.default)(target, key, source[key]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
return target;
}
/**
* We are hiding these props from consumers as they're used to
* hack around icon sizing specifically for icon-file-type.
*/ var iconStyles = (0, _react1.css)({
display: "inline-block",
flexShrink: 0,
lineHeight: 1,
// eslint-disable-next-line @repo/internal/styles/no-nested-styles
"> svg": _objectSpread(_objectSpread({}, (0, _styles.commonSVGStyles)), {}, {
maxWidth: "100%",
maxHeight: "100%",
color: "var(--icon-primary-color)",
fill: "var(--icon-secondary-color)",
verticalAlign: "bottom"
})
});
/**
* For windows high contrast mode
*/ var baseHcmStyles = (0, _react1.css)({
"@media screen and (forced-colors: active)": {
// eslint-disable-next-line @repo/internal/styles/no-nested-styles
"> svg": {
filter: "grayscale(1)",
"--icon-primary-color": "CanvasText",
// foreground
"--icon-secondary-color": "Canvas" // background
}
}
});
var primaryEqualsSecondaryHcmStyles = (0, _react1.css)({
"@media screen and (forced-colors: active)": {
// eslint-disable-next-line @repo/internal/styles/no-nested-styles
"> svg": {
// if the primaryColor is the same as the secondaryColor we
// set the --icon-primary-color to Canvas
// this is usually to convey state i.e. Checkbox checked -> not checked
"--icon-primary-color": "Canvas" // foreground
}
}
});
var secondaryTransparentHcmStyles = (0, _react1.css)({
"@media screen and (forced-colors: active)": {
// eslint-disable-next-line @repo/internal/styles/no-nested-styles
"> svg": {
"--icon-secondary-color": "transparent" // background
}
}
});
var Icon = /*#__PURE__*/ (0, _react.memo)(function Icon(props) {
var _ref = props, Glyph = _ref.glyph, dangerouslySetGlyph = _ref.dangerouslySetGlyph, _ref$primaryColor = _ref.primaryColor, primaryColor = _ref$primaryColor === void 0 ? "currentColor" : _ref$primaryColor, secondaryColor = _ref.secondaryColor, size = _ref.size, testId = _ref.testId, label = _ref.label, width = _ref.width, height = _ref.height;
var glyphProps = dangerouslySetGlyph ? {
dangerouslySetInnerHTML: {
__html: dangerouslySetGlyph
}
} : {
children: Glyph ? (0, _react1.jsx)(Glyph, {
role: "presentation"
}) : null
};
var dimensions = (0, _styles.getIconSize)({
width: width,
height: height,
size: size
});
var _useGlobalTheme = (0, _components.useGlobalTheme)(), mode = _useGlobalTheme.mode;
return (0, _react1.jsx)("span", (0, _extendsDefault.default)({
"data-testid": testId,
role: label ? "img" : undefined,
"aria-label": label ? label : undefined,
"aria-hidden": label ? undefined : true,
style: {
"--icon-primary-color": primaryColor,
"--icon-secondary-color": secondaryColor || (0, _utils.getBackground)(mode)
}
}, glyphProps, {
css: [
iconStyles,
baseHcmStyles,
primaryColor === secondaryColor && primaryEqualsSecondaryHcmStyles,
secondaryColor === "transparent" && secondaryTransparentHcmStyles,
// We could then simplify how common styles are dealt with simply by encapsualting them
// at their appropriate level and/or having a singular approach to css variables in the package
dimensions && // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
(0, _react1.css)({
width: dimensions.width,
height: dimensions.height,
"> svg": dimensions
})
]
}));
});
exports.default = Icon;
},{"@babel/runtime/helpers/extends":"roxcp","@babel/runtime/helpers/defineProperty":"5kozw","react":"88B64","@emotion/react":"goCbf","@atlaskit/theme/components":"4GVdA","./utils":"6KakW","./styles":"bV2zZ","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"4GVdA":[function(require,module,exports) {
/*
This file will become the new index for theme once the codemod is mature enough.
For now we're keeping the index file to avoid having to do a major change.
Once the codemod is done and all the AK modules have been codeshifted, we delete index.js and rename this file to index + update all the imports
*/ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "getTheme", ()=>(0, _getThemeDefault.default));
parcelHelpers.export(exports, "themed", ()=>(0, _themedDefault.default));
parcelHelpers.export(exports, "AtlaskitThemeProvider", ()=>(0, _atlaskitThemeProviderDefault.default));
parcelHelpers.export(exports, "default", ()=>(0, _themeDefault.default));
parcelHelpers.export(exports, "useGlobalTheme", ()=>(0, _theme.useGlobalTheme));
parcelHelpers.export(exports, "createTheme", ()=>(0, _createTheme.createTheme));
var _getTheme = require("./utils/get-theme");
var _getThemeDefault = parcelHelpers.interopDefault(_getTheme);
var _themed = require("./utils/themed");
var _themedDefault = parcelHelpers.interopDefault(_themed);
var _atlaskitThemeProvider = require("./components/atlaskit-theme-provider");
var _atlaskitThemeProviderDefault = parcelHelpers.interopDefault(_atlaskitThemeProvider);
var _theme = require("./components/theme");
var _themeDefault = parcelHelpers.interopDefault(_theme);
var _createTheme = require("./utils/create-theme");
},{"./utils/get-theme":false,"./utils/themed":false,"./components/atlaskit-theme-provider":false,"./components/theme":"bK2RD","./utils/create-theme":false,"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"bDA99":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "default", ()=>getTheme);
var _constants = require("../constants");
function getTheme(props) {
if (props && props.theme) {
// Theme is the global Atlaskit theme
if ((0, _constants.CHANNEL) in props.theme) return props.theme[0, _constants.CHANNEL];
else if ("mode" in props.theme && (0, _constants.THEME_MODES).includes(props.theme.mode)) return props.theme;
} // If format not supported (or no theme provided), return standard theme
return {
mode: (0, _constants.DEFAULT_THEME_MODE)
};
}
},{"../constants":"dsEHL","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"dsEHL":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "CHANNEL", ()=>CHANNEL);
parcelHelpers.export(exports, "DEFAULT_THEME_MODE", ()=>DEFAULT_THEME_MODE);
parcelHelpers.export(exports, "THEME_MODES", ()=>THEME_MODES);
parcelHelpers.export(exports, "borderRadius", ()=>borderRadius);
parcelHelpers.export(exports, "gridSize", ()=>gridSize);
parcelHelpers.export(exports, "fontSize", ()=>fontSize);
parcelHelpers.export(exports, "fontSizeSmall", ()=>fontSizeSmall);
parcelHelpers.export(exports, "fontFamily", ()=>fontFamily);
parcelHelpers.export(exports, "codeFontFamily", ()=>codeFontFamily);
parcelHelpers.export(exports, "focusRing", ()=>focusRing);
parcelHelpers.export(exports, "noFocusRing", ()=>noFocusRing);
parcelHelpers.export(exports, "layers", ()=>layers);
parcelHelpers.export(exports, "visuallyHidden", ()=>visuallyHidden);
parcelHelpers.export(exports, "assistive", ()=>assistive);
parcelHelpers.export(exports, "skeletonShimmer", ()=>skeletonShimmer);
var _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
var _deprecationWarningDefault = parcelHelpers.interopDefault(_deprecationWarning);
var _colors = require("./colors");
var CHANNEL = "__ATLASKIT_THEME__";
var DEFAULT_THEME_MODE = "light";
var THEME_MODES = [
"light",
"dark"
];
var borderRadius = function borderRadius() {
return 3;
};
var gridSize = function gridSize() {
return 8;
};
var fontSize = function fontSize() {
return 14;
};
var fontSizeSmall = function fontSizeSmall() {
return 11;
};
var fontFamily = function fontFamily() {
return "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
};
var codeFontFamily = function codeFontFamily() {
return "'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace";
};
var focusRing = function focusRing() {
var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "var(--ds-border-focused, ".concat((0, _colors.B100), ")");
var outlineWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : gridSize() / 4;
(0, _deprecationWarningDefault.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");
};
var noFocusRing = function noFocusRing() {
return "\n box-shadow: none;\n";
};
var 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 800;
}
}; // eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
var visuallyHidden = function visuallyHidden() {
(0, _deprecationWarningDefault.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"
};
};
var assistive = visuallyHidden;
var skeletonShimmer = function skeletonShimmer() {
return {
css: {
backgroundColor: "var(--ds-skeleton, ".concat((0, _colors.skeleton)(), ")"),
animationDuration: "1.5s",
animationIterationCount: "infinite",
animationTimingFunction: "linear",
animationDirection: "alternate"
},
keyframes: {
from: {
backgroundColor: "var(--ds-skeleton, ".concat((0, _colors.skeleton)(), ")")
},
to: {
backgroundColor: "var(--ds-skeleton-subtle, ".concat((0, _colors.N30A), ")")
}
}
};
};
},{"@atlaskit/ds-lib/deprecation-warning":"4pm3S","./colors":"gyAw2","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"4pm3S":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "default", ()=>deprecationWarning);
/**
* Logs a prop deprecation warning to console once during a session.
*
* @param packageName Use `process.env._PACKAGE_NAME_` instead of a static string.
* @param propName Prop that is deprecated.
* @param predicate If true the deprecation warning will be logged to console.
* @param deprecationAnnouncementOnDAC Link to the public announcement on DAC.
*/ parcelHelpers.export(exports, "propDeprecationWarning", ()=>propDeprecationWarning);
var _warnOnce = require("./warn-once");
var _warnOnceDefault = parcelHelpers.interopDefault(_warnOnce);
function deprecationWarning(packageName, api, additionalMessage) {
(0, _warnOnceDefault.default)("[".concat(packageName, "]: The ").concat(api, " is deprecated.").concat(additionalMessage && " ".concat(additionalMessage)));
}
function propDeprecationWarning(packageName, propName, predicate, deprecationAnnouncementOnDAC) {
if (process.env.NODE_ENV === "development" && predicate) (0, _warnOnceDefault.default)("[".concat(packageName, "]: The ").concat(propName, " prop is deprecated and will be removed, please migrate away.\nPublic announcement: ").concat(deprecationAnnouncementOnDAC));
}
},{"./warn-once":"i23Uh","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"i23Uh":[function(require,module,exports) {
/* eslint-disable no-console */ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "default", ()=>warnOnce);
var printed = {};
function warnOnce(message) {
if (printed[message]) return;
printed[message] = true;
if (typeof window !== "undefined") console.warn(message);
}
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"gyAw2":[function(require,module,exports) {
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "R50", ()=>R50);
parcelHelpers.export(exports, "R75", ()=>R75);
parcelHelpers.export(exports, "R100", ()=>R100);
parcelHelpers.export(exports, "R200", ()=>R200);
parcelHelpers.export(exports, "R300", ()=>R300);
parcelHelpers.export(exports, "R400", ()=>R400);
parcelHelpers.export(exports, "R500", ()=>R500);
parcelHelpers.export(exports, "Y50", ()=>Y50);
parcelHelpers.export(exports, "Y75", ()=>Y75);
parcelHelpers.export(exports, "Y100", ()=>Y100);
parcelHelpers.export(exports, "Y200", ()=>Y200);
parcelHelpers.export(exports, "Y300", ()=>Y300);
parcelHelpers.export(exports, "Y400", ()=>Y400);
parcelHelpers.export(exports, "Y500", ()=>Y500);
parcelHelpers.export(exports, "G50", ()=>G50);
parcelHelpers.export(exports, "G75", ()=>G75);
parcelHelpers.export(exports, "G100", ()=>G100);
parcelHelpers.export(exports, "G200", ()=>G200);
parcelHelpers.export(exports, "G300", ()=>G300);
parcelHelpers.export(exports, "G400", ()=>G400);
parcelHelpers.export(exports, "G500", ()=>G500);
parcelHelpers.export(exports, "B50", ()=>B50);
parcelHelpers.export(exports, "B75", ()=>B75);
parcelHelpers.export(exports, "B100", ()=>B100);
parcelHelpers.export(exports, "B200", ()=>B200);
parcelHelpers.export(exports, "B300", ()=>B300);
parcelHelpers.export(exports, "B400", ()=>B400);
parcelHelpers.export(exports, "B500", ()=>B500);
parcelHelpers.export(exports, "P50", ()=>P50);
parcelHelpers.export(exports, "P75", ()=>P75);
parcelHelpers.export(exports, "P100", ()=>P100);
parcelHelpers.export(exports, "P200", ()=>P200);
parcelHelpers.export(exports, "P300", ()=>P300);
parcelHelpers.export(exports, "P400", ()=>P400);
parcelHelpers.export(exports, "P500", ()=>P500);
parcelHelpers.export(exports, "T50", ()=>T50);
parcelHelpers.export(exports, "T75", ()=>T75);
parcelHelpers.export(exports, "T100", ()=>T100);
parcelHelpers.export(exports, "T200", ()=>T200);
parcelHelpers.export(exports, "T300", ()=>T300);
parcelHelpers.export(exports, "T400", ()=>T400);
parcelHelpers.export(exports, "T500", ()=>T500);
parcelHelpers.export(exports, "N0", ()=>N0);
parcelHelpers.export(exports, "N10", ()=>N10);
parcelHelpers.export(exports, "N20", ()=>N20);
parcelHelpers.export(exports, "N30", ()=>N30);
parcelHelpers.export(exports, "N40", ()=>N40);
parcelHelpers.export(exports, "N50", ()=>N50);
parcelHelpers.export(exports, "N60", ()=>N60);
parcelHelpers.export(exports, "N70", ()=>N70);
parcelHelpers.export(exports, "N80", ()=>N80);
parcelHelpers.export(exports, "N90", ()=>N90);
parcelHelpers.export(exports, "N100", ()=>N100);
parcelHelpers.export(exports, "N200", ()=>N200);
parcelHelpers.export(exports, "N300", ()=>N300);
parcelHelpers.export(exports, "N400", ()=>N400);
parcelHelpers.export(exports, "N500", ()=>N500);
parcelHelpers.export(exports, "N600", ()=>N600);
parcelHelpers.export(exports, "N700", ()=>N700);
parcelHelpers.export(exports, "N800", ()=>N800);
parcelHelpers.export(exports, "N900", ()=>N900);
parcelHelpers.export(exports, "N10A", ()=>N10A);
parcelHelpers.export(exports, "N20A", ()=>N20A);
parcelHelpers.export(exports, "N30A", ()=>N30A);
parcelHelpers.export(exports, "N40A", ()=>N40A);
parcelHelpers.export(exports, "N50A", ()=>N50A);
parcelHelpers.export(exports, "N60A", ()=>N60A);
parcelHelpers.export(exports, "N70A", ()=>N70A);
parcelHelpers.export(exports, "N80A", ()=>N80A);
parcelHelpers.export(exports, "N90A", ()=>N90A);
parcelHelpers.export(exports, "N100A", ()=>N100A);
parcelHelpers.export(exports, "N200A", ()=>N200A);
parcelHelpers.export(exports, "N300A", ()=>N300A);
parcelHelpers.export(exports, "N400A", ()=>N400A);
parcelHelpers.export(exports, "N500A", ()=>N500A);
parcelHelpers.export(exports, "N600A", ()=>N600A);
parcelHelpers.export(exports, "N700A", ()=>N700A);
parcelHelpers.export(exports, "N800A", ()=>N800A);
parcelHelpers.export(exports, "DN900", ()=>DN900);
parcelHelpers.export(exports, "DN800", ()=>DN800);
parcelHelpers.export(exports, "DN700", ()=>DN700);
parcelHelpers.export(exports, "DN600", ()=>DN600);
parcelHelpers.export(exports, "DN500", ()=>DN500);
parcelHelpers.export(exports, "DN400", ()=>DN400);
parcelHelpers.export(exports, "DN300", ()=>DN300);
parcelHelpers.export(exports, "DN200", ()=>DN200);
parcelHelpers.export(exports, "DN100", ()=>DN100);
parcelHelpers.export(exports, "DN90", ()=>DN90);
parcelHelpers.export(exports, "DN80", ()=>DN80);
parcelHelpers.export(exports, "DN70", ()=>DN70);
parcelHelpers.export(exports, "DN60", ()=>DN60);
parcelHelpers.export(exports, "DN50", ()=>DN50);
parcelHelpers.export(exports, "DN40", ()=>DN40);
parcelHelpers.export(exports, "DN30", ()=>DN30);
parcelHelpers.export(exports, "DN20", ()=>DN20);
parcelHelpers.export(exports, "DN10", ()=>DN10);
parcelHelpers.export(exports, "DN0", ()=>DN0);
parcelHelpers.export(exports, "DN800A", ()=>DN800A);
parcelHelpers.export(exports, "DN700A", ()=>DN700A);
parcelHelpers.export(exports, "DN600A", ()=>DN600A);
parcelHelpers.export(exports, "DN500A", ()=>DN500A);
parcelHelpers.export(exports, "DN400A", ()=>DN400A);
parcelHelpers.export(exports, "DN300A", ()=>DN300A);
parcelHelpers.export(exports, "DN200A", ()=>DN200A);
parcelHelpers.export(exports, "DN100A", ()=>DN100A);
parcelHelpers.export(exports, "DN90A", ()=>DN90A);
parcelHelpers.export(exports, "DN80A", ()=>DN80A);
parcelHelpers.export(exports, "DN70A", ()=>DN70A);
parcelHelpers.export(exports, "DN60A", ()=>DN60A);
parcelHelpers.export(exports, "DN50A", ()=>DN50A);
parcelHelpers.export(exports, "DN40A", ()=>DN40A);
parcelHelpers.export(exports, "DN30A", ()=>DN30A);
parcelHelpers.export(exports, "DN20A", ()=>DN20A);
parcelHelpers.export(exports, "DN10A", ()=>DN10A);
parcelHelpers.export(exports, "background", ()=>background);
parcelHelpers.export(exports, "backgroundActive", ()=>backgroundActive);
parcelHelpers.export(exports, "backgroundHover", ()=>backgroundHover);
parcelHelpers.export(exports, "backgroundOnLayer", ()=>backgroundOnLayer);
parcelHelpers.export(exports, "text", ()=>text);
parcelHelpers.export(exports, "textHover", ()=>textHover);
parcelHelpers.export(exports, "textActive", ()=>textActive);
parcelHelpers.export(exports, "subtleText", ()=>subtleText);
parcelHelpers.export(exports, "placeholderText", ()=>placeholderText);
parcelHelpers.export(exports, "heading", ()=>heading);
parcelHelpers.export(exports, "subtleHeading", ()=>subtleHeading);
parcelHelpers.export(exports, "codeBlock", ()=>codeBlock);
parcelHelpers.export(exports, "link", ()=>link);
parcelHelpers.export(exports, "linkHover", ()=>linkHover);
parcelHelpers.export(exports, "linkActive", ()=>linkActive);
parcelHelpers.export(exports, "linkOutline", ()=>linkOutline);
parcelHelpers.export(exports, "primary", ()=>primary);
parcelHelpers.export(exports, "blue", ()=>blue);
parcelHelpers.export(exports, "teal", ()=>teal);
parcelHelpers.export(exports, "purple", ()=>purple);
parcelHelpers.export(exports, "red", ()=>red);
parcelHelpers.export(exports, "yellow", ()=>yellow);
parcelHelpers.export(exports, "green", ()=>green);
parcelHelpers.export(exports, "skeleton", ()=>skeleton);
var _themed = require("./utils/themed"); // Reds
var _themedDefault = parcelHelpers.interopDefault(_themed);
var R50 = "#FFEBE6";
var R75 = "#FFBDAD";
var R100 = "#FF8F73";
var R200 = "#FF7452";
var R300 = "#FF5630";
var R400 = "#DE350B";
var R500 = "#BF2600"; // Yellows
var Y50 = "#FFFAE6";
var Y75 = "#FFF0B3";
var Y100 = "#FFE380";
var Y200 = "#FFC400";
var Y300 = "#FFAB00";
var Y400 = "#FF991F";
var Y500 = "#FF8B00"; // Greens
var G50 = "#E3FCEF";
var G75 = "#ABF5D1";
var G100 = "#79F2C0";
var G200 = "#57D9A3";
var G300 = "#36B37E";
var G400 = "#00875A";
var G500 = "#006644"; // Blues
var B50 = "#DEEBFF";
var B75 = "#B3D4FF";
var B100 = "#4C9AFF";
var B200 = "#2684FF";
var B300 = "#0065FF";
var B400 = "#0052CC";
var B500 = "#0747A6"; // Purples
var P50 = "#EAE6FF";
var P75 = "#C0B6F2";
var P100 = "#998DD9";
var P200 = "#8777D9";
var P300 = "#6554C0";
var P400 = "#5243AA";
var P500 = "#403294"; // Teals
var T50 = "#E6FCFF";
var T75 = "#B3F5FF";
var T100 = "#79E2F2";
var T200 = "#00C7E6";
var T300 = "#00B8D9";
var T400 = "#00A3BF";
var T500 = "#008DA6"; // Neutrals
var N0 = "#FFFFFF";
var N10 = "#FAFBFC";
var N20 = "#F4F5F7";
var N30 = "#EBECF0";
var N40 = "#DFE1E6";
var N50 = "#C1C7D0";
var N60 = "#B3BAC5";
var N70 = "#A5ADBA";
var N80 = "#97A0AF";
var N90 = "#8993A4";
var N100 = "#7A869A";
var N200 = "#6B778C";
var N300 = "#5E6C84";
var N400 = "#505F79";
var N500 = "#42526E";
var N600 = "#344563";
var N700 = "#253858";
var N800 = "#172B4D"; // ATTENTION: update the tints if you update this
var N900 = "#091E42"; // Each tint is made of N900 and an alpha channel
var N10A = "rgba(9, 30, 66, 0.02)";
var N20A = "rgba(9, 30, 66, 0.04)";
var N30A = "rgba(9, 30, 66, 0.08)";
var N40A = "rgba(9, 30, 66, 0.13)";
var N50A = "rgba(9, 30, 66, 0.25)";
var N60A = "rgba(9, 30, 66, 0.31)";
var N70A = "rgba(9, 30, 66, 0.36)";
var N80A = "rgba(9, 30, 66, 0.42)";
var N90A = "rgba(9, 30, 66, 0.48)";
var N100A = "rgba(9, 30, 66, 0.54)";
var N200A = "rgba(9, 30, 66, 0.60)";
var N300A = "rgba(9, 30, 66, 0.66)";
var N400A = "rgba(9, 30, 66, 0.71)";
var N500A = "rgba(9, 30, 66, 0.77)";
var N600A = "rgba(9, 30, 66, 0.82)";
var N700A = "rgba(9, 30, 66, 0.89)";
var N800A = "rgba(9, 30, 66, 0.95)"; // Dark Mode Neutrals
var DN900 = "#E6EDFA";
var DN800 = "#DCE5F5";
var DN700 = "#CED9EB";
var DN600 = "#B8C7E0";
var DN500 = "#ABBBD6";
var DN400 = "#9FB0CC";
var DN300 = "#8C9CB8";
var DN200 = "#7988A3";
var DN100 = "#67758F";
var DN90 = "#56637A";
var DN80 = "#455166";
var DN70 = "#3B475C";
var DN60 = "#313D52";
var DN50 = "#283447";
var DN40 = "#202B3D";
var DN30 = "#1B2638";
var DN20 = "#121A29";
var DN10 = "#0E1624"; // ATTENTION: update the tints if you update this
var DN0 = "#0D1424"; // Each dark tint is made of DN0 and an alpha channel
var DN800A = "rgba(13, 20, 36, 0.06)";
var DN700A = "rgba(13, 20, 36, 0.14)";
var DN600A = "rgba(13, 20, 36, 0.18)";
var DN500A = "rgba(13, 20, 36, 0.29)";
var DN400A = "rgba(13, 20, 36, 0.36)";
var DN300A = "rgba(13, 20, 36, 0.40)";
var DN200A = "rgba(13, 20, 36, 0.47)";
var DN100A = "rgba(13, 20, 36, 0.53)";
var DN90A = "rgba(13, 20, 36, 0.63)";
var DN80A = "rgba(13, 20, 36, 0.73)";
var DN70A = "rgba(13, 20, 36, 0.78)";
var DN60A = "rgba(13, 20, 36, 0.81)";
var DN50A = "rgba(13, 20, 36, 0.85)";
var DN40A = "rgba(13, 20, 36, 0.89)";
var DN30A = "rgba(13, 20, 36, 0.92)";
var DN20A = "rgba(13, 20, 36, 0.95)";
var DN10A = "rgba(13, 20, 36, 0.97)"; // Themed colors
var background = (0, _themedDefault.default)({
light: "var(--ds-surface, ".concat(N0, ")"),
dark: "var(--ds-surface, ".concat(DN30, ")")
});
var backgroundActive = (0, _themedDefault.default)({
light: "var(--ds-background-selected, ".concat(B50, ")"),
dark: "var(--ds-background-selected, ".concat(B75, ")")
});
var backgroundHover = (0, _themedDefault.default)({
light: "var(--ds-background-neutral-hovered, ".concat(N30, ")"),
dark: "var(--ds-background-neutral-hovered, ".concat(DN70, ")")
});
var backgroundOnLayer = (0, _themedDefault.default)({
light: "var(--ds-surface-overlay, ".concat(N0, ")"),
dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
});
var text = (0, _themedDefault.default)({
light: "var(--ds-text, ".concat(N900, ")"),
dark: "var(--ds-text, ".concat(DN600, ")")
});
var textHover = (0, _themedDefault.default)({
light: "var(--ds-text, ".concat(N800, ")"),
dark: "var(--ds-text, ".concat(DN600, ")")
});
var textActive = (0, _themedDefault.default)({
light: "var(--ds-text-selected, ".concat(B400, ")"),
dark: "var(--ds-text-selected, ".concat(B400, ")")
});
var subtleText = (0, _themedDefault.default)({
light: "var(--ds-text-subtlest, ".concat(N200, ")"),
dark: "var(--ds-text-subtlest, ".concat(DN300, ")")
});
var placeholderText = (0, _themedDefault.default)({
light: "var(--ds-text-subtlest, ".concat(N100, ")"),
dark: "var(--ds-text-subtlest, ".concat(DN200, ")")
});
var heading = (0, _themedDefault.default)({
light: "var(--ds-text, ".concat(N800, ")"),
dark: "var(--ds-text, ".concat(DN600, ")")
});
var subtleHeading = (0, _themedDefault.default)({
light: "var(--ds-text-subtlest, ".concat(N200, ")"),
dark: "var(--ds-text-subtlest, ".concat(DN300, ")")
});
var codeBlock = (0, _themedDefault.default)({
light: N20,
dark: DN50
});
var link = (0, _themedDefault.default)({
light: "var(--ds-link, ".concat(B400, ")"),
dark: "var(--ds-link, ".concat(B100, ")")
});
var linkHover = (0, _themedDefault.default)({
light: "var(--ds-link-pressed, ".concat(B300, ")"),
dark: "var(--ds-link-pressed, ".concat(B200, ")")
});
var linkActive = (0, _themedDefault.default)({
light: "var(--ds-link-pressed, ".concat(B500, ")"),
dark: "var(--ds-link-pressed, ".concat(B100, ")")
});
var linkOutline = (0, _themedDefault.default)({
light: "var(--ds-border-focused, ".concat(B100, ")"),
dark: "var(--ds-border-focused, ".concat(B200, ")")
});
var primary = (0, _themedDefault.default)({
light: "var(--ds-background-brand-bold, ".concat(B400, ")"),
dark: "var(--ds-background-brand-bold, ".concat(B100, ")")
});
var blue = (0, _themedDefault.default)({
light: B400,
dark: B100
});
var teal = (0, _themedDefault.default)({
light: T300,
dark: T200
});
var purple = (0, _themedDefault.default)({
light: P300,
dark: P100
});
var red = (0, _themedDefault.default)({
light: R300,
dark: R300
});
var yellow = (0, _themedDefault.default)({
light: Y300,
dark: Y300
});
var green = (0, _themedDefault.default)({
light: G300,
dark: G300
});
var skeleton = function skeleton() {
return "var(--ds-skeleton, ".concat(N20A, ")");
};
},{"./utils/themed":"6z2eN","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"6z2eN":[function(require,module,exports) {
/* eslint-disable prefer-rest-params */ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "default", ()=>themed);
var _getTheme = require("./get-theme");
var _getThemeDefault = parcelHelpers.interopDefault(_getTheme);
// Unpack custom variants, and get correct value for the current theme
function themedVariants(variantProp, variants) {
return function(props) {
var theme = (0, _getThemeDefault.default)(props);
if (props && props[variantProp] && variants) {
var modes = variants[props[variantProp]];
if (modes && modes[theme.mode]) {
var value = modes[theme.mode];
if (value) return value;
// TS believes value can be undefined
}
}
return "";
};
}
function themed(modesOrVariant, variantModes) {
if (typeof modesOrVariant === "string") return themedVariants(modesOrVariant, variantModes);
var modes = modesOrVariant;
return function(props) {
// Get theme from the user's props
var theme = (0, _getThemeDefault.default)(props); // User isn't required to provide both light and dark values
if (theme.mode in modes) {
var value = modes[theme.mode]; // TS believes value can be undefined
if (value) return value;
}
return "";
};
}
},{"./get-theme":"bDA99","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"bK2RD":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "useGlobalTheme", ()=>useTheme);
var _createTheme = require("../utils/create-theme"); // Create default global light theme
var _createTheme1 = (0, _createTheme.createTheme)(function() {
return {
mode: "light"
};
}), Provider = _createTheme1.Provider, Consumer = _createTheme1.Consumer, useTheme = _createTheme1.useTheme;
exports.default = {
Provider: Provider,
Consumer: Consumer
};
},{"../utils/create-theme":"kIAJU","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"kIAJU":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
/**
* createTheme is used to create a set of Providers and Consumers for theming components.
* - Takes a default theme function; this theme function gets a set of props, and returns tokens
* based on those props. An example of this default theme function is one that produces the standard
* appearance of the component
* - Returns three things - a Provider that allow for additional themes to be applied, a Consumer
* that can get the current theme and fetch it, and a custom hook - useTheme which provides an alternate (although functionally the same) API
* to the Consumer.
*/ parcelHelpers.export(exports, "createTheme", ()=>createTheme);
var _objectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties");
var _objectWithoutPropertiesDefault = parcelHelpers.interopDefault(_objectWithoutProperties);
var _react = require("react");
var _reactDefault = parcelHelpers.interopDefault(_react);
var _excluded = [
"children"
];
function createTheme(defaultGetTokens) {
var emptyThemeFn = function emptyThemeFn(getTokens, props) {
return getTokens(props);
};
/**
* Internally, Theme uses React Context, with internal providers and consumers.
* The React Context passes only a function that gets props, and turns them into tokens. This
* function gets mixed as more Providers with their own themes are added. This mixed function
* is ultimately picked up by Consumers, which implement a context consumer internally to fetch
* the theme.
*/ var ThemeContext = /*#__PURE__*/ (0, _react.createContext)(defaultGetTokens);
function useTheme(themeProps) {
var theme = (0, _react.useContext)(ThemeContext);
var themeFn = theme || emptyThemeFn;
var tokens = themeFn(themeProps);
return tokens;
} // The Theme Consumer takes a function as its child - this function takes tokens, and the
// return value is generally a set of nodes with the tokens applied appropriately.
function Consumer(props) {
var children = props.children, themeProps = (0, _objectWithoutPropertiesDefault.default)(props, _excluded); // @ts-ignore See issue for more info: https://github.com/Microsoft/TypeScript/issues/10727
// Argument of type 'Pick<ThemeProps & { children: (tokens: ThemeTokens) => ReactNode; }, Exclude<keyof ThemeProps, "children">>' is not assignable to parameter of type 'ThemeProps'.ts(2345)
var tokens = useTheme(themeProps); // We add a fragment to ensure we don't break people upgrading.
// Previously they may have been able to pass in undefined without things blowing up.
return /*#__PURE__*/ (0, _reactDefault.default).createElement((0, _reactDefault.default).Fragment, null, children(tokens));
}
/**
* The Theme Provider takes regular nodes as its children, but also takes a *theme function*
* - The theme function takes a set of props, as well as a function (getTokens) that can turn props into tokens.
* - The getTokens function isn't called immediately - instead the props are passed
* through a mix of parent theming functions
* Children of this provider will receive this mixed theme
*/ function Provider(props) {
var themeFn = (0, _react.useContext)(ThemeContext);
var valueFn = props.value || emptyThemeFn;
var mixedFn = (0, _react.useCallback)(function(themeProps) {
return valueFn(themeFn, themeProps);
}, [
themeFn,
valueFn
]);
return /*#__PURE__*/ (0, _reactDefault.default).createElement(ThemeContext.Provider, {
value: mixedFn
}, props.children);
}
return {
Consumer: Consumer,
Provider: Provider,
useTheme: useTheme
};
}
},{"@babel/runtime/helpers/objectWithoutProperties":"f8pNr","react":"88B64","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"6KakW":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "getBackground", ()=>getBackground);
var themedBackground = {
light: "var(--ds-surface, #FFFFFF)",
dark: "var(--ds-surface, #1B2638)"
};
var getBackground = function getBackground() {
var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "light";
return themedBackground[mode];
};
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"bV2zZ":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "commonSVGStyles", ()=>commonSVGStyles);
parcelHelpers.export(exports, "sizeStyleMap", ()=>sizeStyleMap);
parcelHelpers.export(exports, "getIconSize", ()=>getIconSize);
var _constants = require("../constants");
var _react = require("@emotion/react");
var commonSVGStyles = {
overflow: "hidden",
pointerEvents: "none",
/**
* Stop-color doesn't properly apply in chrome when the inherited/current color changes.
* We have to initially set stop-color to inherit (either via DOM attribute or an initial CSS
* rule) and then override it with currentColor for the color changes to be picked up.
*/ stop: {
stopColor: "currentColor"
}
};
var smallStyles = (0, _react.css)((0, _constants.dimensions).small);
var mediumStyles = (0, _react.css)((0, _constants.dimensions).medium);
var largeStyles = (0, _react.css)((0, _constants.dimensions).large);
var xlargeStyles = (0, _react.css)((0, _constants.dimensions).xlarge); // pre-built css style-size map
var sizeStyleMap = {
small: smallStyles,
medium: mediumStyles,
large: largeStyles,
xlarge: xlargeStyles
};
var getIconSize = function getIconSize(_ref) {
var width = _ref.width, height = _ref.height, size = _ref.size;
if (width && height) return {
width: width,
height: height
};
if (size) return (0, _constants.dimensions)[size];
return undefined;
};
},{"../constants":"1WkJf","@emotion/react":"goCbf","@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"1WkJf":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
parcelHelpers.export(exports, "sizes", ()=>sizes);
parcelHelpers.export(exports, "sizeMap", ()=>sizeMap);
parcelHelpers.export(exports, "dimensions", ()=>dimensions);
var sizes = {
small: "16px",
medium: "24px",
large: "32px",
xlarge: "48px"
};
var sizeMap = {
small: "small",
medium: "medium",
large: "large",
xlarge: "xlarge"
};
var dimensions = {
small: {
width: sizes.small,
height: sizes.small
},
medium: {
width: sizes.medium,
height: sizes.medium
},
large: {
width: sizes.large,
height: sizes.large
},
xlarge: {
width: sizes.xlarge,
height: sizes.xlarge
}
};
},{"@parcel/transformer-js/src/esmodule-helpers.js":"laylR"}],"bYsGj":[function(require,module,exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("d6bce1dedcb7074"));
var _base = require("328349e7dacd5835");
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
const ErrorIcon = (props)=>/*#__PURE__*/ _react.default.createElement(_base.Icon, Object.assign({
dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><path d="M13.416 4.417a2.002 2.002 0 00-2.832 0l-6.168 6.167a2.002 2.002 0 000 2.833l6.168 6.167a2.002 2.002 0 002.832 0l6.168-6.167a2.002 2.002 0 000-2.833l-6.168-6.167z" fill="currentColor"/><path d="M12 14a1 1 0 01-1-1V8a1 1 0 012 0v5a1 1 0 01-1 1m0 3a1 1 0 010-2 1 1 0 010 2" fill="inherit"/></g></svg>`
}, props));
ErrorIcon.displayName = "ErrorIcon";
var _default = ErrorIcon;
exports.default = _default;
},{"d6bce1dedcb7074":"88B64","328349e7dacd5835":"j7dwq"}],"2hXnx":[function(require,module,exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("6f99e482627b94a5"));
var _base = require("fd2b74d42cef5bf9");
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
const InfoIcon = (props)=>/*#__PURE__*/ _react.default.createElement(_base.Icon, Object.assign({
dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12z" fill="currentColor"/><rect fill="inherit" x="11" y="10" width="2" height="7" rx="1"/><circle fill="inherit" cx="12" cy="8" r="1"/></g></svg>`
}, props));
InfoIcon.displayName = "InfoIcon";
var _default = InfoIcon;
exports.default = _default;
},{"6f99e482627b94a5":"88B64","fd2b74d42cef5bf9":"j7dwq"}],"ea7Cl":[function(require,module,exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("549cb52e4920b58"));
var _base = require("e0bbcd12913cbec1");
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
const QuestionCircleIcon = (props)=>/*#__PURE__*/ _react.default.createElement(_base.Icon, Object.assign({
dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><circle fill="currentColor" cx="12" cy="12" r="10"/><circle fill="inherit" cx="12" cy="18" r="1"/><path d="M15.89 9.05a3.975 3.975 0 00-2.957-2.942C10.321 5.514 8.017 7.446 8 9.95l.005.147a.992.992 0 00.982.904c.552 0 1-.447 1.002-.998a2.004 2.004 0 014.007-.002c0 1.102-.898 2-2.003 2H12a1 1 0 00-1 .987v2.014a1.001 1.001 0 002.004 0v-.782c0-.217.145-.399.35-.472A3.99 3.99 0 0015.89 9.05" fill="inherit"/></g></svg>`
}, props));
QuestionCircleIcon.displayName = "QuestionCircleIcon";
var _default = QuestionCircleIcon;
exports.default = _default;
},{"549cb52e4920b58":"88B64","e0bbcd12913cbec1":"j7dwq"}],"8TWTL":[function(require,module,exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("630df12c15ed0604"));
var _base = require("32df12bab75dbb26");
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
const WarningIcon = (props)=>/*#__PURE__*/ _react.default.createElement(_base.Icon, Object.assign({
dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><path d="M12.938 4.967c-.518-.978-1.36-.974-1.876 0L3.938 18.425c-.518.978-.045 1.771 1.057 1.771h14.01c1.102 0 1.573-.797 1.057-1.771L12.938 4.967z" fill="currentColor"/><path d="M12 15a1 1 0 01-1-1V9a1 1 0 012 0v5a1 1 0 01-1 1m0 3a1 1 0 010-2 1 1 0 010 2" fill="inherit"/></g></svg>`
}, props));
WarningIcon.displayName = "WarningIcon";
var _default = WarningIcon;
exports.default = _default;
},{"630df12c15ed0604":"88B64","32df12bab75dbb26":"j7dwq"}]},["45qqa","cWug9"], "cWug9", "parcelRequire2bed")
//# sourceMappingURL=hello-world.js.map
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment