@griffel/react 1.6.0 → 1.6.2
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/lib/RendererContext.cjs +48 -0
- package/lib/TextDirectionContext.cjs +36 -0
- package/lib/__css.cjs +22 -0
- package/lib/__resetCSS.cjs +22 -0
- package/lib/__resetStyles.cjs +26 -0
- package/lib/__staticCSS.cjs +18 -0
- package/lib/__staticStyles.cjs +23 -0
- package/lib/__styles.cjs +26 -0
- package/lib/index.cjs +78 -0
- package/lib/insertionFactory.cjs +33 -0
- package/lib/makeResetStyles.cjs +35 -0
- package/lib/makeStaticStyles.cjs +28 -0
- package/lib/makeStyles.cjs +35 -0
- package/lib/renderToStyleElements.cjs +50 -0
- package/lib/useInsertionEffect.cjs +20 -0
- package/lib/utils/canUseDOM.cjs +15 -0
- package/lib/utils/isInsideComponent.cjs +46 -0
- package/package.json +15 -6
- package/src/RendererContext.d.ts +1 -1
- package/src/RendererContext.js +30 -0
- package/src/RendererContext.js.map +1 -0
- package/src/TextDirectionContext.d.ts +2 -2
- package/src/TextDirectionContext.js +21 -0
- package/src/TextDirectionContext.js.map +1 -0
- package/src/__css.js +17 -0
- package/src/__css.js.map +1 -0
- package/src/__resetCSS.js +17 -0
- package/src/__resetCSS.js.map +1 -0
- package/src/__resetStyles.js +20 -0
- package/src/__resetStyles.js.map +1 -0
- package/src/__staticCSS.js +15 -0
- package/src/__staticCSS.js.map +1 -0
- package/src/__staticStyles.js +18 -0
- package/src/__staticStyles.js.map +1 -0
- package/src/__styles.js +20 -0
- package/src/__styles.js.map +1 -0
- package/src/index.d.ts +12 -12
- package/src/index.js +16 -0
- package/src/index.js.map +1 -0
- package/src/insertionFactory.js +21 -0
- package/src/insertionFactory.js.map +1 -0
- package/src/makeResetStyles.js +23 -0
- package/src/makeResetStyles.js.map +1 -0
- package/src/makeStaticStyles.js +17 -0
- package/src/makeStaticStyles.js.map +1 -0
- package/src/makeStyles.js +23 -0
- package/src/makeStyles.js.map +1 -0
- package/src/renderToStyleElements.d.ts +2 -2
- package/src/renderToStyleElements.js +51 -0
- package/src/renderToStyleElements.js.map +1 -0
- package/src/useInsertionEffect.d.ts +1 -1
- package/{useInsertionEffect.esm.js → src/useInsertionEffect.js} +4 -7
- package/src/useInsertionEffect.js.map +1 -0
- package/src/utils/canUseDOM.js +7 -0
- package/src/utils/canUseDOM.js.map +1 -0
- package/src/utils/isInsideComponent.js +36 -0
- package/src/utils/isInsideComponent.js.map +1 -0
- package/RendererContext.cjs.js +0 -62
- package/RendererContext.cjs.js.map +0 -1
- package/RendererContext.esm.js +0 -39
- package/RendererContext.esm.js.map +0 -1
- package/TextDirectionContext.cjs.js +0 -52
- package/TextDirectionContext.cjs.js.map +0 -1
- package/TextDirectionContext.esm.js +0 -29
- package/TextDirectionContext.esm.js.map +0 -1
- package/__css.cjs.js +0 -24
- package/__css.cjs.js.map +0 -1
- package/__css.esm.js +0 -22
- package/__css.esm.js.map +0 -1
- package/__resetCSS.cjs.js +0 -24
- package/__resetCSS.cjs.js.map +0 -1
- package/__resetCSS.esm.js +0 -22
- package/__resetCSS.esm.js.map +0 -1
- package/__resetStyles.cjs.js +0 -28
- package/__resetStyles.cjs.js.map +0 -1
- package/__resetStyles.esm.js +0 -26
- package/__resetStyles.esm.js.map +0 -1
- package/__staticCSS.cjs.js +0 -20
- package/__staticCSS.cjs.js.map +0 -1
- package/__staticCSS.esm.js +0 -18
- package/__staticCSS.esm.js.map +0 -1
- package/__staticStyles.cjs.js +0 -25
- package/__staticStyles.cjs.js.map +0 -1
- package/__staticStyles.esm.js +0 -23
- package/__staticStyles.esm.js.map +0 -1
- package/__styles.cjs.js +0 -28
- package/__styles.cjs.js.map +0 -1
- package/__styles.esm.js +0 -26
- package/__styles.esm.js.map +0 -1
- package/index.cjs.js +0 -49
- package/index.cjs.js.map +0 -1
- package/index.d.ts +0 -1
- package/index.esm.js +0 -15
- package/index.esm.js.map +0 -1
- package/insertionFactory.cjs.js +0 -26
- package/insertionFactory.cjs.js.map +0 -1
- package/insertionFactory.esm.js +0 -24
- package/insertionFactory.esm.js.map +0 -1
- package/makeResetStyles.cjs.js +0 -28
- package/makeResetStyles.cjs.js.map +0 -1
- package/makeResetStyles.esm.js +0 -26
- package/makeResetStyles.esm.js.map +0 -1
- package/makeStaticStyles.cjs.js +0 -24
- package/makeStaticStyles.cjs.js.map +0 -1
- package/makeStaticStyles.esm.js +0 -22
- package/makeStaticStyles.esm.js.map +0 -1
- package/makeStyles.cjs.js +0 -28
- package/makeStyles.cjs.js.map +0 -1
- package/makeStyles.esm.js +0 -26
- package/makeStyles.esm.js.map +0 -1
- package/renderToStyleElements.cjs.js +0 -72
- package/renderToStyleElements.cjs.js.map +0 -1
- package/renderToStyleElements.esm.js +0 -50
- package/renderToStyleElements.esm.js.map +0 -1
- package/useInsertionEffect.cjs.js +0 -32
- package/useInsertionEffect.cjs.js.map +0 -1
- package/useInsertionEffect.esm.js.map +0 -1
- package/utils/canUseDOM.cjs.js +0 -11
- package/utils/canUseDOM.cjs.js.map +0 -1
- package/utils/canUseDOM.esm.js +0 -9
- package/utils/canUseDOM.esm.js.map +0 -1
- package/utils/isInsideComponent.cjs.js +0 -57
- package/utils/isInsideComponent.cjs.js.map +0 -1
- package/utils/isInsideComponent.esm.js +0 -35
- package/utils/isInsideComponent.esm.js.map +0 -1
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var React = require('react');
|
|
5
|
-
|
|
6
|
-
function _interopNamespaceCompat(e) {
|
|
7
|
-
if (e && typeof e === 'object' && 'default' in e) return e;
|
|
8
|
-
var n = Object.create(null);
|
|
9
|
-
if (e) {
|
|
10
|
-
Object.keys(e).forEach(function (k) {
|
|
11
|
-
if (k !== 'default') {
|
|
12
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
13
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
get: function () { return e[k]; }
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
n.default = e;
|
|
21
|
-
return Object.freeze(n);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* @private
|
|
28
|
-
*/
|
|
29
|
-
const TextDirectionContext = /*#__PURE__*/React__namespace.createContext('ltr');
|
|
30
|
-
/**
|
|
31
|
-
* @public
|
|
32
|
-
*/
|
|
33
|
-
const TextDirectionProvider = ({
|
|
34
|
-
children,
|
|
35
|
-
dir
|
|
36
|
-
}) => {
|
|
37
|
-
return /*#__PURE__*/React__namespace.createElement(TextDirectionContext.Provider, {
|
|
38
|
-
value: dir
|
|
39
|
-
}, children);
|
|
40
|
-
};
|
|
41
|
-
/**
|
|
42
|
-
* Returns current directionality of the element's text.
|
|
43
|
-
*
|
|
44
|
-
* @private
|
|
45
|
-
*/
|
|
46
|
-
function useTextDirection() {
|
|
47
|
-
return React__namespace.useContext(TextDirectionContext);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
exports.TextDirectionProvider = TextDirectionProvider;
|
|
51
|
-
exports.useTextDirection = useTextDirection;
|
|
52
|
-
//# sourceMappingURL=TextDirectionContext.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextDirectionContext.cjs.js","sources":["../../../packages/react/src/TextDirectionContext.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface TextDirectionProviderProps {\n /** Indicates the directionality of the element's text. */\n dir: 'ltr' | 'rtl';\n\n /**\n * Content wrapped by the TextDirectionProvider.\n */\n children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst TextDirectionContext = React.createContext<'ltr' | 'rtl'>('ltr');\n\n/**\n * @public\n */\nexport const TextDirectionProvider: React.FC<TextDirectionProviderProps> = ({ children, dir }) => {\n return <TextDirectionContext.Provider value={dir}>{children}</TextDirectionContext.Provider>;\n};\n\n/**\n * Returns current directionality of the element's text.\n *\n * @private\n */\nexport function useTextDirection() {\n return React.useContext(TextDirectionContext);\n}\n"],"names":["dir","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;AAEG;AACH;AAEA;;AAEG;AACI;;AAAiFA;AAAG;AACzF;AAAsCC;;AACxC;AAEA;;;;AAIG;;AAED;AACF;;;"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* @private
|
|
6
|
-
*/
|
|
7
|
-
const TextDirectionContext = /*#__PURE__*/React.createContext('ltr');
|
|
8
|
-
/**
|
|
9
|
-
* @public
|
|
10
|
-
*/
|
|
11
|
-
const TextDirectionProvider = ({
|
|
12
|
-
children,
|
|
13
|
-
dir
|
|
14
|
-
}) => {
|
|
15
|
-
return /*#__PURE__*/React.createElement(TextDirectionContext.Provider, {
|
|
16
|
-
value: dir
|
|
17
|
-
}, children);
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* Returns current directionality of the element's text.
|
|
21
|
-
*
|
|
22
|
-
* @private
|
|
23
|
-
*/
|
|
24
|
-
function useTextDirection() {
|
|
25
|
-
return React.useContext(TextDirectionContext);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export { TextDirectionProvider, useTextDirection };
|
|
29
|
-
//# sourceMappingURL=TextDirectionContext.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextDirectionContext.esm.js","sources":["../../../packages/react/src/TextDirectionContext.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface TextDirectionProviderProps {\n /** Indicates the directionality of the element's text. */\n dir: 'ltr' | 'rtl';\n\n /**\n * Content wrapped by the TextDirectionProvider.\n */\n children: React.ReactNode;\n}\n\n/**\n * @private\n */\nconst TextDirectionContext = React.createContext<'ltr' | 'rtl'>('ltr');\n\n/**\n * @public\n */\nexport const TextDirectionProvider: React.FC<TextDirectionProviderProps> = ({ children, dir }) => {\n return <TextDirectionContext.Provider value={dir}>{children}</TextDirectionContext.Provider>;\n};\n\n/**\n * Returns current directionality of the element's text.\n *\n * @private\n */\nexport function useTextDirection() {\n return React.useContext(TextDirectionContext);\n}\n"],"names":["dir","value"],"mappings":";;;AAcA;;AAEG;AACH;AAEA;;AAEG;AACI;;AAAiFA;AAAG;AACzF;AAAsCC;;AACxC;AAEA;;;;AAIG;;AAED;AACF;;"}
|
package/__css.cjs.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var core = require('@griffel/core');
|
|
5
|
-
var TextDirectionContext = require('./TextDirectionContext.cjs.js');
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
|
|
9
|
-
*
|
|
10
|
-
* @internal
|
|
11
|
-
*/
|
|
12
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
13
|
-
function __css(classesMapBySlot) {
|
|
14
|
-
const getStyles = core.__css(classesMapBySlot);
|
|
15
|
-
return function useClasses() {
|
|
16
|
-
const dir = TextDirectionContext.useTextDirection();
|
|
17
|
-
return getStyles({
|
|
18
|
-
dir
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
exports.__css = __css;
|
|
24
|
-
//# sourceMappingURL=__css.cjs.js.map
|
package/__css.cjs.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__css.cjs.js","sources":["../../../packages/react/src/__css.ts"],"sourcesContent":["'use client';\n\nimport { __css as vanillaCSS } from '@griffel/core';\nimport type { CSSClassesMapBySlot } from '@griffel/core';\n\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>) {\n const getStyles = vanillaCSS(classesMapBySlot);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["dir"],"mappings":";;;;;;AAOA;;;;AAIG;AACH;AACM;AACJ;;AAGE;AAEA;AAAmBA;AAAG;;AAE1B;;"}
|
package/__css.esm.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { __css as __css$1 } from '@griffel/core';
|
|
3
|
-
import { useTextDirection } from './TextDirectionContext.esm.js';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
|
|
7
|
-
*
|
|
8
|
-
* @internal
|
|
9
|
-
*/
|
|
10
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
11
|
-
function __css(classesMapBySlot) {
|
|
12
|
-
const getStyles = __css$1(classesMapBySlot);
|
|
13
|
-
return function useClasses() {
|
|
14
|
-
const dir = useTextDirection();
|
|
15
|
-
return getStyles({
|
|
16
|
-
dir
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export { __css };
|
|
22
|
-
//# sourceMappingURL=__css.esm.js.map
|
package/__css.esm.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__css.esm.js","sources":["../../../packages/react/src/__css.ts"],"sourcesContent":["'use client';\n\nimport { __css as vanillaCSS } from '@griffel/core';\nimport type { CSSClassesMapBySlot } from '@griffel/core';\n\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>) {\n const getStyles = vanillaCSS(classesMapBySlot);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["dir"],"mappings":";;;;AAOA;;;;AAIG;AACH;AACM;AACJ;;AAGE;AAEA;AAAmBA;AAAG;;AAE1B;;"}
|
package/__resetCSS.cjs.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var core = require('@griffel/core');
|
|
5
|
-
var TextDirectionContext = require('./TextDirectionContext.cjs.js');
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
|
|
9
|
-
*
|
|
10
|
-
* @internal
|
|
11
|
-
*/
|
|
12
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
13
|
-
function __resetCSS(ltrClassName, rtlClassName) {
|
|
14
|
-
const getStyles = core.__resetCSS(ltrClassName, rtlClassName);
|
|
15
|
-
return function useClasses() {
|
|
16
|
-
const dir = TextDirectionContext.useTextDirection();
|
|
17
|
-
return getStyles({
|
|
18
|
-
dir
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
exports.__resetCSS = __resetCSS;
|
|
24
|
-
//# sourceMappingURL=__resetCSS.cjs.js.map
|
package/__resetCSS.cjs.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__resetCSS.cjs.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["'use client';\n\nimport { __resetCSS as vanillaResetCSS } from '@griffel/core';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetCSS(ltrClassName: string, rtlClassName: string | null) {\n const getStyles = vanillaResetCSS(ltrClassName, rtlClassName);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["dir"],"mappings":";;;;;;AAKA;;;;AAIG;AACH;AACM;AACJ;;AAGE;AAEA;AAAmBA;AAAG;;AAE1B;;"}
|
package/__resetCSS.esm.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { __resetCSS as __resetCSS$1 } from '@griffel/core';
|
|
3
|
-
import { useTextDirection } from './TextDirectionContext.esm.js';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
|
|
7
|
-
*
|
|
8
|
-
* @internal
|
|
9
|
-
*/
|
|
10
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
11
|
-
function __resetCSS(ltrClassName, rtlClassName) {
|
|
12
|
-
const getStyles = __resetCSS$1(ltrClassName, rtlClassName);
|
|
13
|
-
return function useClasses() {
|
|
14
|
-
const dir = useTextDirection();
|
|
15
|
-
return getStyles({
|
|
16
|
-
dir
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export { __resetCSS };
|
|
22
|
-
//# sourceMappingURL=__resetCSS.esm.js.map
|
package/__resetCSS.esm.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__resetCSS.esm.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["'use client';\n\nimport { __resetCSS as vanillaResetCSS } from '@griffel/core';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetCSS(ltrClassName: string, rtlClassName: string | null) {\n const getStyles = vanillaResetCSS(ltrClassName, rtlClassName);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n\n return getStyles({ dir });\n };\n}\n"],"names":["dir"],"mappings":";;;;AAKA;;;;AAIG;AACH;AACM;AACJ;;AAGE;AAEA;AAAmBA;AAAG;;AAE1B;;"}
|
package/__resetStyles.cjs.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var core = require('@griffel/core');
|
|
5
|
-
var insertionFactory = require('./insertionFactory.cjs.js');
|
|
6
|
-
var RendererContext = require('./RendererContext.cjs.js');
|
|
7
|
-
var TextDirectionContext = require('./TextDirectionContext.cjs.js');
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.
|
|
11
|
-
*
|
|
12
|
-
* @internal
|
|
13
|
-
*/
|
|
14
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
15
|
-
function __resetStyles(ltrClassName, rtlClassName, cssRules) {
|
|
16
|
-
const getStyles = core.__resetStyles(ltrClassName, rtlClassName, cssRules, insertionFactory.insertionFactory);
|
|
17
|
-
return function useClasses() {
|
|
18
|
-
const dir = TextDirectionContext.useTextDirection();
|
|
19
|
-
const renderer = RendererContext.useRenderer();
|
|
20
|
-
return getStyles({
|
|
21
|
-
dir,
|
|
22
|
-
renderer
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
exports.__resetStyles = __resetStyles;
|
|
28
|
-
//# sourceMappingURL=__resetStyles.cjs.js.map
|
package/__resetStyles.cjs.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__resetStyles.cjs.js","sources":["../../../packages/react/src/__resetStyles.ts"],"sourcesContent":["'use client';\n\nimport { __resetStyles as vanillaResetStyles } from '@griffel/core';\nimport type { CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetStyles(\n ltrClassName: string,\n rtlClassName: string | null,\n cssRules: CSSRulesByBucket | string[],\n) {\n const getStyles = vanillaResetStyles(ltrClassName, rtlClassName, cssRules, insertionFactory);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["renderer"],"mappings":";;;;;;;;AASA;;;;AAIG;AACH;;;;AASI;AACA;AAEA;;AAAwBA;AAAQ;;AAEpC;;"}
|
package/__resetStyles.esm.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { __resetStyles as __resetStyles$1 } from '@griffel/core';
|
|
3
|
-
import { insertionFactory } from './insertionFactory.esm.js';
|
|
4
|
-
import { useRenderer } from './RendererContext.esm.js';
|
|
5
|
-
import { useTextDirection } from './TextDirectionContext.esm.js';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.
|
|
9
|
-
*
|
|
10
|
-
* @internal
|
|
11
|
-
*/
|
|
12
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
13
|
-
function __resetStyles(ltrClassName, rtlClassName, cssRules) {
|
|
14
|
-
const getStyles = __resetStyles$1(ltrClassName, rtlClassName, cssRules, insertionFactory);
|
|
15
|
-
return function useClasses() {
|
|
16
|
-
const dir = useTextDirection();
|
|
17
|
-
const renderer = useRenderer();
|
|
18
|
-
return getStyles({
|
|
19
|
-
dir,
|
|
20
|
-
renderer
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
export { __resetStyles };
|
|
26
|
-
//# sourceMappingURL=__resetStyles.esm.js.map
|
package/__resetStyles.esm.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__resetStyles.esm.js","sources":["../../../packages/react/src/__resetStyles.ts"],"sourcesContent":["'use client';\n\nimport { __resetStyles as vanillaResetStyles } from '@griffel/core';\nimport type { CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __resetStyles(\n ltrClassName: string,\n rtlClassName: string | null,\n cssRules: CSSRulesByBucket | string[],\n) {\n const getStyles = vanillaResetStyles(ltrClassName, rtlClassName, cssRules, insertionFactory);\n\n return function useClasses(): string {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["renderer"],"mappings":";;;;;;AASA;;;;AAIG;AACH;;;;AASI;AACA;AAEA;;AAAwBA;AAAQ;;AAEpC;;"}
|
package/__staticCSS.cjs.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var core = require('@griffel/core');
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
|
|
8
|
-
*
|
|
9
|
-
* @internal
|
|
10
|
-
*/
|
|
11
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
12
|
-
function __staticCSS() {
|
|
13
|
-
const getStyles = core.__staticCSS();
|
|
14
|
-
return function useStaticStyles() {
|
|
15
|
-
return getStyles();
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
exports.__staticCSS = __staticCSS;
|
|
20
|
-
//# sourceMappingURL=__staticCSS.cjs.js.map
|
package/__staticCSS.cjs.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__staticCSS.cjs.js","sources":["../../../packages/react/src/__staticCSS.ts"],"sourcesContent":["'use client';\n\nimport { __staticCSS as vanillaStaticCSS } from '@griffel/core';\n\n/**\n * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __staticCSS() {\n const getStyles = vanillaStaticCSS();\n\n return function useStaticStyles(): void {\n return getStyles();\n };\n}\n"],"names":[],"mappings":";;;;;AAIA;;;;AAIG;AACH;;AAEE;;;;AAKF;;"}
|
package/__staticCSS.esm.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { __staticCSS as __staticCSS$1 } from '@griffel/core';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
|
|
6
|
-
*
|
|
7
|
-
* @internal
|
|
8
|
-
*/
|
|
9
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
10
|
-
function __staticCSS() {
|
|
11
|
-
const getStyles = __staticCSS$1();
|
|
12
|
-
return function useStaticStyles() {
|
|
13
|
-
return getStyles();
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export { __staticCSS };
|
|
18
|
-
//# sourceMappingURL=__staticCSS.esm.js.map
|
package/__staticCSS.esm.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__staticCSS.esm.js","sources":["../../../packages/react/src/__staticCSS.ts"],"sourcesContent":["'use client';\n\nimport { __staticCSS as vanillaStaticCSS } from '@griffel/core';\n\n/**\n * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __staticCSS() {\n const getStyles = vanillaStaticCSS();\n\n return function useStaticStyles(): void {\n return getStyles();\n };\n}\n"],"names":[],"mappings":";;;AAIA;;;;AAIG;AACH;;AAEE;;;;AAKF;;"}
|
package/__staticStyles.cjs.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var core = require('@griffel/core');
|
|
5
|
-
var insertionFactory = require('./insertionFactory.cjs.js');
|
|
6
|
-
var RendererContext = require('./RendererContext.cjs.js');
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms.
|
|
10
|
-
*
|
|
11
|
-
* @internal
|
|
12
|
-
*/
|
|
13
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
14
|
-
function __staticStyles(cssRules) {
|
|
15
|
-
const getStyles = core.__staticStyles(cssRules, insertionFactory.insertionFactory);
|
|
16
|
-
return function useStaticStyles() {
|
|
17
|
-
const renderer = RendererContext.useRenderer();
|
|
18
|
-
return getStyles({
|
|
19
|
-
renderer
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
exports.__staticStyles = __staticStyles;
|
|
25
|
-
//# sourceMappingURL=__staticStyles.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__staticStyles.cjs.js","sources":["../../../packages/react/src/__staticStyles.ts"],"sourcesContent":["'use client';\n\nimport { __staticStyles as vanillaStaticStyles } from '@griffel/core';\nimport type { CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\n\n/**\n * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __staticStyles(cssRules: CSSRulesByBucket) {\n const getStyles = vanillaStaticStyles(cssRules, insertionFactory);\n\n return function useStaticStyles(): void {\n const renderer = useRenderer();\n\n return getStyles({ renderer });\n };\n}\n"],"names":["renderer"],"mappings":";;;;;;;AAQA;;;;AAIG;AACH;AACM;AACJ;;AAGE;AAEA;AAAmBA;AAAQ;;AAE/B;;"}
|
package/__staticStyles.esm.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { __staticStyles as __staticStyles$1 } from '@griffel/core';
|
|
3
|
-
import { insertionFactory } from './insertionFactory.esm.js';
|
|
4
|
-
import { useRenderer } from './RendererContext.esm.js';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms.
|
|
8
|
-
*
|
|
9
|
-
* @internal
|
|
10
|
-
*/
|
|
11
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
12
|
-
function __staticStyles(cssRules) {
|
|
13
|
-
const getStyles = __staticStyles$1(cssRules, insertionFactory);
|
|
14
|
-
return function useStaticStyles() {
|
|
15
|
-
const renderer = useRenderer();
|
|
16
|
-
return getStyles({
|
|
17
|
-
renderer
|
|
18
|
-
});
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export { __staticStyles };
|
|
23
|
-
//# sourceMappingURL=__staticStyles.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__staticStyles.esm.js","sources":["../../../packages/react/src/__staticStyles.ts"],"sourcesContent":["'use client';\n\nimport { __staticStyles as vanillaStaticStyles } from '@griffel/core';\nimport type { CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\n\n/**\n * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __staticStyles(cssRules: CSSRulesByBucket) {\n const getStyles = vanillaStaticStyles(cssRules, insertionFactory);\n\n return function useStaticStyles(): void {\n const renderer = useRenderer();\n\n return getStyles({ renderer });\n };\n}\n"],"names":["renderer"],"mappings":";;;;;AAQA;;;;AAIG;AACH;AACM;AACJ;;AAGE;AAEA;AAAmBA;AAAQ;;AAE/B;;"}
|
package/__styles.cjs.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var core = require('@griffel/core');
|
|
5
|
-
var insertionFactory = require('./insertionFactory.cjs.js');
|
|
6
|
-
var RendererContext = require('./RendererContext.cjs.js');
|
|
7
|
-
var TextDirectionContext = require('./TextDirectionContext.cjs.js');
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
|
|
11
|
-
*
|
|
12
|
-
* @internal
|
|
13
|
-
*/
|
|
14
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
15
|
-
function __styles(classesMapBySlot, cssRules) {
|
|
16
|
-
const getStyles = core.__styles(classesMapBySlot, cssRules, insertionFactory.insertionFactory);
|
|
17
|
-
return function useClasses() {
|
|
18
|
-
const dir = TextDirectionContext.useTextDirection();
|
|
19
|
-
const renderer = RendererContext.useRenderer();
|
|
20
|
-
return getStyles({
|
|
21
|
-
dir,
|
|
22
|
-
renderer
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
exports.__styles = __styles;
|
|
28
|
-
//# sourceMappingURL=__styles.cjs.js.map
|
package/__styles.cjs.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__styles.cjs.js","sources":["../../../packages/react/src/__styles.ts"],"sourcesContent":["'use client';\n\nimport { __styles as vanillaStyles } from '@griffel/core';\nimport type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __styles<Slots extends string>(\n classesMapBySlot: CSSClassesMapBySlot<Slots>,\n cssRules: CSSRulesByBucket,\n) {\n const getStyles = vanillaStyles(classesMapBySlot, cssRules, insertionFactory);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["renderer"],"mappings":";;;;;;;;AASA;;;;AAIG;AACH;AACM;;;AAOF;AACA;AAEA;;AAAwBA;AAAQ;;AAEpC;;"}
|
package/__styles.esm.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { __styles as __styles$1 } from '@griffel/core';
|
|
3
|
-
import { insertionFactory } from './insertionFactory.esm.js';
|
|
4
|
-
import { useRenderer } from './RendererContext.esm.js';
|
|
5
|
-
import { useTextDirection } from './TextDirectionContext.esm.js';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
|
|
9
|
-
*
|
|
10
|
-
* @internal
|
|
11
|
-
*/
|
|
12
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
13
|
-
function __styles(classesMapBySlot, cssRules) {
|
|
14
|
-
const getStyles = __styles$1(classesMapBySlot, cssRules, insertionFactory);
|
|
15
|
-
return function useClasses() {
|
|
16
|
-
const dir = useTextDirection();
|
|
17
|
-
const renderer = useRenderer();
|
|
18
|
-
return getStyles({
|
|
19
|
-
dir,
|
|
20
|
-
renderer
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
export { __styles };
|
|
26
|
-
//# sourceMappingURL=__styles.esm.js.map
|
package/__styles.esm.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"__styles.esm.js","sources":["../../../packages/react/src/__styles.ts"],"sourcesContent":["'use client';\n\nimport { __styles as vanillaStyles } from '@griffel/core';\nimport type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\n\n/**\n * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __styles<Slots extends string>(\n classesMapBySlot: CSSClassesMapBySlot<Slots>,\n cssRules: CSSRulesByBucket,\n) {\n const getStyles = vanillaStyles(classesMapBySlot, cssRules, insertionFactory);\n\n return function useClasses(): Record<Slots, string> {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["renderer"],"mappings":";;;;;;AASA;;;;AAIG;AACH;AACM;;;AAOF;AACA;AAEA;;AAAwBA;AAAQ;;AAEpC;;"}
|
package/index.cjs.js
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var core = require('@griffel/core');
|
|
5
|
-
var makeStyles = require('./makeStyles.cjs.js');
|
|
6
|
-
var makeResetStyles = require('./makeResetStyles.cjs.js');
|
|
7
|
-
var makeStaticStyles = require('./makeStaticStyles.cjs.js');
|
|
8
|
-
var renderToStyleElements = require('./renderToStyleElements.cjs.js');
|
|
9
|
-
var RendererContext = require('./RendererContext.cjs.js');
|
|
10
|
-
var TextDirectionContext = require('./TextDirectionContext.cjs.js');
|
|
11
|
-
var __css = require('./__css.cjs.js');
|
|
12
|
-
var __styles = require('./__styles.cjs.js');
|
|
13
|
-
var __resetCSS = require('./__resetCSS.cjs.js');
|
|
14
|
-
var __resetStyles = require('./__resetStyles.cjs.js');
|
|
15
|
-
var __staticCSS = require('./__staticCSS.cjs.js');
|
|
16
|
-
var __staticStyles = require('./__staticStyles.cjs.js');
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
Object.defineProperty(exports, "RESET", {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function () { return core.RESET; }
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "createDOMRenderer", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function () { return core.createDOMRenderer; }
|
|
27
|
-
});
|
|
28
|
-
Object.defineProperty(exports, "mergeClasses", {
|
|
29
|
-
enumerable: true,
|
|
30
|
-
get: function () { return core.mergeClasses; }
|
|
31
|
-
});
|
|
32
|
-
Object.defineProperty(exports, "shorthands", {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function () { return core.shorthands; }
|
|
35
|
-
});
|
|
36
|
-
exports.makeStyles = makeStyles.makeStyles;
|
|
37
|
-
exports.makeResetStyles = makeResetStyles.makeResetStyles;
|
|
38
|
-
exports.makeStaticStyles = makeStaticStyles.makeStaticStyles;
|
|
39
|
-
exports.renderToStyleElements = renderToStyleElements.renderToStyleElements;
|
|
40
|
-
exports.RendererProvider = RendererContext.RendererProvider;
|
|
41
|
-
exports.useRenderer_unstable = RendererContext.useRenderer;
|
|
42
|
-
exports.TextDirectionProvider = TextDirectionContext.TextDirectionProvider;
|
|
43
|
-
exports.__css = __css.__css;
|
|
44
|
-
exports.__styles = __styles.__styles;
|
|
45
|
-
exports.__resetCSS = __resetCSS.__resetCSS;
|
|
46
|
-
exports.__resetStyles = __resetStyles.__resetStyles;
|
|
47
|
-
exports.__staticCSS = __staticCSS.__staticCSS;
|
|
48
|
-
exports.__staticStyles = __staticStyles.__staticStyles;
|
|
49
|
-
//# sourceMappingURL=index.cjs.js.map
|
package/index.cjs.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./src/index";
|
package/index.esm.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
export { RESET, createDOMRenderer, mergeClasses, shorthands } from '@griffel/core';
|
|
3
|
-
export { makeStyles } from './makeStyles.esm.js';
|
|
4
|
-
export { makeResetStyles } from './makeResetStyles.esm.js';
|
|
5
|
-
export { makeStaticStyles } from './makeStaticStyles.esm.js';
|
|
6
|
-
export { renderToStyleElements } from './renderToStyleElements.esm.js';
|
|
7
|
-
export { RendererProvider, useRenderer as useRenderer_unstable } from './RendererContext.esm.js';
|
|
8
|
-
export { TextDirectionProvider } from './TextDirectionContext.esm.js';
|
|
9
|
-
export { __css } from './__css.esm.js';
|
|
10
|
-
export { __styles } from './__styles.esm.js';
|
|
11
|
-
export { __resetCSS } from './__resetCSS.esm.js';
|
|
12
|
-
export { __resetStyles } from './__resetStyles.esm.js';
|
|
13
|
-
export { __staticCSS } from './__staticCSS.esm.js';
|
|
14
|
-
export { __staticStyles } from './__staticStyles.esm.js';
|
|
15
|
-
//# sourceMappingURL=index.esm.js.map
|
package/index.esm.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
package/insertionFactory.cjs.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var canUseDOM = require('./utils/canUseDOM.cjs.js');
|
|
5
|
-
var useInsertionEffect = require('./useInsertionEffect.cjs.js');
|
|
6
|
-
|
|
7
|
-
const insertionFactory = () => {
|
|
8
|
-
const insertionCache = {};
|
|
9
|
-
return function insert(renderer, cssRules) {
|
|
10
|
-
// Even if `useInsertionEffect` is available, we can use it on a client only as it will not be executed in SSR
|
|
11
|
-
if (useInsertionEffect.useInsertionEffect && canUseDOM.canUseDOM()) {
|
|
12
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
13
|
-
useInsertionEffect.useInsertionEffect(() => {
|
|
14
|
-
renderer.insertCSSRules(cssRules);
|
|
15
|
-
}, [renderer, cssRules]);
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
if (insertionCache[renderer.id] === undefined) {
|
|
19
|
-
renderer.insertCSSRules(cssRules);
|
|
20
|
-
insertionCache[renderer.id] = true;
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
exports.insertionFactory = insertionFactory;
|
|
26
|
-
//# sourceMappingURL=insertionFactory.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"insertionFactory.cjs.js","sources":["../../../packages/react/src/insertionFactory.ts"],"sourcesContent":["'use client';\n\nimport type { CSSRulesByBucket, GriffelInsertionFactory, GriffelRenderer } from '@griffel/core';\n\nimport { canUseDOM } from './utils/canUseDOM';\nimport { useInsertionEffect } from './useInsertionEffect';\n\nexport const insertionFactory: GriffelInsertionFactory = () => {\n const insertionCache: Record<string, boolean> = {};\n\n return function insert(renderer: GriffelRenderer, cssRules: CSSRulesByBucket) {\n // Even if `useInsertionEffect` is available, we can use it on a client only as it will not be executed in SSR\n if (useInsertionEffect && canUseDOM()) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useInsertionEffect(() => {\n renderer.insertCSSRules(cssRules!);\n }, [renderer, cssRules]);\n\n return;\n }\n\n if (insertionCache[renderer.id] === undefined) {\n renderer.insertCSSRules(cssRules!);\n insertionCache[renderer.id] = true;\n }\n };\n};\n"],"names":["useInsertionEffect","renderer","insertionCache"],"mappings":";;;;;;AAOO;;AAGL;AACE;AACA;AACE;AACAA;AACEC;AACF;AAEA;AACF;;AAGEA;AACAC;AACF;;AAEJ;;"}
|
package/insertionFactory.esm.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { canUseDOM } from './utils/canUseDOM.esm.js';
|
|
3
|
-
import { useInsertionEffect } from './useInsertionEffect.esm.js';
|
|
4
|
-
|
|
5
|
-
const insertionFactory = () => {
|
|
6
|
-
const insertionCache = {};
|
|
7
|
-
return function insert(renderer, cssRules) {
|
|
8
|
-
// Even if `useInsertionEffect` is available, we can use it on a client only as it will not be executed in SSR
|
|
9
|
-
if (useInsertionEffect && canUseDOM()) {
|
|
10
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
11
|
-
useInsertionEffect(() => {
|
|
12
|
-
renderer.insertCSSRules(cssRules);
|
|
13
|
-
}, [renderer, cssRules]);
|
|
14
|
-
return;
|
|
15
|
-
}
|
|
16
|
-
if (insertionCache[renderer.id] === undefined) {
|
|
17
|
-
renderer.insertCSSRules(cssRules);
|
|
18
|
-
insertionCache[renderer.id] = true;
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export { insertionFactory };
|
|
24
|
-
//# sourceMappingURL=insertionFactory.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"insertionFactory.esm.js","sources":["../../../packages/react/src/insertionFactory.ts"],"sourcesContent":["'use client';\n\nimport type { CSSRulesByBucket, GriffelInsertionFactory, GriffelRenderer } from '@griffel/core';\n\nimport { canUseDOM } from './utils/canUseDOM';\nimport { useInsertionEffect } from './useInsertionEffect';\n\nexport const insertionFactory: GriffelInsertionFactory = () => {\n const insertionCache: Record<string, boolean> = {};\n\n return function insert(renderer: GriffelRenderer, cssRules: CSSRulesByBucket) {\n // Even if `useInsertionEffect` is available, we can use it on a client only as it will not be executed in SSR\n if (useInsertionEffect && canUseDOM()) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useInsertionEffect(() => {\n renderer.insertCSSRules(cssRules!);\n }, [renderer, cssRules]);\n\n return;\n }\n\n if (insertionCache[renderer.id] === undefined) {\n renderer.insertCSSRules(cssRules!);\n insertionCache[renderer.id] = true;\n }\n };\n};\n"],"names":["useInsertionEffect","renderer","insertionCache"],"mappings":";;;;AAOO;;AAGL;AACE;AACA;AACE;AACAA;AACEC;AACF;AAEA;AACF;;AAGEA;AACAC;AACF;;AAEJ;;"}
|
package/makeResetStyles.cjs.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var core = require('@griffel/core');
|
|
5
|
-
var insertionFactory = require('./insertionFactory.cjs.js');
|
|
6
|
-
var RendererContext = require('./RendererContext.cjs.js');
|
|
7
|
-
var TextDirectionContext = require('./TextDirectionContext.cjs.js');
|
|
8
|
-
var isInsideComponent = require('./utils/isInsideComponent.cjs.js');
|
|
9
|
-
|
|
10
|
-
function makeResetStyles(styles) {
|
|
11
|
-
const getStyles = core.makeResetStyles(styles, insertionFactory.insertionFactory);
|
|
12
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
13
|
-
if (isInsideComponent.isInsideComponent()) {
|
|
14
|
-
throw new Error(["makeResetStyles(): this function cannot be called in component's scope.", 'All makeResetStyles() calls should be top level i.e. in a root scope of a file.'].join(' '));
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
return function useClassName() {
|
|
18
|
-
const dir = TextDirectionContext.useTextDirection();
|
|
19
|
-
const renderer = RendererContext.useRenderer();
|
|
20
|
-
return getStyles({
|
|
21
|
-
dir,
|
|
22
|
-
renderer
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
exports.makeResetStyles = makeResetStyles;
|
|
28
|
-
//# sourceMappingURL=makeResetStyles.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"makeResetStyles.cjs.js","sources":["../../../packages/react/src/makeResetStyles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles as vanillaMakeResetStyles } from '@griffel/core';\nimport type { GriffelResetStyle } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\nimport { useTextDirection } from './TextDirectionContext';\nimport { isInsideComponent } from './utils/isInsideComponent';\n\nexport function makeResetStyles(styles: GriffelResetStyle) {\n const getStyles = vanillaMakeResetStyles(styles, insertionFactory);\n\n if (process.env.NODE_ENV !== 'production') {\n if (isInsideComponent()) {\n throw new Error(\n [\n \"makeResetStyles(): this function cannot be called in component's scope.\",\n 'All makeResetStyles() calls should be top level i.e. in a root scope of a file.',\n ].join(' '),\n );\n }\n }\n\n return function useClassName(): string {\n const dir = useTextDirection();\n const renderer = useRenderer();\n\n return getStyles({ dir, renderer });\n };\n}\n"],"names":["renderer"],"mappings":";;;;;;;;;AAUM;AACJ;AAEA;;AAEI;AAMF;AACF;;AAGE;AACA;AAEA;;AAAwBA;AAAQ;;AAEpC;;"}
|