Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@emotion/styled

Package Overview
Dependencies
Maintainers
4
Versions
102
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@emotion/styled - npm Package Compare versions

Comparing version 11.11.5 to 11.12.0

dist/declarations/types/jsx-namespace.d.ts
types/jsx-namespace.d.ts

106

base/dist/emotion-styled-base.browser.esm.js

@@ -9,9 +9,48 @@ import _extends from '@babel/runtime/helpers/esm/extends';

/* import type {
ElementType,
StatelessFunctionalComponent,
AbstractComponent
} from 'react' */
/*
export type Interpolations = Array<any>
export type StyledElementType<Props> =
| string
| AbstractComponent<{ ...Props, className: string }, mixed>
export type StyledOptions = {
label?: string,
shouldForwardProp?: string => boolean,
target?: string
}
export type StyledComponent<Props> = StatelessFunctionalComponent<Props> & {
defaultProps: any,
toString: () => string,
withComponent: (
nextTag: StyledElementType<Props>,
nextOptions?: StyledOptions
) => StyledComponent<Props>
}
export type PrivateStyledComponent<Props> = StyledComponent<Props> & {
__emotion_real: StyledComponent<Props>,
__emotion_base: any,
__emotion_styles: any,
__emotion_forwardProp: any
}
*/
var testOmitPropsOnStringTag = isPropValid;
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key
/*: string */
) {
return key !== 'theme';
};
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag
/*: ElementType */
) {
return typeof tag === 'string' && // 96 is one less than the char code

@@ -22,3 +61,9 @@ // for "a" so this is checking that

};
var composeShouldForwardProps = function composeShouldForwardProps(tag, options, isReal) {
var composeShouldForwardProps = function composeShouldForwardProps(tag
/*: PrivateStyledComponent<any> */
, options
/*: StyledOptions | void */
, isReal
/*: boolean */
) {
var shouldForwardProp;

@@ -28,3 +73,5 @@

var optionsShouldForwardProp = options.shouldForwardProp;
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName) {
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName
/*: string */
) {
return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);

@@ -40,3 +87,17 @@ } : optionsShouldForwardProp;

};
/*
export type CreateStyledComponent = <Props>(
...args: Interpolations
) => StyledComponent<Props>
export type CreateStyled = {
<Props>(
tag: StyledElementType<Props>,
options?: StyledOptions
): (...args: Interpolations) => StyledComponent<Props>,
[key: string]: CreateStyledComponent,
bind: () => CreateStyled
}
*/
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";

@@ -56,3 +117,11 @@

var createStyled = function createStyled(tag, options) {
var createStyled
/*: CreateStyled */
= function createStyled
/*: CreateStyled */
(tag
/*: any */
, options
/* ?: StyledOptions */
) {
if (process.env.NODE_ENV !== 'production') {

@@ -77,2 +146,4 @@ if (tag === undefined) {

var shouldUseAs = !defaultShouldForwardProp('as');
/* return function<Props>(): PrivateStyledComponent<Props> { */
return function () {

@@ -104,6 +175,7 @@ var args = arguments;

}
} // $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class
}
var Styled = withEmotionCache(function (props, cache, ref) {
var Styled
/*: PrivateStyledComponent<Props> */
= withEmotionCache(function (props, cache, ref) {
var FinalTag = shouldUseAs && props.as || baseTag;

@@ -143,4 +215,3 @@ var className = '';

if ( // $FlowFixMe
finalShouldForwardProp(_key)) {
if (finalShouldForwardProp(_key)) {
newProps[_key] = props[_key];

@@ -151,3 +222,7 @@ }

newProps.className = className;
newProps.ref = ref;
if (ref) {
newProps.ref = ref;
}
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {

@@ -169,5 +244,4 @@ cache: cache,

return 'NO_COMPONENT_SELECTOR';
} // $FlowFixMe: coerce undefined to string
}
return "." + targetClassName;

@@ -177,3 +251,7 @@ }

Styled.withComponent = function (nextTag, nextOptions) {
Styled.withComponent = function (nextTag
/*: StyledElementType<Props> */
, nextOptions
/* ?: StyledOptions */
) {
return createStyled(nextTag, _extends({}, options, nextOptions, {

@@ -180,0 +258,0 @@ shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)

106

base/dist/emotion-styled-base.cjs.dev.js

@@ -36,9 +36,48 @@ 'use strict';

/* import type {
ElementType,
StatelessFunctionalComponent,
AbstractComponent
} from 'react' */
/*
export type Interpolations = Array<any>
export type StyledElementType<Props> =
| string
| AbstractComponent<{ ...Props, className: string }, mixed>
export type StyledOptions = {
label?: string,
shouldForwardProp?: string => boolean,
target?: string
}
export type StyledComponent<Props> = StatelessFunctionalComponent<Props> & {
defaultProps: any,
toString: () => string,
withComponent: (
nextTag: StyledElementType<Props>,
nextOptions?: StyledOptions
) => StyledComponent<Props>
}
export type PrivateStyledComponent<Props> = StyledComponent<Props> & {
__emotion_real: StyledComponent<Props>,
__emotion_base: any,
__emotion_styles: any,
__emotion_forwardProp: any
}
*/
var testOmitPropsOnStringTag = isPropValid__default["default"];
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key
/*: string */
) {
return key !== 'theme';
};
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag
/*: ElementType */
) {
return typeof tag === 'string' && // 96 is one less than the char code

@@ -49,3 +88,9 @@ // for "a" so this is checking that

};
var composeShouldForwardProps = function composeShouldForwardProps(tag, options, isReal) {
var composeShouldForwardProps = function composeShouldForwardProps(tag
/*: PrivateStyledComponent<any> */
, options
/*: StyledOptions | void */
, isReal
/*: boolean */
) {
var shouldForwardProp;

@@ -55,3 +100,5 @@

var optionsShouldForwardProp = options.shouldForwardProp;
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName) {
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName
/*: string */
) {
return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);

@@ -67,3 +114,17 @@ } : optionsShouldForwardProp;

};
/*
export type CreateStyledComponent = <Props>(
...args: Interpolations
) => StyledComponent<Props>
export type CreateStyled = {
<Props>(
tag: StyledElementType<Props>,
options?: StyledOptions
): (...args: Interpolations) => StyledComponent<Props>,
[key: string]: CreateStyledComponent,
bind: () => CreateStyled
}
*/
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";

@@ -100,3 +161,11 @@ var isBrowser = typeof document !== 'undefined';

var createStyled = function createStyled(tag, options) {
var createStyled
/*: CreateStyled */
= function createStyled
/*: CreateStyled */
(tag
/*: any */
, options
/* ?: StyledOptions */
) {
if (process.env.NODE_ENV !== 'production') {

@@ -121,2 +190,4 @@ if (tag === undefined) {

var shouldUseAs = !defaultShouldForwardProp('as');
/* return function<Props>(): PrivateStyledComponent<Props> { */
return function () {

@@ -148,6 +219,7 @@ var args = arguments;

}
} // $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class
}
var Styled = react.withEmotionCache(function (props, cache, ref) {
var Styled
/*: PrivateStyledComponent<Props> */
= react.withEmotionCache(function (props, cache, ref) {
var FinalTag = shouldUseAs && props.as || baseTag;

@@ -187,4 +259,3 @@ var className = '';

if ( // $FlowFixMe
finalShouldForwardProp(_key)) {
if (finalShouldForwardProp(_key)) {
newProps[_key] = props[_key];

@@ -195,3 +266,7 @@ }

newProps.className = className;
newProps.ref = ref;
if (ref) {
newProps.ref = ref;
}
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {

@@ -213,5 +288,4 @@ cache: cache,

return 'NO_COMPONENT_SELECTOR';
} // $FlowFixMe: coerce undefined to string
}
return "." + targetClassName;

@@ -221,3 +295,7 @@ }

Styled.withComponent = function (nextTag, nextOptions) {
Styled.withComponent = function (nextTag
/*: StyledElementType<Props> */
, nextOptions
/* ?: StyledOptions */
) {
return createStyled(nextTag, _extends({}, options, nextOptions, {

@@ -224,0 +302,0 @@ shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)

106

base/dist/emotion-styled-base.cjs.prod.js

@@ -36,9 +36,48 @@ 'use strict';

/* import type {
ElementType,
StatelessFunctionalComponent,
AbstractComponent
} from 'react' */
/*
export type Interpolations = Array<any>
export type StyledElementType<Props> =
| string
| AbstractComponent<{ ...Props, className: string }, mixed>
export type StyledOptions = {
label?: string,
shouldForwardProp?: string => boolean,
target?: string
}
export type StyledComponent<Props> = StatelessFunctionalComponent<Props> & {
defaultProps: any,
toString: () => string,
withComponent: (
nextTag: StyledElementType<Props>,
nextOptions?: StyledOptions
) => StyledComponent<Props>
}
export type PrivateStyledComponent<Props> = StyledComponent<Props> & {
__emotion_real: StyledComponent<Props>,
__emotion_base: any,
__emotion_styles: any,
__emotion_forwardProp: any
}
*/
var testOmitPropsOnStringTag = isPropValid__default["default"];
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key
/*: string */
) {
return key !== 'theme';
};
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag
/*: ElementType */
) {
return typeof tag === 'string' && // 96 is one less than the char code

@@ -49,3 +88,9 @@ // for "a" so this is checking that

};
var composeShouldForwardProps = function composeShouldForwardProps(tag, options, isReal) {
var composeShouldForwardProps = function composeShouldForwardProps(tag
/*: PrivateStyledComponent<any> */
, options
/*: StyledOptions | void */
, isReal
/*: boolean */
) {
var shouldForwardProp;

@@ -55,3 +100,5 @@

var optionsShouldForwardProp = options.shouldForwardProp;
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName) {
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName
/*: string */
) {
return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);

@@ -67,3 +114,17 @@ } : optionsShouldForwardProp;

};
/*
export type CreateStyledComponent = <Props>(
...args: Interpolations
) => StyledComponent<Props>
export type CreateStyled = {
<Props>(
tag: StyledElementType<Props>,
options?: StyledOptions
): (...args: Interpolations) => StyledComponent<Props>,
[key: string]: CreateStyledComponent,
bind: () => CreateStyled
}
*/
var isBrowser = typeof document !== 'undefined';

@@ -99,3 +160,11 @@

var createStyled = function createStyled(tag, options) {
var createStyled
/*: CreateStyled */
= function createStyled
/*: CreateStyled */
(tag
/*: any */
, options
/* ?: StyledOptions */
) {

@@ -115,2 +184,4 @@ var isReal = tag.__emotion_real === tag;

var shouldUseAs = !defaultShouldForwardProp('as');
/* return function<Props>(): PrivateStyledComponent<Props> { */
return function () {

@@ -136,6 +207,7 @@ var args = arguments;

}
} // $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class
}
var Styled = react.withEmotionCache(function (props, cache, ref) {
var Styled
/*: PrivateStyledComponent<Props> */
= react.withEmotionCache(function (props, cache, ref) {
var FinalTag = shouldUseAs && props.as || baseTag;

@@ -175,4 +247,3 @@ var className = '';

if ( // $FlowFixMe
finalShouldForwardProp(_key)) {
if (finalShouldForwardProp(_key)) {
newProps[_key] = props[_key];

@@ -183,3 +254,7 @@ }

newProps.className = className;
newProps.ref = ref;
if (ref) {
newProps.ref = ref;
}
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {

@@ -201,5 +276,4 @@ cache: cache,

return 'NO_COMPONENT_SELECTOR';
} // $FlowFixMe: coerce undefined to string
}
return "." + targetClassName;

@@ -209,3 +283,7 @@ }

Styled.withComponent = function (nextTag, nextOptions) {
Styled.withComponent = function (nextTag
/*: StyledElementType<Props> */
, nextOptions
/* ?: StyledOptions */
) {
return createStyled(nextTag, _extends({}, options, nextOptions, {

@@ -212,0 +290,0 @@ shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)

106

base/dist/emotion-styled-base.esm.js

@@ -9,9 +9,48 @@ import _extends from '@babel/runtime/helpers/esm/extends';

/* import type {
ElementType,
StatelessFunctionalComponent,
AbstractComponent
} from 'react' */
/*
export type Interpolations = Array<any>
export type StyledElementType<Props> =
| string
| AbstractComponent<{ ...Props, className: string }, mixed>
export type StyledOptions = {
label?: string,
shouldForwardProp?: string => boolean,
target?: string
}
export type StyledComponent<Props> = StatelessFunctionalComponent<Props> & {
defaultProps: any,
toString: () => string,
withComponent: (
nextTag: StyledElementType<Props>,
nextOptions?: StyledOptions
) => StyledComponent<Props>
}
export type PrivateStyledComponent<Props> = StyledComponent<Props> & {
__emotion_real: StyledComponent<Props>,
__emotion_base: any,
__emotion_styles: any,
__emotion_forwardProp: any
}
*/
var testOmitPropsOnStringTag = isPropValid;
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key
/*: string */
) {
return key !== 'theme';
};
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag
/*: ElementType */
) {
return typeof tag === 'string' && // 96 is one less than the char code

@@ -22,3 +61,9 @@ // for "a" so this is checking that

};
var composeShouldForwardProps = function composeShouldForwardProps(tag, options, isReal) {
var composeShouldForwardProps = function composeShouldForwardProps(tag
/*: PrivateStyledComponent<any> */
, options
/*: StyledOptions | void */
, isReal
/*: boolean */
) {
var shouldForwardProp;

@@ -28,3 +73,5 @@

var optionsShouldForwardProp = options.shouldForwardProp;
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName) {
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName
/*: string */
) {
return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);

@@ -40,3 +87,17 @@ } : optionsShouldForwardProp;

};
/*
export type CreateStyledComponent = <Props>(
...args: Interpolations
) => StyledComponent<Props>
export type CreateStyled = {
<Props>(
tag: StyledElementType<Props>,
options?: StyledOptions
): (...args: Interpolations) => StyledComponent<Props>,
[key: string]: CreateStyledComponent,
bind: () => CreateStyled
}
*/
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";

@@ -73,3 +134,11 @@ var isBrowser = typeof document !== 'undefined';

var createStyled = function createStyled(tag, options) {
var createStyled
/*: CreateStyled */
= function createStyled
/*: CreateStyled */
(tag
/*: any */
, options
/* ?: StyledOptions */
) {
if (process.env.NODE_ENV !== 'production') {

@@ -94,2 +163,4 @@ if (tag === undefined) {

var shouldUseAs = !defaultShouldForwardProp('as');
/* return function<Props>(): PrivateStyledComponent<Props> { */
return function () {

@@ -121,6 +192,7 @@ var args = arguments;

}
} // $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class
}
var Styled = withEmotionCache(function (props, cache, ref) {
var Styled
/*: PrivateStyledComponent<Props> */
= withEmotionCache(function (props, cache, ref) {
var FinalTag = shouldUseAs && props.as || baseTag;

@@ -160,4 +232,3 @@ var className = '';

if ( // $FlowFixMe
finalShouldForwardProp(_key)) {
if (finalShouldForwardProp(_key)) {
newProps[_key] = props[_key];

@@ -168,3 +239,7 @@ }

newProps.className = className;
newProps.ref = ref;
if (ref) {
newProps.ref = ref;
}
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {

@@ -186,5 +261,4 @@ cache: cache,

return 'NO_COMPONENT_SELECTOR';
} // $FlowFixMe: coerce undefined to string
}
return "." + targetClassName;

@@ -194,3 +268,7 @@ }

Styled.withComponent = function (nextTag, nextOptions) {
Styled.withComponent = function (nextTag
/*: StyledElementType<Props> */
, nextOptions
/* ?: StyledOptions */
) {
return createStyled(nextTag, _extends({}, options, nextOptions, {

@@ -197,0 +275,0 @@ shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)

2

base/dist/emotion-styled-base.umd.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","@emotion/react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).emotionStyledBase=t(e.React,e.emotionReact)}(this,(function(e,t){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function o(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var a=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,s=o((function(e){return a.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),l=function(e){return"theme"!==e},c=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?s:l},d=function(e,t,r){var n;if(t){var i=t.shouldForwardProp;n=e.__emotion_forwardProp&&i?function(t){return e.__emotion_forwardProp(t)&&i(t)}:i}return"function"!=typeof n&&r&&(n=e.__emotion_forwardProp),n};var u=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)};var f={animationIterationCount:1,aspectRatio: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,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},p=/[A-Z]|^ms/g,m=/_EMO_([^_]+?)_([^]*?)_EMO_/g,h=function(e){return 45===e.charCodeAt(1)},g=function(e){return null!=e&&"boolean"!=typeof e},y=o((function(e){return h(e)?e:e.replace(p,"-$&").toLowerCase()})),v=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(m,(function(e,t,r){return x={name:t,styles:r,next:x},t}))}return 1===f[e]||h(e)||"number"!=typeof t||0===t?t:t+"px"};function b(e,t,r){if(null==r)return"";if(void 0!==r.__emotion_styles)return r;switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return x={name:r.name,styles:r.styles,next:x},r.name;if(void 0!==r.styles){var n=r.next;if(void 0!==n)for(;void 0!==n;)x={name:n.name,styles:n.styles,next:x},n=n.next;return r.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var i=0;i<r.length;i++)n+=b(e,t,r[i])+";";else for(var o in r){var a=r[o];if("object"!=typeof a)null!=t&&void 0!==t[a]?n+=o+"{"+t[a]+"}":g(a)&&(n+=y(o)+":"+v(o,a)+";");else if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var s=b(e,t,a);switch(o){case"animation":case"animationName":n+=y(o)+":"+s+";";break;default:n+=o+"{"+s+"}"}}else for(var l=0;l<a.length;l++)g(a[l])&&(n+=y(o)+":"+v(o,a[l])+";")}return n}(e,t,r);case"function":if(void 0!==e){var i=x,o=r(e);return x=i,b(e,t,o)}}if(null==t)return r;var a=t[r];return void 0!==a?a:r}var x,k=/label:\s*([^\s;\n{]+)\s*(;|$)/g,w=!!n.useInsertionEffect&&n.useInsertionEffect||function(e){return e()},C=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return u(t,r,n),w((function(){return function(e,t,r){u(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var i=t;do{e.insert(t===i?"."+n:"",i,e.sheet,!0),i=i.next}while(void 0!==i)}}(t,r,n)})),null};return function e(r,o){var a,s,l=r.__emotion_real===r,u=l&&r.__emotion_base||r;void 0!==o&&(a=o.label,s=o.target);var f=d(r,o,l),p=f||c(u),m=!p("as");return function(){var h=arguments,g=l&&void 0!==r.__emotion_styles?r.__emotion_styles.slice(0):[];if(void 0!==a&&g.push("label:"+a+";"),null==h[0]||void 0===h[0].raw)g.push.apply(g,h);else{g.push(h[0][0]);for(var y=h.length,v=1;v<y;v++)g.push(h[v],h[0][v])}var w=t.withEmotionCache((function(e,r,i){var o,a,l,d,h=m&&e.as||u,y="",v=[],w=e;if(null==e.theme){for(var _ in w={},e)w[_]=e[_];w.theme=n.useContext(t.ThemeContext)}"string"==typeof e.className?(o=r.registered,a=v,l=e.className,d="",l.split(" ").forEach((function(e){void 0!==o[e]?a.push(o[e]+";"):d+=e+" "})),y=d):null!=e.className&&(y=e.className+" ");var S=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,i="";x=void 0;var o=e[0];null==o||void 0===o.raw?(n=!1,i+=b(r,t,o)):i+=o[0];for(var a=1;a<e.length;a++)i+=b(r,t,e[a]),n&&(i+=o[a]);k.lastIndex=0;for(var s,l="";null!==(s=k.exec(i));)l+="-"+s[1];var c=function(e){for(var t,r=0,n=0,i=e.length;i>=4;++n,i-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(i){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}(i)+l;return{name:c,styles:i,next:x}}(g.concat(v),r.registered,w);y+=r.key+"-"+S.name,void 0!==s&&(y+=" "+s);var A=m&&void 0===f?c(h):p,O={};for(var P in e)m&&"as"===P||A(P)&&(O[P]=e[P]);return O.className=y,O.ref=i,n.createElement(n.Fragment,null,n.createElement(C,{cache:r,serialized:S,isStringTag:"string"==typeof h}),n.createElement(h,O))}));return w.displayName=void 0!==a?a:"Styled("+("string"==typeof u?u:u.displayName||u.name||"Component")+")",w.defaultProps=r.defaultProps,w.__emotion_real=w,w.__emotion_base=u,w.__emotion_styles=g,w.__emotion_forwardProp=f,Object.defineProperty(w,"toString",{value:function(){return"."+s}}),w.withComponent=function(t,r){return e(t,i({},o,r,{shouldForwardProp:d(w,r,!0)})).apply(void 0,g)},w}}}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","@emotion/react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).emotionStyledBase=t(e.React,e.emotionReact)}(this,(function(e,t){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function o(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var a=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,s=o((function(e){return a.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),l=function(e){return"theme"!==e},c=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?s:l},d=function(e,t,r){var n;if(t){var i=t.shouldForwardProp;n=e.__emotion_forwardProp&&i?function(t){return e.__emotion_forwardProp(t)&&i(t)}:i}return"function"!=typeof n&&r&&(n=e.__emotion_forwardProp),n};var u=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)};var f={animationIterationCount:1,aspectRatio: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,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},p=/[A-Z]|^ms/g,m=/_EMO_([^_]+?)_([^]*?)_EMO_/g,h=function(e){return 45===e.charCodeAt(1)},g=function(e){return null!=e&&"boolean"!=typeof e},y=o((function(e){return h(e)?e:e.replace(p,"-$&").toLowerCase()})),v=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(m,(function(e,t,r){return x={name:t,styles:r,next:x},t}))}return 1===f[e]||h(e)||"number"!=typeof t||0===t?t:t+"px"};function b(e,t,r){if(null==r)return"";var n=r;if(void 0!==n.__emotion_styles)return n;switch(typeof r){case"boolean":return"";case"object":var i=r;if(1===i.anim)return x={name:i.name,styles:i.styles,next:x},i.name;var o=r;if(void 0!==o.styles){var a=o.next;if(void 0!==a)for(;void 0!==a;)x={name:a.name,styles:a.styles,next:x},a=a.next;return o.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var i=0;i<r.length;i++)n+=b(e,t,r[i])+";";else for(var o in r){var a=r[o];if("object"!=typeof a){var s=a;null!=t&&void 0!==t[s]?n+=o+"{"+t[s]+"}":g(s)&&(n+=y(o)+":"+v(o,s)+";")}else if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var l=b(e,t,a);switch(o){case"animation":case"animationName":n+=y(o)+":"+l+";";break;default:n+=o+"{"+l+"}"}}else for(var c=0;c<a.length;c++)g(a[c])&&(n+=y(o)+":"+v(o,a[c])+";")}return n}(e,t,r);case"function":if(void 0!==e){var s=x,l=r(e);return x=s,b(e,t,l)}}var c=r;if(null==t)return c;var d=t[c];return void 0!==d?d:c}var x,k=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var w=!!n.useInsertionEffect&&n.useInsertionEffect||function(e){return e()},C=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return u(t,r,n),w((function(){return function(e,t,r){u(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var i=t;do{e.insert(t===i?"."+n:"",i,e.sheet,!0),i=i.next}while(void 0!==i)}}(t,r,n)})),null};return function e(r,o){var a,s,l=r.__emotion_real===r,u=l&&r.__emotion_base||r;void 0!==o&&(a=o.label,s=o.target);var f=d(r,o,l),p=f||c(u),m=!p("as");return function(){var h=arguments,g=l&&void 0!==r.__emotion_styles?r.__emotion_styles.slice(0):[];if(void 0!==a&&g.push("label:"+a+";"),null==h[0]||void 0===h[0].raw)g.push.apply(g,h);else{g.push(h[0][0]);for(var y=h.length,v=1;v<y;v++)g.push(h[v],h[0][v])}var w=t.withEmotionCache((function(e,r,i){var o,a,l,d,h=m&&e.as||u,y="",v=[],w=e;if(null==e.theme){for(var _ in w={},e)w[_]=e[_];w.theme=n.useContext(t.ThemeContext)}"string"==typeof e.className?(o=r.registered,a=v,l=e.className,d="",l.split(" ").forEach((function(e){void 0!==o[e]?a.push(o[e]+";"):d+=e+" "})),y=d):null!=e.className&&(y=e.className+" ");var S=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,i="";x=void 0;var o=e[0];null==o||void 0===o.raw?(n=!1,i+=b(r,t,o)):i+=o[0];for(var a=1;a<e.length;a++)i+=b(r,t,e[a]),n&&(i+=o[a]);k.lastIndex=0;for(var s,l="";null!==(s=k.exec(i));)l+="-"+s[1];var c=function(e){for(var t,r=0,n=0,i=e.length;i>=4;++n,i-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(i){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}(i)+l;return{name:c,styles:i,next:x}}(g.concat(v),r.registered,w);y+=r.key+"-"+S.name,void 0!==s&&(y+=" "+s);var A=m&&void 0===f?c(h):p,O={};for(var P in e)m&&"as"===P||A(P)&&(O[P]=e[P]);return O.className=y,i&&(O.ref=i),n.createElement(n.Fragment,null,n.createElement(C,{cache:r,serialized:S,isStringTag:"string"==typeof h}),n.createElement(h,O))}));return w.displayName=void 0!==a?a:"Styled("+("string"==typeof u?u:u.displayName||u.name||"Component")+")",w.defaultProps=r.defaultProps,w.__emotion_real=w,w.__emotion_base=u,w.__emotion_styles=g,w.__emotion_forwardProp=f,Object.defineProperty(w,"toString",{value:function(){return"."+s}}),w.withComponent=function(t,r){return e(t,i({},o,r,{shouldForwardProp:d(w,r,!0)})).apply(void 0,g)},w}}}));
//# sourceMappingURL=emotion-styled-base.umd.min.js.map

106

base/dist/emotion-styled-base.worker.esm.js

@@ -9,9 +9,48 @@ import _extends from '@babel/runtime/helpers/esm/extends';

/* import type {
ElementType,
StatelessFunctionalComponent,
AbstractComponent
} from 'react' */
/*
export type Interpolations = Array<any>
export type StyledElementType<Props> =
| string
| AbstractComponent<{ ...Props, className: string }, mixed>
export type StyledOptions = {
label?: string,
shouldForwardProp?: string => boolean,
target?: string
}
export type StyledComponent<Props> = StatelessFunctionalComponent<Props> & {
defaultProps: any,
toString: () => string,
withComponent: (
nextTag: StyledElementType<Props>,
nextOptions?: StyledOptions
) => StyledComponent<Props>
}
export type PrivateStyledComponent<Props> = StyledComponent<Props> & {
__emotion_real: StyledComponent<Props>,
__emotion_base: any,
__emotion_styles: any,
__emotion_forwardProp: any
}
*/
var testOmitPropsOnStringTag = isPropValid;
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key
/*: string */
) {
return key !== 'theme';
};
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag
/*: ElementType */
) {
return typeof tag === 'string' && // 96 is one less than the char code

@@ -22,3 +61,9 @@ // for "a" so this is checking that

};
var composeShouldForwardProps = function composeShouldForwardProps(tag, options, isReal) {
var composeShouldForwardProps = function composeShouldForwardProps(tag
/*: PrivateStyledComponent<any> */
, options
/*: StyledOptions | void */
, isReal
/*: boolean */
) {
var shouldForwardProp;

@@ -28,3 +73,5 @@

var optionsShouldForwardProp = options.shouldForwardProp;
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName) {
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName
/*: string */
) {
return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);

@@ -40,3 +87,17 @@ } : optionsShouldForwardProp;

};
/*
export type CreateStyledComponent = <Props>(
...args: Interpolations
) => StyledComponent<Props>
export type CreateStyled = {
<Props>(
tag: StyledElementType<Props>,
options?: StyledOptions
): (...args: Interpolations) => StyledComponent<Props>,
[key: string]: CreateStyledComponent,
bind: () => CreateStyled
}
*/
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";

@@ -72,3 +133,11 @@

var createStyled = function createStyled(tag, options) {
var createStyled
/*: CreateStyled */
= function createStyled
/*: CreateStyled */
(tag
/*: any */
, options
/* ?: StyledOptions */
) {
if (process.env.NODE_ENV !== 'production') {

@@ -93,2 +162,4 @@ if (tag === undefined) {

var shouldUseAs = !defaultShouldForwardProp('as');
/* return function<Props>(): PrivateStyledComponent<Props> { */
return function () {

@@ -120,6 +191,7 @@ var args = arguments;

}
} // $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class
}
var Styled = withEmotionCache(function (props, cache, ref) {
var Styled
/*: PrivateStyledComponent<Props> */
= withEmotionCache(function (props, cache, ref) {
var FinalTag = shouldUseAs && props.as || baseTag;

@@ -159,4 +231,3 @@ var className = '';

if ( // $FlowFixMe
finalShouldForwardProp(_key)) {
if (finalShouldForwardProp(_key)) {
newProps[_key] = props[_key];

@@ -167,3 +238,7 @@ }

newProps.className = className;
newProps.ref = ref;
if (ref) {
newProps.ref = ref;
}
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {

@@ -185,5 +260,4 @@ cache: cache,

return 'NO_COMPONENT_SELECTOR';
} // $FlowFixMe: coerce undefined to string
}
return "." + targetClassName;

@@ -193,3 +267,7 @@ }

Styled.withComponent = function (nextTag, nextOptions) {
Styled.withComponent = function (nextTag
/*: StyledElementType<Props> */
, nextOptions
/* ?: StyledOptions */
) {
return createStyled(nextTag, _extends({}, options, nextOptions, {

@@ -196,0 +274,0 @@ shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)

24

dist/declarations/types/base.d.ts

@@ -7,2 +7,3 @@ // Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>

import { PropsOf, Theme } from '@emotion/react'
import { ReactJSXIntrinsicElements } from './jsx-namespace'

@@ -53,5 +54,5 @@ export {

): StyledComponent<ComponentProps & PropsOf<C>>
withComponent<Tag extends keyof JSX.IntrinsicElements>(
withComponent<Tag extends keyof ReactJSXIntrinsicElements>(
tag: Tag
): StyledComponent<ComponentProps, JSX.IntrinsicElements[Tag]>
): StyledComponent<ComponentProps, ReactJSXIntrinsicElements[Tag]>
}

@@ -174,19 +175,22 @@

<
Tag extends keyof JSX.IntrinsicElements,
ForwardedProps extends keyof JSX.IntrinsicElements[Tag] &
string = keyof JSX.IntrinsicElements[Tag] & string
Tag extends keyof ReactJSXIntrinsicElements,
ForwardedProps extends keyof ReactJSXIntrinsicElements[Tag] &
string = keyof ReactJSXIntrinsicElements[Tag] & string
>(
tag: Tag,
options: FilteringStyledOptions<JSX.IntrinsicElements[Tag], ForwardedProps>
options: FilteringStyledOptions<
ReactJSXIntrinsicElements[Tag],
ForwardedProps
>
): CreateStyledComponent<
{ theme?: Theme; as?: React.ElementType },
Pick<JSX.IntrinsicElements[Tag], ForwardedProps>
Pick<ReactJSXIntrinsicElements[Tag], ForwardedProps>
>
<Tag extends keyof JSX.IntrinsicElements>(
<Tag extends keyof ReactJSXIntrinsicElements>(
tag: Tag,
options?: StyledOptions<JSX.IntrinsicElements[Tag]>
options?: StyledOptions<ReactJSXIntrinsicElements[Tag]>
): CreateStyledComponent<
{ theme?: Theme; as?: React.ElementType },
JSX.IntrinsicElements[Tag]
ReactJSXIntrinsicElements[Tag]
>

@@ -193,0 +197,0 @@ }

5

dist/declarations/types/index.d.ts

@@ -6,2 +6,3 @@ // Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>

import { CreateStyled as BaseCreateStyled, CreateStyledComponent } from './base'
import { ReactJSXIntrinsicElements } from './jsx-namespace'

@@ -21,3 +22,3 @@ export {

export type StyledTags = {
[Tag in keyof JSX.IntrinsicElements]: CreateStyledComponent<
[Tag in keyof ReactJSXIntrinsicElements]: CreateStyledComponent<
{

@@ -27,3 +28,3 @@ theme?: Theme

},
JSX.IntrinsicElements[Tag]
ReactJSXIntrinsicElements[Tag]
>

@@ -30,0 +31,0 @@ }

1

dist/emotion-styled.browser.esm.js

@@ -15,3 +15,2 @@ import createStyled from '../base/dist/emotion-styled-base.browser.esm.js';

tags.forEach(function (tagName) {
// $FlowFixMe: we can ignore this because its exposed type is defined by the CreateStyled type
newStyled[tagName] = newStyled(tagName);

@@ -18,0 +17,0 @@ });

1

dist/emotion-styled.cjs.dev.js

@@ -19,3 +19,2 @@ 'use strict';

tags.forEach(function (tagName) {
// $FlowFixMe: we can ignore this because its exposed type is defined by the CreateStyled type
newStyled[tagName] = newStyled(tagName);

@@ -22,0 +21,0 @@ });

1

dist/emotion-styled.cjs.prod.js

@@ -19,3 +19,2 @@ 'use strict';

tags.forEach(function (tagName) {
// $FlowFixMe: we can ignore this because its exposed type is defined by the CreateStyled type
newStyled[tagName] = newStyled(tagName);

@@ -22,0 +21,0 @@ });

1

dist/emotion-styled.esm.js

@@ -15,3 +15,2 @@ import createStyled from '../base/dist/emotion-styled-base.esm.js';

tags.forEach(function (tagName) {
// $FlowFixMe: we can ignore this because its exposed type is defined by the CreateStyled type
newStyled[tagName] = newStyled(tagName);

@@ -18,0 +17,0 @@ });

2

dist/emotion-styled.umd.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","@emotion/react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).emotionStyled=t(e.React,e.emotionReact)}(this,(function(e,t){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function o(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var a=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,l=o((function(e){return a.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),s=function(e){return"theme"!==e},c=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?l:s},d=function(e,t,r){var n;if(t){var i=t.shouldForwardProp;n=e.__emotion_forwardProp&&i?function(t){return e.__emotion_forwardProp(t)&&i(t)}:i}return"function"!=typeof n&&r&&(n=e.__emotion_forwardProp),n};var u=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)};var p={animationIterationCount:1,aspectRatio: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,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},f=/[A-Z]|^ms/g,m=/_EMO_([^_]+?)_([^]*?)_EMO_/g,h=function(e){return 45===e.charCodeAt(1)},g=function(e){return null!=e&&"boolean"!=typeof e},y=o((function(e){return h(e)?e:e.replace(f,"-$&").toLowerCase()})),v=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(m,(function(e,t,r){return k={name:t,styles:r,next:k},t}))}return 1===p[e]||h(e)||"number"!=typeof t||0===t?t:t+"px"};function b(e,t,r){if(null==r)return"";if(void 0!==r.__emotion_styles)return r;switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return k={name:r.name,styles:r.styles,next:k},r.name;if(void 0!==r.styles){var n=r.next;if(void 0!==n)for(;void 0!==n;)k={name:n.name,styles:n.styles,next:k},n=n.next;return r.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var i=0;i<r.length;i++)n+=b(e,t,r[i])+";";else for(var o in r){var a=r[o];if("object"!=typeof a)null!=t&&void 0!==t[a]?n+=o+"{"+t[a]+"}":g(a)&&(n+=y(o)+":"+v(o,a)+";");else if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var l=b(e,t,a);switch(o){case"animation":case"animationName":n+=y(o)+":"+l+";";break;default:n+=o+"{"+l+"}"}}else for(var s=0;s<a.length;s++)g(a[s])&&(n+=y(o)+":"+v(o,a[s])+";")}return n}(e,t,r);case"function":if(void 0!==e){var i=k,o=r(e);return k=i,b(e,t,o)}}if(null==t)return r;var a=t[r];return void 0!==a?a:r}var k,x=/label:\s*([^\s;\n{]+)\s*(;|$)/g,w=!!n.useInsertionEffect&&n.useInsertionEffect||function(e){return e()},C=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return u(t,r,n),w((function(){return function(e,t,r){u(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var i=t;do{e.insert(t===i?"."+n:"",i,e.sheet,!0),i=i.next}while(void 0!==i)}}(t,r,n)})),null},_=function e(r,o){var a,l,s=r.__emotion_real===r,u=s&&r.__emotion_base||r;void 0!==o&&(a=o.label,l=o.target);var p=d(r,o,s),f=p||c(u),m=!f("as");return function(){var h=arguments,g=s&&void 0!==r.__emotion_styles?r.__emotion_styles.slice(0):[];if(void 0!==a&&g.push("label:"+a+";"),null==h[0]||void 0===h[0].raw)g.push.apply(g,h);else{g.push(h[0][0]);for(var y=h.length,v=1;v<y;v++)g.push(h[v],h[0][v])}var w=t.withEmotionCache((function(e,r,i){var o,a,s,d,h=m&&e.as||u,y="",v=[],w=e;if(null==e.theme){for(var _ in w={},e)w[_]=e[_];w.theme=n.useContext(t.ThemeContext)}"string"==typeof e.className?(o=r.registered,a=v,s=e.className,d="",s.split(" ").forEach((function(e){void 0!==o[e]?a.push(o[e]+";"):d+=e+" "})),y=d):null!=e.className&&(y=e.className+" ");var S=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,i="";k=void 0;var o=e[0];null==o||void 0===o.raw?(n=!1,i+=b(r,t,o)):i+=o[0];for(var a=1;a<e.length;a++)i+=b(r,t,e[a]),n&&(i+=o[a]);x.lastIndex=0;for(var l,s="";null!==(l=x.exec(i));)s+="-"+l[1];var c=function(e){for(var t,r=0,n=0,i=e.length;i>=4;++n,i-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(i){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}(i)+s;return{name:c,styles:i,next:k}}(g.concat(v),r.registered,w);y+=r.key+"-"+S.name,void 0!==l&&(y+=" "+l);var A=m&&void 0===p?c(h):f,O={};for(var P in e)m&&"as"===P||A(P)&&(O[P]=e[P]);return O.className=y,O.ref=i,n.createElement(n.Fragment,null,n.createElement(C,{cache:r,serialized:S,isStringTag:"string"==typeof h}),n.createElement(h,O))}));return w.displayName=void 0!==a?a:"Styled("+("string"==typeof u?u:u.displayName||u.name||"Component")+")",w.defaultProps=r.defaultProps,w.__emotion_real=w,w.__emotion_base=u,w.__emotion_styles=g,w.__emotion_forwardProp=p,Object.defineProperty(w,"toString",{value:function(){return"."+l}}),w.withComponent=function(t,r){return e(t,i({},o,r,{shouldForwardProp:d(w,r,!0)})).apply(void 0,g)},w}}.bind();return["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach((function(e){_[e]=_(e)})),_}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","@emotion/react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).emotionStyled=t(e.React,e.emotionReact)}(this,(function(e,t){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function a(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var o=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,l=a((function(e){return o.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),s=function(e){return"theme"!==e},c=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?l:s},d=function(e,t,r){var n;if(t){var i=t.shouldForwardProp;n=e.__emotion_forwardProp&&i?function(t){return e.__emotion_forwardProp(t)&&i(t)}:i}return"function"!=typeof n&&r&&(n=e.__emotion_forwardProp),n};var u=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)};var p={animationIterationCount:1,aspectRatio: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,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},f=/[A-Z]|^ms/g,m=/_EMO_([^_]+?)_([^]*?)_EMO_/g,h=function(e){return 45===e.charCodeAt(1)},g=function(e){return null!=e&&"boolean"!=typeof e},y=a((function(e){return h(e)?e:e.replace(f,"-$&").toLowerCase()})),v=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(m,(function(e,t,r){return k={name:t,styles:r,next:k},t}))}return 1===p[e]||h(e)||"number"!=typeof t||0===t?t:t+"px"};function b(e,t,r){if(null==r)return"";var n=r;if(void 0!==n.__emotion_styles)return n;switch(typeof r){case"boolean":return"";case"object":var i=r;if(1===i.anim)return k={name:i.name,styles:i.styles,next:k},i.name;var a=r;if(void 0!==a.styles){var o=a.next;if(void 0!==o)for(;void 0!==o;)k={name:o.name,styles:o.styles,next:k},o=o.next;return a.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var i=0;i<r.length;i++)n+=b(e,t,r[i])+";";else for(var a in r){var o=r[a];if("object"!=typeof o){var l=o;null!=t&&void 0!==t[l]?n+=a+"{"+t[l]+"}":g(l)&&(n+=y(a)+":"+v(a,l)+";")}else if(!Array.isArray(o)||"string"!=typeof o[0]||null!=t&&void 0!==t[o[0]]){var s=b(e,t,o);switch(a){case"animation":case"animationName":n+=y(a)+":"+s+";";break;default:n+=a+"{"+s+"}"}}else for(var c=0;c<o.length;c++)g(o[c])&&(n+=y(a)+":"+v(a,o[c])+";")}return n}(e,t,r);case"function":if(void 0!==e){var l=k,s=r(e);return k=l,b(e,t,s)}}var c=r;if(null==t)return c;var d=t[c];return void 0!==d?d:c}var k,x=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var w=!!n.useInsertionEffect&&n.useInsertionEffect||function(e){return e()},C=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return u(t,r,n),w((function(){return function(e,t,r){u(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var i=t;do{e.insert(t===i?"."+n:"",i,e.sheet,!0),i=i.next}while(void 0!==i)}}(t,r,n)})),null},_=function e(r,a){var o,l,s=r.__emotion_real===r,u=s&&r.__emotion_base||r;void 0!==a&&(o=a.label,l=a.target);var p=d(r,a,s),f=p||c(u),m=!f("as");return function(){var h=arguments,g=s&&void 0!==r.__emotion_styles?r.__emotion_styles.slice(0):[];if(void 0!==o&&g.push("label:"+o+";"),null==h[0]||void 0===h[0].raw)g.push.apply(g,h);else{g.push(h[0][0]);for(var y=h.length,v=1;v<y;v++)g.push(h[v],h[0][v])}var w=t.withEmotionCache((function(e,r,i){var a,o,s,d,h=m&&e.as||u,y="",v=[],w=e;if(null==e.theme){for(var _ in w={},e)w[_]=e[_];w.theme=n.useContext(t.ThemeContext)}"string"==typeof e.className?(a=r.registered,o=v,s=e.className,d="",s.split(" ").forEach((function(e){void 0!==a[e]?o.push(a[e]+";"):d+=e+" "})),y=d):null!=e.className&&(y=e.className+" ");var S=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,i="";k=void 0;var a=e[0];null==a||void 0===a.raw?(n=!1,i+=b(r,t,a)):i+=a[0];for(var o=1;o<e.length;o++)i+=b(r,t,e[o]),n&&(i+=a[o]);x.lastIndex=0;for(var l,s="";null!==(l=x.exec(i));)s+="-"+l[1];var c=function(e){for(var t,r=0,n=0,i=e.length;i>=4;++n,i-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(i){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}(i)+s;return{name:c,styles:i,next:k}}(g.concat(v),r.registered,w);y+=r.key+"-"+S.name,void 0!==l&&(y+=" "+l);var A=m&&void 0===p?c(h):f,O={};for(var P in e)m&&"as"===P||A(P)&&(O[P]=e[P]);return O.className=y,i&&(O.ref=i),n.createElement(n.Fragment,null,n.createElement(C,{cache:r,serialized:S,isStringTag:"string"==typeof h}),n.createElement(h,O))}));return w.displayName=void 0!==o?o:"Styled("+("string"==typeof u?u:u.displayName||u.name||"Component")+")",w.defaultProps=r.defaultProps,w.__emotion_real=w,w.__emotion_base=u,w.__emotion_styles=g,w.__emotion_forwardProp=p,Object.defineProperty(w,"toString",{value:function(){return"."+l}}),w.withComponent=function(t,r){return e(t,i({},a,r,{shouldForwardProp:d(w,r,!0)})).apply(void 0,g)},w}}.bind();return["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach((function(e){_[e]=_(e)})),_}));
//# sourceMappingURL=emotion-styled.umd.min.js.map

1

dist/emotion-styled.worker.esm.js

@@ -15,3 +15,2 @@ import createStyled from '../base/dist/emotion-styled-base.worker.esm.js';

tags.forEach(function (tagName) {
// $FlowFixMe: we can ignore this because its exposed type is defined by the CreateStyled type
newStyled[tagName] = newStyled(tagName);

@@ -18,0 +17,0 @@ });

14

package.json
{
"name": "@emotion/styled",
"version": "11.11.5",
"version": "11.12.0",
"description": "styled API for emotion",

@@ -15,7 +15,7 @@ "main": "dist/emotion-styled.cjs.js",

"@babel/runtime": "^7.18.3",
"@emotion/babel-plugin": "^11.11.0",
"@emotion/is-prop-valid": "^1.2.2",
"@emotion/serialize": "^1.1.4",
"@emotion/babel-plugin": "^11.12.0",
"@emotion/is-prop-valid": "^1.3.0",
"@emotion/serialize": "^1.2.0",
"@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
"@emotion/utils": "^1.2.1"
"@emotion/utils": "^1.3.0"
},

@@ -33,5 +33,5 @@ "peerDependencies": {

"@definitelytyped/dtslint": "0.0.112",
"@emotion/react": "11.11.4",
"@emotion/react": "11.12.0",
"react": "16.14.0",
"typescript": "^4.5.5"
"typescript": "^5.4.5"
},

@@ -38,0 +38,0 @@ "publishConfig": {

32

src/base.js

@@ -1,6 +0,6 @@

// @flow
import * as React from 'react'
import {
getDefaultShouldForwardProp,
composeShouldForwardProps,
composeShouldForwardProps
/*
type StyledOptions,

@@ -10,2 +10,3 @@ type CreateStyled,

type StyledElementType
*/
} from './utils'

@@ -55,3 +56,6 @@ import { withEmotionCache, ThemeContext } from '@emotion/react'

let createStyled: CreateStyled = (tag: any, options?: StyledOptions) => {
let createStyled /*: CreateStyled */ = (
tag /*: any */,
options /* ?: StyledOptions */
) => {
if (process.env.NODE_ENV !== 'production') {

@@ -79,3 +83,4 @@ if (tag === undefined) {

return function <Props>(): PrivateStyledComponent<Props> {
/* return function<Props>(): PrivateStyledComponent<Props> { */
return function () {
let args = arguments

@@ -107,4 +112,3 @@ let styles =

// $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class
const Styled: PrivateStyledComponent<Props> = withEmotionCache(
const Styled /*: PrivateStyledComponent<Props> */ = withEmotionCache(
(props, cache, ref) => {

@@ -154,12 +158,10 @@ const FinalTag = (shouldUseAs && props.as) || baseTag

if (
// $FlowFixMe
finalShouldForwardProp(key)
) {
if (finalShouldForwardProp(key)) {
newProps[key] = props[key]
}
}
newProps.className = className
newProps.ref = ref
if (ref) {
newProps.ref = ref
}

@@ -202,3 +204,2 @@ return (

}
// $FlowFixMe: coerce undefined to string
return `.${targetClassName}`

@@ -209,8 +210,7 @@ }

Styled.withComponent = (
nextTag: StyledElementType<Props>,
nextOptions?: StyledOptions
nextTag /*: StyledElementType<Props> */,
nextOptions /* ?: StyledOptions */
) => {
return createStyled(nextTag, {
...options,
// $FlowFixMe
...nextOptions,

@@ -217,0 +217,0 @@ shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)

2

src/index.js

@@ -1,2 +0,1 @@

// @flow
import styled from './base'

@@ -9,3 +8,2 @@ import { tags } from './tags'

tags.forEach(tagName => {
// $FlowFixMe: we can ignore this because its exposed type is defined by the CreateStyled type
newStyled[tagName] = newStyled(tagName)

@@ -12,0 +10,0 @@ })

1

src/tags.js

@@ -1,2 +0,1 @@

// @flow
export const tags = [

@@ -3,0 +2,0 @@ 'a',

21

src/utils.js

@@ -1,9 +0,9 @@

// @flow
import type {
/* import type {
ElementType,
StatelessFunctionalComponent,
AbstractComponent
} from 'react'
} from 'react' */
import isPropValid from '@emotion/is-prop-valid'
/*
export type Interpolations = Array<any>

@@ -36,7 +36,8 @@

}
*/
const testOmitPropsOnStringTag = isPropValid
const testOmitPropsOnComponent = (key: string) => key !== 'theme'
const testOmitPropsOnComponent = (key /*: string */) => key !== 'theme'
export const getDefaultShouldForwardProp = (tag: ElementType) =>
export const getDefaultShouldForwardProp = (tag /*: ElementType */) =>
typeof tag === 'string' &&

@@ -51,5 +52,5 @@ // 96 is one less than the char code

export const composeShouldForwardProps = (
tag: PrivateStyledComponent<any>,
options: StyledOptions | void,
isReal: boolean
tag /*: PrivateStyledComponent<any> */,
options /*: StyledOptions | void */,
isReal /*: boolean */
) => {

@@ -61,3 +62,3 @@ let shouldForwardProp

tag.__emotion_forwardProp && optionsShouldForwardProp
? (propName: string) =>
? (propName /*: string */) =>
tag.__emotion_forwardProp(propName) &&

@@ -75,2 +76,3 @@ optionsShouldForwardProp(propName)

/*
export type CreateStyledComponent = <Props>(

@@ -88,1 +90,2 @@ ...args: Interpolations

}
*/

24

types/base.d.ts

@@ -7,2 +7,3 @@ // Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>

import { PropsOf, Theme } from '@emotion/react'
import { ReactJSXIntrinsicElements } from './jsx-namespace'

@@ -53,5 +54,5 @@ export {

): StyledComponent<ComponentProps & PropsOf<C>>
withComponent<Tag extends keyof JSX.IntrinsicElements>(
withComponent<Tag extends keyof ReactJSXIntrinsicElements>(
tag: Tag
): StyledComponent<ComponentProps, JSX.IntrinsicElements[Tag]>
): StyledComponent<ComponentProps, ReactJSXIntrinsicElements[Tag]>
}

@@ -174,19 +175,22 @@

<
Tag extends keyof JSX.IntrinsicElements,
ForwardedProps extends keyof JSX.IntrinsicElements[Tag] &
string = keyof JSX.IntrinsicElements[Tag] & string
Tag extends keyof ReactJSXIntrinsicElements,
ForwardedProps extends keyof ReactJSXIntrinsicElements[Tag] &
string = keyof ReactJSXIntrinsicElements[Tag] & string
>(
tag: Tag,
options: FilteringStyledOptions<JSX.IntrinsicElements[Tag], ForwardedProps>
options: FilteringStyledOptions<
ReactJSXIntrinsicElements[Tag],
ForwardedProps
>
): CreateStyledComponent<
{ theme?: Theme; as?: React.ElementType },
Pick<JSX.IntrinsicElements[Tag], ForwardedProps>
Pick<ReactJSXIntrinsicElements[Tag], ForwardedProps>
>
<Tag extends keyof JSX.IntrinsicElements>(
<Tag extends keyof ReactJSXIntrinsicElements>(
tag: Tag,
options?: StyledOptions<JSX.IntrinsicElements[Tag]>
options?: StyledOptions<ReactJSXIntrinsicElements[Tag]>
): CreateStyledComponent<
{ theme?: Theme; as?: React.ElementType },
JSX.IntrinsicElements[Tag]
ReactJSXIntrinsicElements[Tag]
>

@@ -193,0 +197,0 @@ }

5

types/index.d.ts

@@ -6,2 +6,3 @@ // Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>

import { CreateStyled as BaseCreateStyled, CreateStyledComponent } from './base'
import { ReactJSXIntrinsicElements } from './jsx-namespace'

@@ -21,3 +22,3 @@ export {

export type StyledTags = {
[Tag in keyof JSX.IntrinsicElements]: CreateStyledComponent<
[Tag in keyof ReactJSXIntrinsicElements]: CreateStyledComponent<
{

@@ -27,3 +28,3 @@ theme?: Theme

},
JSX.IntrinsicElements[Tag]
ReactJSXIntrinsicElements[Tag]
>

@@ -30,0 +31,0 @@ }

base/dist/emotion-styled-base.cjs.js.flow
dist/emotion-styled.cjs.js.flow
macro.js.flow
base/dist/emotion-styled-base.umd.min.js.map

Sorry, the diff of this file is not supported yet

dist/emotion-styled.umd.min.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc