@griffel/react 1.4.1 → 1.4.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/__resetCSS.cjs.js +26 -0
- package/__resetCSS.cjs.js.map +1 -0
- package/__resetCSS.d.ts +1 -1
- package/__resetCSS.esm.js +22 -0
- package/__resetCSS.esm.js.map +1 -0
- package/index.cjs.js +2 -0
- package/index.cjs.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.esm.js +1 -0
- package/index.esm.js.map +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var core = require('@griffel/core');
|
|
6
|
+
var TextDirectionContext = require('./TextDirectionContext.cjs.js');
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
|
|
10
|
+
*
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
13
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
14
|
+
|
|
15
|
+
function __resetCSS(ltrClassName, rtlClassName) {
|
|
16
|
+
const getStyles = core.__resetCSS(ltrClassName, rtlClassName);
|
|
17
|
+
return function useClasses() {
|
|
18
|
+
const dir = TextDirectionContext.useTextDirection();
|
|
19
|
+
return getStyles({
|
|
20
|
+
dir
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
exports.__resetCSS = __resetCSS;
|
|
26
|
+
//# sourceMappingURL=__resetCSS.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"__resetCSS.cjs.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["import { __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":["__resetCSS","ltrClassName","rtlClassName","getStyles","vanillaResetCSS","useClasses","dir","useTextDirection"],"mappings":";;;;;;;AAGA;;;;;AAKA;;SACgBA,WAAWC,cAAsBC;EAC/C,MAAMC,SAAS,GAAGC,eAAe,CAACH,YAAD,EAAeC,YAAf,CAAjC;EAEA,OAAO,SAASG,UAAT;IACL,MAAMC,GAAG,GAAGC,qCAAgB,EAA5B;IAEA,OAAOJ,SAAS,CAAC;MAAEG;KAAH,CAAhB;GAHF;AAKD;;;;"}
|
package/__resetCSS.d.ts
CHANGED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { __resetCSS as __resetCSS$1 } from '@griffel/core';
|
|
2
|
+
import { useTextDirection } from './TextDirectionContext.esm.js';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* A version of makeResetStyles() 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
|
+
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"__resetCSS.esm.js","sources":["../../../packages/react/src/__resetCSS.ts"],"sourcesContent":["import { __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":["__resetCSS","ltrClassName","rtlClassName","getStyles","vanillaResetCSS","useClasses","dir","useTextDirection"],"mappings":";;;AAGA;;;;;AAKA;;SACgBA,WAAWC,cAAsBC;EAC/C,MAAMC,SAAS,GAAGC,YAAe,CAACH,YAAD,EAAeC,YAAf,CAAjC;EAEA,OAAO,SAASG,UAAT;IACL,MAAMC,GAAG,GAAGC,gBAAgB,EAA5B;IAEA,OAAOJ,SAAS,CAAC;MAAEG;KAAH,CAAhB;GAHF;AAKD;;;;"}
|
package/index.cjs.js
CHANGED
|
@@ -11,6 +11,7 @@ var RendererContext = require('./RendererContext.cjs.js');
|
|
|
11
11
|
var TextDirectionContext = require('./TextDirectionContext.cjs.js');
|
|
12
12
|
var __css = require('./__css.cjs.js');
|
|
13
13
|
var __styles = require('./__styles.cjs.js');
|
|
14
|
+
var __resetCSS = require('./__resetCSS.cjs.js');
|
|
14
15
|
var __resetStyles = require('./__resetStyles.cjs.js');
|
|
15
16
|
|
|
16
17
|
|
|
@@ -36,5 +37,6 @@ exports.useRenderer_unstable = RendererContext.useRenderer;
|
|
|
36
37
|
exports.TextDirectionProvider = TextDirectionContext.TextDirectionProvider;
|
|
37
38
|
exports.__css = __css.__css;
|
|
38
39
|
exports.__styles = __styles.__styles;
|
|
40
|
+
exports.__resetCSS = __resetCSS.__resetCSS;
|
|
39
41
|
exports.__resetStyles = __resetStyles.__resetStyles;
|
|
40
42
|
//# sourceMappingURL=index.cjs.js.map
|
package/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/index.d.ts
CHANGED
|
@@ -8,4 +8,5 @@ export { RendererProvider, useRenderer as useRenderer_unstable } from './Rendere
|
|
|
8
8
|
export { TextDirectionProvider } from './TextDirectionContext';
|
|
9
9
|
export { __css } from './__css';
|
|
10
10
|
export { __styles } from './__styles';
|
|
11
|
+
export { __resetCSS } from './__resetCSS';
|
|
11
12
|
export { __resetStyles } from './__resetStyles';
|
package/index.esm.js
CHANGED
|
@@ -7,5 +7,6 @@ export { RendererProvider, useRenderer as useRenderer_unstable } from './Rendere
|
|
|
7
7
|
export { TextDirectionProvider } from './TextDirectionContext.esm.js';
|
|
8
8
|
export { __css } from './__css.esm.js';
|
|
9
9
|
export { __styles } from './__styles.esm.js';
|
|
10
|
+
export { __resetCSS } from './__resetCSS.esm.js';
|
|
10
11
|
export { __resetStyles } from './__resetStyles.esm.js';
|
|
11
12
|
//# sourceMappingURL=index.esm.js.map
|
package/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@griffel/react",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2",
|
|
4
4
|
"description": "React implementation of Atomic CSS-in-JS",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
},
|
|
10
10
|
"sideEffects": false,
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@griffel/core": "^1.8.
|
|
12
|
+
"@griffel/core": "^1.8.1",
|
|
13
13
|
"tslib": "^2.1.0"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
|
-
"react": ">=16.8.0 <
|
|
16
|
+
"react": ">=16.8.0 <19.0.0"
|
|
17
17
|
},
|
|
18
18
|
"main": "./index.cjs.js",
|
|
19
19
|
"module": "./index.esm.js",
|