paradiego
This commit is contained in:
654
node_modules/@emotion/react/dist/emotion-react.development.edge-light.esm.js
generated
vendored
Normal file
654
node_modules/@emotion/react/dist/emotion-react.development.edge-light.esm.js
generated
vendored
Normal file
@@ -0,0 +1,654 @@
|
||||
import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext } from './emotion-element-efb2998a.development.edge-light.esm.js';
|
||||
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-efb2998a.development.edge-light.esm.js';
|
||||
import * as React from 'react';
|
||||
import { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';
|
||||
import { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import '@emotion/cache';
|
||||
import '@babel/runtime/helpers/extends';
|
||||
import '@emotion/weak-memoize';
|
||||
import '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js';
|
||||
import 'hoist-non-react-statics';
|
||||
|
||||
var isDevelopment = true;
|
||||
|
||||
var pkg = {
|
||||
name: "@emotion/react",
|
||||
version: "11.13.3",
|
||||
main: "dist/emotion-react.cjs.js",
|
||||
module: "dist/emotion-react.esm.js",
|
||||
exports: {
|
||||
".": {
|
||||
types: {
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.development.esm.js",
|
||||
"import": "./dist/emotion-react.browser.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.development.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.development.esm.js",
|
||||
"import": "./dist/emotion-react.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.esm.js",
|
||||
"import": "./dist/emotion-react.browser.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.esm.js",
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
"./jsx-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
"./_isolated-hnrs": {
|
||||
types: {
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
"./jsx-dev-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"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": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
},
|
||||
imports: {
|
||||
"#is-development": {
|
||||
development: "./src/conditions/true.js",
|
||||
"default": "./src/conditions/false.js"
|
||||
},
|
||||
"#is-browser": {
|
||||
"edge-light": "./src/conditions/false.js",
|
||||
workerd: "./src/conditions/false.js",
|
||||
worker: "./src/conditions/false.js",
|
||||
browser: "./src/conditions/true.js",
|
||||
"default": "./src/conditions/is-browser.js"
|
||||
}
|
||||
},
|
||||
types: "types/index.d.ts",
|
||||
files: [
|
||||
"src",
|
||||
"dist",
|
||||
"jsx-runtime",
|
||||
"jsx-dev-runtime",
|
||||
"_isolated-hnrs",
|
||||
"types/*.d.ts",
|
||||
"macro.*"
|
||||
],
|
||||
sideEffects: false,
|
||||
author: "Emotion Contributors",
|
||||
license: "MIT",
|
||||
scripts: {
|
||||
"test:typescript": "dtslint types"
|
||||
},
|
||||
dependencies: {
|
||||
"@babel/runtime": "^7.18.3",
|
||||
"@emotion/babel-plugin": "^11.12.0",
|
||||
"@emotion/cache": "^11.13.0",
|
||||
"@emotion/serialize": "^1.3.1",
|
||||
"@emotion/use-insertion-effect-with-fallbacks": "^1.1.0",
|
||||
"@emotion/utils": "^1.4.0",
|
||||
"@emotion/weak-memoize": "^0.4.0",
|
||||
"hoist-non-react-statics": "^3.3.1"
|
||||
},
|
||||
peerDependencies: {
|
||||
react: ">=16.8.0"
|
||||
},
|
||||
peerDependenciesMeta: {
|
||||
"@types/react": {
|
||||
optional: true
|
||||
}
|
||||
},
|
||||
devDependencies: {
|
||||
"@definitelytyped/dtslint": "0.0.112",
|
||||
"@emotion/css": "11.13.0",
|
||||
"@emotion/css-prettifier": "1.1.4",
|
||||
"@emotion/server": "11.11.0",
|
||||
"@emotion/styled": "11.13.0",
|
||||
"html-tag-names": "^1.1.2",
|
||||
react: "16.14.0",
|
||||
"svg-tag-names": "^1.1.1",
|
||||
typescript: "^5.4.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: {
|
||||
extra: {
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var jsx
|
||||
/*: typeof React.createElement */
|
||||
= function jsx
|
||||
/*: typeof React.createElement */
|
||||
(type
|
||||
/*: React.ElementType */
|
||||
, props
|
||||
/*: Object */
|
||||
) {
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !hasOwn.call(props, 'css')) {
|
||||
return React.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = Emotion;
|
||||
createElementArgArray[1] = createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
/*
|
||||
type Styles = Object | Array<Object>
|
||||
|
||||
type GlobalProps = {
|
||||
+styles: Styles | (Object => Styles)
|
||||
}
|
||||
*/
|
||||
|
||||
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
|
||||
/*: React.AbstractComponent<
|
||||
GlobalProps
|
||||
> */
|
||||
= /* #__PURE__ */withEmotionCache(function (props
|
||||
/*: GlobalProps */
|
||||
, cache) {
|
||||
if (!warnedAboutCssPropForGlobal && ( // check for className as well since the user is
|
||||
// probably using the custom createElement which
|
||||
// means it will be turned into a className prop
|
||||
// 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 = serializeStyles([styles], undefined, React.useContext(ThemeContext));
|
||||
|
||||
{
|
||||
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__*/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
|
||||
});
|
||||
|
||||
{
|
||||
Global.displayName = 'EmotionGlobal';
|
||||
}
|
||||
|
||||
/* import type { Interpolation, SerializedStyles } from '@emotion/utils' */
|
||||
|
||||
function css()
|
||||
/*: SerializedStyles */
|
||||
{
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serializeStyles(args);
|
||||
}
|
||||
|
||||
/*
|
||||
type Keyframes = {|
|
||||
name: string,
|
||||
styles: string,
|
||||
anim: 1,
|
||||
toString: () => string
|
||||
|} & string
|
||||
*/
|
||||
|
||||
var keyframes = function
|
||||
/*: Keyframes */
|
||||
keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
/*
|
||||
type ClassNameArg =
|
||||
| string
|
||||
| boolean
|
||||
| { [key: string]: boolean }
|
||||
| Array<ClassNameArg>
|
||||
| null
|
||||
| void
|
||||
*/
|
||||
|
||||
var classnames = function
|
||||
/*: string */
|
||||
classnames(args
|
||||
/*: Array<ClassNameArg> */
|
||||
) {
|
||||
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 (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
|
||||
/*: Object */
|
||||
, css
|
||||
/*: (...args: Array<any>) => string */
|
||||
, className
|
||||
/*: string */
|
||||
) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = 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 = useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
var rules = '';
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
var res = insertStyles(cache, serializedArr[i], false);
|
||||
|
||||
if (res !== undefined) {
|
||||
rules += res;
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
return rules;
|
||||
}
|
||||
});
|
||||
|
||||
if (rules.length !== 0) {
|
||||
var _ref2;
|
||||
|
||||
return /*#__PURE__*/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;
|
||||
};
|
||||
/*
|
||||
type Props = {
|
||||
children: ({
|
||||
css: (...args: any) => string,
|
||||
cx: (...args: Array<ClassNameArg>) => string,
|
||||
theme: Object
|
||||
}) => React.Node
|
||||
} */
|
||||
|
||||
|
||||
var ClassNames
|
||||
/*: React.AbstractComponent<Props>*/
|
||||
= /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
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 = serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
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: React.useContext(ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
{
|
||||
ClassNames.displayName = 'EmotionClassNames';
|
||||
}
|
||||
|
||||
{
|
||||
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 = // $FlowIgnore
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
export { ClassNames, Global, jsx as createElement, css, jsx, keyframes };
|
||||
Reference in New Issue
Block a user