@mantine/emotion 9.0.0-alpha.7 → 9.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/cjs/use-css.cjs.map +1 -1
- package/esm/use-css.mjs.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -10,10 +10,10 @@ Emotion bindings for @mantine/core
|
|
|
10
10
|
|
|
11
11
|
```bash
|
|
12
12
|
# With yarn
|
|
13
|
-
yarn add @mantine/emotion
|
|
13
|
+
yarn add @mantine/emotion @mantine/core @mantine/hooks @emotion/react
|
|
14
14
|
|
|
15
15
|
# With npm
|
|
16
|
-
npm install @mantine/emotion
|
|
16
|
+
npm install @mantine/emotion @mantine/core @mantine/hooks @emotion/react
|
|
17
17
|
```
|
|
18
18
|
|
|
19
19
|
## License
|
package/cjs/use-css.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-css.cjs","names":["useEmotionCache","useGuaranteedMemo"],"sources":["../src/use-css.ts"],"sourcesContent":["/*
|
|
1
|
+
{"version":3,"file":"use-css.cjs","names":["useEmotionCache","useGuaranteedMemo"],"sources":["../src/use-css.ts"],"sourcesContent":["/* oxlint-disable prefer-const */\nimport type { EmotionCache } from '@emotion/cache';\nimport { RegisteredCache, serializeStyles } from '@emotion/serialize';\nimport { getRegisteredStyles, insertStyles } from '@emotion/utils';\nimport clsx from 'clsx';\nimport { useEmotionCache } from './MantineEmotionProvider';\nimport type { CSS } from './types';\nimport { useGuaranteedMemo } from './use-guaranteed-memo';\n\nconst refPropertyName = 'ref' as const;\n\nfunction getRef(args: any[]) {\n let ref: string | undefined;\n\n if (args.length !== 1) {\n return { args, ref };\n }\n\n const [arg] = args;\n\n if (!(arg instanceof Object)) {\n return { args, ref };\n }\n\n if (!(refPropertyName in arg)) {\n return { args, ref };\n }\n\n ref = arg[refPropertyName];\n const argCopy = { ...arg };\n delete argCopy[refPropertyName];\n return { args: [argCopy], ref };\n}\n\nexport const { cssFactory } = (() => {\n function merge(registered: RegisteredCache, css: CSS, className: string) {\n const registeredStyles: string[] = [];\n\n const rawClassName = getRegisteredStyles(registered, registeredStyles, className);\n\n if (registeredStyles.length < 2) {\n return className;\n }\n\n return rawClassName + css(registeredStyles);\n }\n\n function _cssFactory(params: { cache: EmotionCache }) {\n const { cache } = params;\n\n const css: CSS = (...styles: any) => {\n const { ref, args } = getRef(styles);\n const serialized = serializeStyles(args, cache.registered);\n insertStyles(cache as any, serialized, false);\n return `${cache.key}-${serialized.name}${ref === undefined ? '' : ` ${ref}`}`;\n };\n\n const cx = (...args: any) => merge(cache.registered, css, clsx(args));\n\n return { css, cx };\n }\n\n return { cssFactory: _cssFactory };\n})();\n\nexport function useCss() {\n const cache = useEmotionCache();\n return useGuaranteedMemo(() => cssFactory({ cache }), [cache]);\n}\n"],"mappings":";;;;;;;;;AASA,MAAM,kBAAkB;AAExB,SAAS,OAAO,MAAa;CAC3B,IAAI;AAEJ,KAAI,KAAK,WAAW,EAClB,QAAO;EAAE;EAAM;EAAK;CAGtB,MAAM,CAAC,OAAO;AAEd,KAAI,EAAE,eAAe,QACnB,QAAO;EAAE;EAAM;EAAK;AAGtB,KAAI,EAAE,mBAAmB,KACvB,QAAO;EAAE;EAAM;EAAK;AAGtB,OAAM,IAAI;CACV,MAAM,UAAU,EAAE,GAAG,KAAK;AAC1B,QAAO,QAAQ;AACf,QAAO;EAAE,MAAM,CAAC,QAAQ;EAAE;EAAK;;AAGjC,MAAa,EAAE,sBAAsB;CACnC,SAAS,MAAM,YAA6B,KAAU,WAAmB;EACvE,MAAM,mBAA6B,EAAE;EAErC,MAAM,gBAAA,GAAA,eAAA,qBAAmC,YAAY,kBAAkB,UAAU;AAEjF,MAAI,iBAAiB,SAAS,EAC5B,QAAO;AAGT,SAAO,eAAe,IAAI,iBAAiB;;CAG7C,SAAS,YAAY,QAAiC;EACpD,MAAM,EAAE,UAAU;EAElB,MAAM,OAAY,GAAG,WAAgB;GACnC,MAAM,EAAE,KAAK,SAAS,OAAO,OAAO;GACpC,MAAM,cAAA,GAAA,mBAAA,iBAA6B,MAAM,MAAM,WAAW;AAC1D,IAAA,GAAA,eAAA,cAAa,OAAc,YAAY,MAAM;AAC7C,UAAO,GAAG,MAAM,IAAI,GAAG,WAAW,OAAO,QAAQ,KAAA,IAAY,KAAK,IAAI;;EAGxE,MAAM,MAAM,GAAG,SAAc,MAAM,MAAM,YAAY,MAAA,GAAA,KAAA,SAAU,KAAK,CAAC;AAErE,SAAO;GAAE;GAAK;GAAI;;AAGpB,QAAO,EAAE,YAAY,aAAa;IAChC;AAEJ,SAAgB,SAAS;CACvB,MAAM,QAAQA,+BAAAA,iBAAiB;AAC/B,QAAOC,4BAAAA,wBAAwB,WAAW,EAAE,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC"}
|
package/esm/use-css.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-css.mjs","names":[],"sources":["../src/use-css.ts"],"sourcesContent":["/*
|
|
1
|
+
{"version":3,"file":"use-css.mjs","names":[],"sources":["../src/use-css.ts"],"sourcesContent":["/* oxlint-disable prefer-const */\nimport type { EmotionCache } from '@emotion/cache';\nimport { RegisteredCache, serializeStyles } from '@emotion/serialize';\nimport { getRegisteredStyles, insertStyles } from '@emotion/utils';\nimport clsx from 'clsx';\nimport { useEmotionCache } from './MantineEmotionProvider';\nimport type { CSS } from './types';\nimport { useGuaranteedMemo } from './use-guaranteed-memo';\n\nconst refPropertyName = 'ref' as const;\n\nfunction getRef(args: any[]) {\n let ref: string | undefined;\n\n if (args.length !== 1) {\n return { args, ref };\n }\n\n const [arg] = args;\n\n if (!(arg instanceof Object)) {\n return { args, ref };\n }\n\n if (!(refPropertyName in arg)) {\n return { args, ref };\n }\n\n ref = arg[refPropertyName];\n const argCopy = { ...arg };\n delete argCopy[refPropertyName];\n return { args: [argCopy], ref };\n}\n\nexport const { cssFactory } = (() => {\n function merge(registered: RegisteredCache, css: CSS, className: string) {\n const registeredStyles: string[] = [];\n\n const rawClassName = getRegisteredStyles(registered, registeredStyles, className);\n\n if (registeredStyles.length < 2) {\n return className;\n }\n\n return rawClassName + css(registeredStyles);\n }\n\n function _cssFactory(params: { cache: EmotionCache }) {\n const { cache } = params;\n\n const css: CSS = (...styles: any) => {\n const { ref, args } = getRef(styles);\n const serialized = serializeStyles(args, cache.registered);\n insertStyles(cache as any, serialized, false);\n return `${cache.key}-${serialized.name}${ref === undefined ? '' : ` ${ref}`}`;\n };\n\n const cx = (...args: any) => merge(cache.registered, css, clsx(args));\n\n return { css, cx };\n }\n\n return { cssFactory: _cssFactory };\n})();\n\nexport function useCss() {\n const cache = useEmotionCache();\n return useGuaranteedMemo(() => cssFactory({ cache }), [cache]);\n}\n"],"mappings":";;;;;;;AASA,MAAM,kBAAkB;AAExB,SAAS,OAAO,MAAa;CAC3B,IAAI;AAEJ,KAAI,KAAK,WAAW,EAClB,QAAO;EAAE;EAAM;EAAK;CAGtB,MAAM,CAAC,OAAO;AAEd,KAAI,EAAE,eAAe,QACnB,QAAO;EAAE;EAAM;EAAK;AAGtB,KAAI,EAAE,mBAAmB,KACvB,QAAO;EAAE;EAAM;EAAK;AAGtB,OAAM,IAAI;CACV,MAAM,UAAU,EAAE,GAAG,KAAK;AAC1B,QAAO,QAAQ;AACf,QAAO;EAAE,MAAM,CAAC,QAAQ;EAAE;EAAK;;AAGjC,MAAa,EAAE,sBAAsB;CACnC,SAAS,MAAM,YAA6B,KAAU,WAAmB;EACvE,MAAM,mBAA6B,EAAE;EAErC,MAAM,eAAe,oBAAoB,YAAY,kBAAkB,UAAU;AAEjF,MAAI,iBAAiB,SAAS,EAC5B,QAAO;AAGT,SAAO,eAAe,IAAI,iBAAiB;;CAG7C,SAAS,YAAY,QAAiC;EACpD,MAAM,EAAE,UAAU;EAElB,MAAM,OAAY,GAAG,WAAgB;GACnC,MAAM,EAAE,KAAK,SAAS,OAAO,OAAO;GACpC,MAAM,aAAa,gBAAgB,MAAM,MAAM,WAAW;AAC1D,gBAAa,OAAc,YAAY,MAAM;AAC7C,UAAO,GAAG,MAAM,IAAI,GAAG,WAAW,OAAO,QAAQ,KAAA,IAAY,KAAK,IAAI;;EAGxE,MAAM,MAAM,GAAG,SAAc,MAAM,MAAM,YAAY,KAAK,KAAK,KAAK,CAAC;AAErE,SAAO;GAAE;GAAK;GAAI;;AAGpB,QAAO,EAAE,YAAY,aAAa;IAChC;AAEJ,SAAgB,SAAS;CACvB,MAAM,QAAQ,iBAAiB;AAC/B,QAAO,wBAAwB,WAAW,EAAE,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mantine/emotion",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.1",
|
|
4
4
|
"description": "Emotion bindings for Mantine",
|
|
5
5
|
"homepage": "https://mantine.dev/",
|
|
6
6
|
"license": "MIT",
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"@emotion/react": "^11.11.4",
|
|
36
36
|
"@emotion/serialize": "^1.1.4",
|
|
37
37
|
"@emotion/utils": "^1.2.1",
|
|
38
|
-
"@mantine/core": "9.0.
|
|
39
|
-
"@mantine/hooks": "9.0.
|
|
38
|
+
"@mantine/core": "9.0.1",
|
|
39
|
+
"@mantine/hooks": "9.0.1",
|
|
40
40
|
"react": "^19.2.0",
|
|
41
41
|
"react-dom": "^19.2.0"
|
|
42
42
|
},
|