varILLEGAL_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";
varUNDEFINED_AS_OBJECT_KEY_ERROR="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+key.replace(msPattern,'ms-').replace(hyphenPattern,function(str,_char){
return_char.toUpperCase();
})+"?");
}
returnprocessed;
};
}
varnoComponentSelectorMessage='Component selectors can only be used in conjunction with '+'@emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware '+'compiler transform.';
console.error('Functions that are interpolated in css calls will be stringified.\n'+'If you want to have a css call based on props, create a function that returns a css call like this\n'+'let dynamicStyle = (props) => css`color: ${props.color}`\n'+'It can be called directly with props or interpolated in a styled call like this\n'+"let SomeComponent = styled('div')`${dynamicStyle}`");
console.error('`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\n'+'Instead of doing this:\n\n'+[].concat(matched,["`"+replaced+"`"]).join('\n')+'\n\nYou should wrap it with `css` like this:\n\n'+("css`"+replaced+"`"));
}
}
break;
}// finalize string values (regular strings and functions interpolated into css calls)
identifierName+='-'+// $FlowFixMe we know it's not null
match[1];
}
varname=hashString(styles)+identifierName;
if(process.env.NODE_ENV!=='production'){
// $FlowFixMe SerializedStyles type doesn't have toString property (and we don't want to add it)
return{
name:name,
styles:styles,
map:sourceMap,
next:cursor,
toString:functiontoString(){
return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";