@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.
Files changed (125) hide show
  1. package/lib/RendererContext.cjs +48 -0
  2. package/lib/TextDirectionContext.cjs +36 -0
  3. package/lib/__css.cjs +22 -0
  4. package/lib/__resetCSS.cjs +22 -0
  5. package/lib/__resetStyles.cjs +26 -0
  6. package/lib/__staticCSS.cjs +18 -0
  7. package/lib/__staticStyles.cjs +23 -0
  8. package/lib/__styles.cjs +26 -0
  9. package/lib/index.cjs +78 -0
  10. package/lib/insertionFactory.cjs +33 -0
  11. package/lib/makeResetStyles.cjs +35 -0
  12. package/lib/makeStaticStyles.cjs +28 -0
  13. package/lib/makeStyles.cjs +35 -0
  14. package/lib/renderToStyleElements.cjs +50 -0
  15. package/lib/useInsertionEffect.cjs +20 -0
  16. package/lib/utils/canUseDOM.cjs +15 -0
  17. package/lib/utils/isInsideComponent.cjs +46 -0
  18. package/package.json +15 -6
  19. package/src/RendererContext.d.ts +1 -1
  20. package/src/RendererContext.js +30 -0
  21. package/src/RendererContext.js.map +1 -0
  22. package/src/TextDirectionContext.d.ts +2 -2
  23. package/src/TextDirectionContext.js +21 -0
  24. package/src/TextDirectionContext.js.map +1 -0
  25. package/src/__css.js +17 -0
  26. package/src/__css.js.map +1 -0
  27. package/src/__resetCSS.js +17 -0
  28. package/src/__resetCSS.js.map +1 -0
  29. package/src/__resetStyles.js +20 -0
  30. package/src/__resetStyles.js.map +1 -0
  31. package/src/__staticCSS.js +15 -0
  32. package/src/__staticCSS.js.map +1 -0
  33. package/src/__staticStyles.js +18 -0
  34. package/src/__staticStyles.js.map +1 -0
  35. package/src/__styles.js +20 -0
  36. package/src/__styles.js.map +1 -0
  37. package/src/index.d.ts +12 -12
  38. package/src/index.js +16 -0
  39. package/src/index.js.map +1 -0
  40. package/src/insertionFactory.js +21 -0
  41. package/src/insertionFactory.js.map +1 -0
  42. package/src/makeResetStyles.js +23 -0
  43. package/src/makeResetStyles.js.map +1 -0
  44. package/src/makeStaticStyles.js +17 -0
  45. package/src/makeStaticStyles.js.map +1 -0
  46. package/src/makeStyles.js +23 -0
  47. package/src/makeStyles.js.map +1 -0
  48. package/src/renderToStyleElements.d.ts +2 -2
  49. package/src/renderToStyleElements.js +51 -0
  50. package/src/renderToStyleElements.js.map +1 -0
  51. package/src/useInsertionEffect.d.ts +1 -1
  52. package/{useInsertionEffect.esm.js → src/useInsertionEffect.js} +4 -7
  53. package/src/useInsertionEffect.js.map +1 -0
  54. package/src/utils/canUseDOM.js +7 -0
  55. package/src/utils/canUseDOM.js.map +1 -0
  56. package/src/utils/isInsideComponent.js +36 -0
  57. package/src/utils/isInsideComponent.js.map +1 -0
  58. package/RendererContext.cjs.js +0 -62
  59. package/RendererContext.cjs.js.map +0 -1
  60. package/RendererContext.esm.js +0 -39
  61. package/RendererContext.esm.js.map +0 -1
  62. package/TextDirectionContext.cjs.js +0 -52
  63. package/TextDirectionContext.cjs.js.map +0 -1
  64. package/TextDirectionContext.esm.js +0 -29
  65. package/TextDirectionContext.esm.js.map +0 -1
  66. package/__css.cjs.js +0 -24
  67. package/__css.cjs.js.map +0 -1
  68. package/__css.esm.js +0 -22
  69. package/__css.esm.js.map +0 -1
  70. package/__resetCSS.cjs.js +0 -24
  71. package/__resetCSS.cjs.js.map +0 -1
  72. package/__resetCSS.esm.js +0 -22
  73. package/__resetCSS.esm.js.map +0 -1
  74. package/__resetStyles.cjs.js +0 -28
  75. package/__resetStyles.cjs.js.map +0 -1
  76. package/__resetStyles.esm.js +0 -26
  77. package/__resetStyles.esm.js.map +0 -1
  78. package/__staticCSS.cjs.js +0 -20
  79. package/__staticCSS.cjs.js.map +0 -1
  80. package/__staticCSS.esm.js +0 -18
  81. package/__staticCSS.esm.js.map +0 -1
  82. package/__staticStyles.cjs.js +0 -25
  83. package/__staticStyles.cjs.js.map +0 -1
  84. package/__staticStyles.esm.js +0 -23
  85. package/__staticStyles.esm.js.map +0 -1
  86. package/__styles.cjs.js +0 -28
  87. package/__styles.cjs.js.map +0 -1
  88. package/__styles.esm.js +0 -26
  89. package/__styles.esm.js.map +0 -1
  90. package/index.cjs.js +0 -49
  91. package/index.cjs.js.map +0 -1
  92. package/index.d.ts +0 -1
  93. package/index.esm.js +0 -15
  94. package/index.esm.js.map +0 -1
  95. package/insertionFactory.cjs.js +0 -26
  96. package/insertionFactory.cjs.js.map +0 -1
  97. package/insertionFactory.esm.js +0 -24
  98. package/insertionFactory.esm.js.map +0 -1
  99. package/makeResetStyles.cjs.js +0 -28
  100. package/makeResetStyles.cjs.js.map +0 -1
  101. package/makeResetStyles.esm.js +0 -26
  102. package/makeResetStyles.esm.js.map +0 -1
  103. package/makeStaticStyles.cjs.js +0 -24
  104. package/makeStaticStyles.cjs.js.map +0 -1
  105. package/makeStaticStyles.esm.js +0 -22
  106. package/makeStaticStyles.esm.js.map +0 -1
  107. package/makeStyles.cjs.js +0 -28
  108. package/makeStyles.cjs.js.map +0 -1
  109. package/makeStyles.esm.js +0 -26
  110. package/makeStyles.esm.js.map +0 -1
  111. package/renderToStyleElements.cjs.js +0 -72
  112. package/renderToStyleElements.cjs.js.map +0 -1
  113. package/renderToStyleElements.esm.js +0 -50
  114. package/renderToStyleElements.esm.js.map +0 -1
  115. package/useInsertionEffect.cjs.js +0 -32
  116. package/useInsertionEffect.cjs.js.map +0 -1
  117. package/useInsertionEffect.esm.js.map +0 -1
  118. package/utils/canUseDOM.cjs.js +0 -11
  119. package/utils/canUseDOM.cjs.js.map +0 -1
  120. package/utils/canUseDOM.esm.js +0 -9
  121. package/utils/canUseDOM.esm.js.map +0 -1
  122. package/utils/isInsideComponent.cjs.js +0 -57
  123. package/utils/isInsideComponent.cjs.js.map +0 -1
  124. package/utils/isInsideComponent.esm.js +0 -35
  125. 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
@@ -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
@@ -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;;"}
@@ -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
@@ -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;;"}
@@ -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
@@ -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;;"}
@@ -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
@@ -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;;"}
@@ -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
@@ -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;;"}
@@ -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;;"}
@@ -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
@@ -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
@@ -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":";;;;;;;;;;;;;"}
@@ -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;;"}
@@ -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;;"}
@@ -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;;"}