create-emotion
Advanced tools
create-emotion - npm Package Compare versions
Comparing version 10.0.6 to 10.0.7
| { | ||
| "name": "create-emotion", | ||
| "version": "10.0.6", | ||
| "version": "10.0.7", | ||
| "description": "The Next Generation of CSS-in-JS.", | ||
@@ -17,4 +17,4 @@ "main": "dist/create-emotion.cjs.js", | ||
| "dependencies": { | ||
| "@emotion/cache": "10.0.0", | ||
| "@emotion/serialize": "^0.11.3", | ||
| "@emotion/cache": "^10.0.7", | ||
| "@emotion/serialize": "^0.11.4", | ||
| "@emotion/sheet": "0.9.2", | ||
@@ -21,0 +21,0 @@ "@emotion/utils": "0.11.1" |
@@ -10,4 +10,2 @@ # create-emotion | ||
| const context = typeof global !== 'undefined' ? global : {} | ||
| export const { | ||
@@ -24,3 +22,3 @@ flush, | ||
| cache | ||
| } = createEmotion(context) | ||
| } = createEmotion() | ||
| ``` | ||
@@ -46,3 +44,3 @@ | ||
| - Setting a [nonce]() on any `<style/>` tag emotion creates for security purposes | ||
| - Setting a [nonce](/packages/cache#nonce-string) on any `<style/>` tag emotion creates for security purposes | ||
@@ -77,20 +75,2 @@ - Use emotion with a developer defined `<style/>` tag | ||
| ### nonce: string | ||
| A nonce that will be set on each style tag that emotion inserts for [Content Security Policies](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP). | ||
| ### stylisPlugins: Function | Array<Function> | ||
| A Stylis plugin or plugins that will be run by stylis during preprocessing. [Read Stylis' docs to find out more](https://github.com/thysultan/stylis.js#plugins). This can for be used for many purposes such as RTL. | ||
| ### prefix: boolean | Function | ||
| Allows changing Stylis' prefixing settings, this defaults to `true`. It can be a boolean or a function to dynamicly set which properties are prefixed. [More information can be found in Stylis' docs](https://github.com/thysultan/stylis.js#vendor-prefixing) | ||
| ### key: string | ||
| The prefix before class names, this defaults to `css`. It will also be set as the value of the `data-emotion` attribute on the style tags that emotion inserts and it's used in the attribute name that marks style elements in `renderStylesToString` and `renderStylesToNodeStream`. This is **required if using multiple emotion instances in the same app**. | ||
| ### container: HTMLElement | ||
| A DOM Node that emotion will insert all of it's style tags into, this is useful for inserting styles into iframes. | ||
| `createEmotion` accepts the same options as [createCache](/packages/cache#options) from `@emotion/cache`. |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-3.71%
30357
- Number of lines in readme file
- decreased by-21.51%
73
Dependency changes
+ Added@emotion/cache@10.0.29(transitive)
+ Added@emotion/sheet@0.9.4(transitive)
+ Added@emotion/stylis@0.8.5(transitive)
+ Added@emotion/weak-memoize@0.2.5(transitive)
- Removed@emotion/cache@10.0.0(transitive)
- Removed@emotion/stylis@0.8.3(transitive)
- Removed@emotion/weak-memoize@0.2.2(transitive)
Updated@emotion/cache@^10.0.7
Updated@emotion/serialize@^0.11.4