calame 0.0.2 → 0.0.4
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/dist/createDOMRenderer.d.ts +1 -0
- package/dist/createDOMRenderer.d.ts.map +1 -1
- package/dist/createDOMRenderer.js +7 -0
- package/dist/index.d.ts +7 -10
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -11
- package/dist/makeResetStyles.d.ts +3 -3
- package/dist/makeResetStyles.d.ts.map +1 -1
- package/dist/makeResetStyles.js +4 -2
- package/dist/makeStaticStyles.d.ts +2 -2
- package/dist/makeStaticStyles.d.ts.map +1 -1
- package/dist/makeStaticStyles.js +4 -3
- package/dist/makeStyles.d.ts +3 -3
- package/dist/makeStyles.d.ts.map +1 -1
- package/dist/makeStyles.js +4 -2
- package/package.json +1 -5
- package/dist/react/RendererContext.d.ts +0 -5
- package/dist/react/RendererContext.d.ts.map +0 -1
- package/dist/react/RendererContext.js +0 -17
- package/dist/react/RendererProvider.d.ts +0 -8
- package/dist/react/RendererProvider.d.ts.map +0 -1
- package/dist/react/RendererProvider.js +0 -5
- package/dist/react/TextDirectionContext.d.ts +0 -4
- package/dist/react/TextDirectionContext.d.ts.map +0 -1
- package/dist/react/TextDirectionContext.js +0 -6
- package/dist/react/TextDirectionProvider.d.ts +0 -7
- package/dist/react/TextDirectionProvider.d.ts.map +0 -1
- package/dist/react/TextDirectionProvider.js +0 -5
- package/dist/react/makeResetStyles.d.ts +0 -3
- package/dist/react/makeResetStyles.d.ts.map +0 -1
- package/dist/react/makeResetStyles.js +0 -11
- package/dist/react/makeStaticStyles.d.ts +0 -3
- package/dist/react/makeStaticStyles.d.ts.map +0 -1
- package/dist/react/makeStaticStyles.js +0 -9
- package/dist/react/makeStyles.d.ts +0 -3
- package/dist/react/makeStyles.d.ts.map +0 -1
- package/dist/react/makeStyles.js +0 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDOMRenderer.d.ts","sourceRoot":"","sources":["../src/createDOMRenderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAA2D,MAAM,SAAS,CAAC;AAOvG,wBAAgB,iBAAiB,CAAC,GAAG,GAAE,QAAmB,GAAG,cAAc,CAuE1E"}
|
|
1
|
+
{"version":3,"file":"createDOMRenderer.d.ts","sourceRoot":"","sources":["../src/createDOMRenderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAA2D,MAAM,SAAS,CAAC;AAOvG,wBAAgB,iBAAiB,CAAC,GAAG,GAAE,QAAmB,GAAG,cAAc,CAuE1E;AAID,wBAAgB,kBAAkB,IAAI,cAAc,CAKnD"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
export { makeStyles } from './
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
4
|
-
export {
|
|
5
|
-
export
|
|
6
|
-
export {
|
|
7
|
-
export type { TextDirectionProviderProps } from './react/TextDirectionProvider';
|
|
8
|
-
export { useRenderer } from './react/RendererContext';
|
|
9
|
-
export { useTextDirection } from './react/TextDirectionContext';
|
|
10
|
-
export { createDOMRenderer } from './createDOMRenderer';
|
|
1
|
+
export { makeStyles } from './makeStyles';
|
|
2
|
+
export type { MakeStylesOptions } from './makeStyles';
|
|
3
|
+
export { makeResetStyles } from './makeResetStyles';
|
|
4
|
+
export type { MakeResetStylesOptions } from './makeResetStyles';
|
|
5
|
+
export { makeStaticStyles } from './makeStaticStyles';
|
|
6
|
+
export type { MakeStaticStylesOptions } from './makeStaticStyles';
|
|
11
7
|
export { mergeClasses } from './mergeClasses';
|
|
8
|
+
export { createDOMRenderer } from './createDOMRenderer';
|
|
12
9
|
export { RESET } from './constants';
|
|
13
10
|
export type { CalameRenderer, CalameInsertionFactory, CalameAnimation, CalameStylesCSSValue, CalameStylesCSSProperties, CalameStylesStrictCSSObject, CalameStylesCSSObjectCustom, CalameStyle, CalameResetStyle, CalameStaticStyle, CalameStaticStyles, StylesBySlots, StyleBucketName, CSSRulesByBucket, IsomorphicStyleSheet, } from './types';
|
|
14
11
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,YAAY,EACR,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,oBAAoB,EACpB,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC3B,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACvB,MAAM,SAAS,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,15 +1,9 @@
|
|
|
1
|
-
//
|
|
2
|
-
export { makeStyles } from './
|
|
3
|
-
export { makeResetStyles } from './
|
|
4
|
-
export { makeStaticStyles } from './
|
|
5
|
-
|
|
6
|
-
export { RendererProvider } from './react/RendererProvider';
|
|
7
|
-
export { TextDirectionProvider } from './react/TextDirectionProvider';
|
|
8
|
-
// Hooks
|
|
9
|
-
export { useRenderer } from './react/RendererContext';
|
|
10
|
-
export { useTextDirection } from './react/TextDirectionContext';
|
|
1
|
+
// Core style functions
|
|
2
|
+
export { makeStyles } from './makeStyles';
|
|
3
|
+
export { makeResetStyles } from './makeResetStyles';
|
|
4
|
+
export { makeStaticStyles } from './makeStaticStyles';
|
|
5
|
+
export { mergeClasses } from './mergeClasses';
|
|
11
6
|
// Renderer
|
|
12
7
|
export { createDOMRenderer } from './createDOMRenderer';
|
|
13
8
|
// Utilities
|
|
14
|
-
export { mergeClasses } from './mergeClasses';
|
|
15
9
|
export { RESET } from './constants';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CalameInsertionFactory, CalameRenderer, CalameResetStyle } from './types';
|
|
2
2
|
export interface MakeResetStylesOptions {
|
|
3
|
-
dir
|
|
4
|
-
renderer
|
|
3
|
+
dir?: 'ltr' | 'rtl';
|
|
4
|
+
renderer?: CalameRenderer;
|
|
5
5
|
}
|
|
6
|
-
export declare function makeResetStyles(styles: CalameResetStyle, factory?: CalameInsertionFactory): (options
|
|
6
|
+
export declare function makeResetStyles(styles: CalameResetStyle, factory?: CalameInsertionFactory): (options?: MakeResetStylesOptions) => string;
|
|
7
7
|
//# sourceMappingURL=makeResetStyles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeResetStyles.d.ts","sourceRoot":"","sources":["../src/makeResetStyles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"makeResetStyles.d.ts","sourceRoot":"","sources":["../src/makeResetStyles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoB,sBAAsB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE1G,MAAM,WAAW,sBAAsB;IACnC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,wBAAgB,eAAe,CAC3B,MAAM,EAAE,gBAAgB,EACxB,OAAO,GAAE,sBAAyC,cAQf,sBAAsB,KAAQ,MAAM,CAc1E"}
|
package/dist/makeResetStyles.js
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { insertionFactory } from './insertionFactory';
|
|
2
|
+
import { getDefaultRenderer } from './createDOMRenderer';
|
|
2
3
|
import { resolveResetStyleRules } from './runtime/resolveResetStyleRules';
|
|
3
4
|
export function makeResetStyles(styles, factory = insertionFactory) {
|
|
4
5
|
const insertStyles = factory();
|
|
5
6
|
let ltrClassName = null;
|
|
6
7
|
let rtlClassName = null;
|
|
7
8
|
let cssRules = null;
|
|
8
|
-
function computeClassName(options) {
|
|
9
|
-
const
|
|
9
|
+
function computeClassName(options = {}) {
|
|
10
|
+
const dir = options.dir ?? 'ltr';
|
|
11
|
+
const renderer = options.renderer ?? getDefaultRenderer();
|
|
10
12
|
if (ltrClassName === null) {
|
|
11
13
|
[ltrClassName, rtlClassName, cssRules] = resolveResetStyleRules(styles, renderer.classNameHashSalt);
|
|
12
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { CalameInsertionFactory, CalameRenderer, CalameStaticStyle } from './types';
|
|
2
2
|
export interface MakeStaticStylesOptions {
|
|
3
|
-
renderer
|
|
3
|
+
renderer?: CalameRenderer;
|
|
4
4
|
}
|
|
5
|
-
export declare function makeStaticStyles(styles: CalameStaticStyle | CalameStaticStyle[], factory?: CalameInsertionFactory): (options
|
|
5
|
+
export declare function makeStaticStyles(styles: CalameStaticStyle | CalameStaticStyle[], factory?: CalameInsertionFactory): (options?: MakeStaticStylesOptions) => void;
|
|
6
6
|
//# sourceMappingURL=makeStaticStyles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeStaticStyles.d.ts","sourceRoot":"","sources":["../src/makeStaticStyles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"makeStaticStyles.d.ts","sourceRoot":"","sources":["../src/makeStaticStyles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEzF,MAAM,WAAW,uBAAuB;IACpC,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAC5B,MAAM,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,EAC/C,OAAO,GAAE,sBAAyC,cAKhB,uBAAuB,KAAQ,IAAI,CAMxE"}
|
package/dist/makeStaticStyles.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { insertionFactory } from './insertionFactory';
|
|
2
|
+
import { getDefaultRenderer } from './createDOMRenderer';
|
|
2
3
|
import { resolveStaticStyleRules } from './runtime/resolveStaticStyleRules';
|
|
3
4
|
export function makeStaticStyles(styles, factory = insertionFactory) {
|
|
4
5
|
const insertStyles = factory();
|
|
5
6
|
const stylesSet = Array.isArray(styles) ? styles : [styles];
|
|
6
|
-
function useStaticStyles(options) {
|
|
7
|
-
|
|
8
|
-
insertStyles(
|
|
7
|
+
function useStaticStyles(options = {}) {
|
|
8
|
+
const renderer = options.renderer ?? getDefaultRenderer();
|
|
9
|
+
insertStyles(renderer, { d: resolveStaticStyleRules(stylesSet) });
|
|
9
10
|
}
|
|
10
11
|
return useStaticStyles;
|
|
11
12
|
}
|
package/dist/makeStyles.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { StylesBySlots, CalameInsertionFactory, CalameRenderer } from './types';
|
|
2
2
|
export interface MakeStylesOptions {
|
|
3
|
-
dir
|
|
4
|
-
renderer
|
|
3
|
+
dir?: 'ltr' | 'rtl';
|
|
4
|
+
renderer?: CalameRenderer;
|
|
5
5
|
}
|
|
6
|
-
export declare function makeStyles<Slots extends string | number>(stylesBySlots: StylesBySlots<Slots>, factory?: CalameInsertionFactory): (options
|
|
6
|
+
export declare function makeStyles<Slots extends string | number>(stylesBySlots: StylesBySlots<Slots>, factory?: CalameInsertionFactory): (options?: MakeStylesOptions) => Record<Slots, string>;
|
|
7
7
|
//# sourceMappingURL=makeStyles.d.ts.map
|
package/dist/makeStyles.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../src/makeStyles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../src/makeStyles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAyC,aAAa,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE5H,MAAM,WAAW,iBAAiB;IAC9B,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACpD,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,EACnC,OAAO,GAAE,sBAAyC,cAUjB,iBAAiB,KAAQ,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CA4BlF"}
|
package/dist/makeStyles.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { insertionFactory } from './insertionFactory';
|
|
2
|
+
import { getDefaultRenderer } from './createDOMRenderer';
|
|
2
3
|
import { resolveStyleRulesForSlots } from './resolveStyleRulesForSlots';
|
|
3
4
|
import { reduceToClassNameForSlots } from './runtime/reduceToClassNameForSlots';
|
|
4
5
|
export function makeStyles(stylesBySlots, factory = insertionFactory) {
|
|
@@ -7,8 +8,9 @@ export function makeStyles(stylesBySlots, factory = insertionFactory) {
|
|
|
7
8
|
let cssRules = null;
|
|
8
9
|
let ltrClassNamesForSlots = null;
|
|
9
10
|
let rtlClassNamesForSlots = null;
|
|
10
|
-
function computeClasses(options) {
|
|
11
|
-
const
|
|
11
|
+
function computeClasses(options = {}) {
|
|
12
|
+
const dir = options.dir ?? 'ltr';
|
|
13
|
+
const renderer = options.renderer ?? getDefaultRenderer();
|
|
12
14
|
if (classesMapBySlot === null) {
|
|
13
15
|
[classesMapBySlot, cssRules] = resolveStyleRulesForSlots(stylesBySlots, renderer.classNameHashSalt);
|
|
14
16
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "calame",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -17,16 +17,12 @@
|
|
|
17
17
|
"build": "tsc",
|
|
18
18
|
"dev": "tsc --watch"
|
|
19
19
|
},
|
|
20
|
-
"peerDependencies": {
|
|
21
|
-
"react": ">=17.0.0"
|
|
22
|
-
},
|
|
23
20
|
"dependencies": {
|
|
24
21
|
"@emotion/hash": "^0.9.2",
|
|
25
22
|
"rtl-css-js": "^1.16.1",
|
|
26
23
|
"stylis": "^4.3.4"
|
|
27
24
|
},
|
|
28
25
|
"devDependencies": {
|
|
29
|
-
"@types/react": "^18.0.0",
|
|
30
26
|
"@types/stylis": "^4.2.7",
|
|
31
27
|
"typescript": "^5.9.3"
|
|
32
28
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RendererContext.d.ts","sourceRoot":"","sources":["../../src/react/RendererContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,QAAA,MAAM,eAAe,gDAA6C,CAAC;AAKnE,wBAAgB,WAAW,IAAI,cAAc,CAU5C;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { createContext, useContext } from 'react';
|
|
2
|
-
import { createDOMRenderer } from '../createDOMRenderer';
|
|
3
|
-
const RendererContext = createContext(null);
|
|
4
|
-
// Singleton default renderer for browser usage without a RendererProvider
|
|
5
|
-
let defaultRenderer;
|
|
6
|
-
export function useRenderer() {
|
|
7
|
-
const renderer = useContext(RendererContext);
|
|
8
|
-
if (renderer)
|
|
9
|
-
return renderer;
|
|
10
|
-
if (typeof document !== 'undefined') {
|
|
11
|
-
if (!defaultRenderer)
|
|
12
|
-
defaultRenderer = createDOMRenderer();
|
|
13
|
-
return defaultRenderer;
|
|
14
|
-
}
|
|
15
|
-
throw new Error('[calame] RendererProvider is required for server-side rendering.');
|
|
16
|
-
}
|
|
17
|
-
export { RendererContext };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
2
|
-
import type { CalameRenderer } from '../types';
|
|
3
|
-
export interface RendererProviderProps {
|
|
4
|
-
renderer: CalameRenderer;
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare function RendererProvider({ renderer, children }: RendererProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
//# sourceMappingURL=RendererProvider.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RendererProvider.d.ts","sourceRoot":"","sources":["../../src/react/RendererProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,WAAW,qBAAqB;IAClC,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAE7E"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextDirectionContext.d.ts","sourceRoot":"","sources":["../../src/react/TextDirectionContext.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,oBAAoB,wCAAsC,CAAC;AAEjE,wBAAgB,gBAAgB,IAAI,KAAK,GAAG,KAAK,CAEhD;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
2
|
-
export interface TextDirectionProviderProps {
|
|
3
|
-
dir: 'ltr' | 'rtl';
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export declare function TextDirectionProvider({ dir, children }: TextDirectionProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
//# sourceMappingURL=TextDirectionProvider.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextDirectionProvider.d.ts","sourceRoot":"","sources":["../../src/react/TextDirectionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,0BAA0B;IACvC,GAAG,EAAE,KAAK,GAAG,KAAK,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CAElF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"makeResetStyles.d.ts","sourceRoot":"","sources":["../../src/react/makeResetStyles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,wBAAgB,eAAe,CAAC,MAAM,EAAE,gBAAgB,gBAQvD"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { makeResetStyles as makeResetStylesCore } from '../makeResetStyles';
|
|
2
|
-
import { useRenderer } from './RendererContext';
|
|
3
|
-
import { useTextDirection } from './TextDirectionContext';
|
|
4
|
-
export function makeResetStyles(styles) {
|
|
5
|
-
const computeClassName = makeResetStylesCore(styles);
|
|
6
|
-
return function useResetStyles() {
|
|
7
|
-
const renderer = useRenderer();
|
|
8
|
-
const dir = useTextDirection();
|
|
9
|
-
return computeClassName({ renderer, dir });
|
|
10
|
-
};
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"makeStaticStyles.d.ts","sourceRoot":"","sources":["../../src/react/makeStaticStyles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,cAO/E"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { makeStaticStyles as makeStaticStylesCore } from '../makeStaticStyles';
|
|
2
|
-
import { useRenderer } from './RendererContext';
|
|
3
|
-
export function makeStaticStyles(styles) {
|
|
4
|
-
const insertStaticStyles = makeStaticStylesCore(styles);
|
|
5
|
-
return function useStaticStyles() {
|
|
6
|
-
const renderer = useRenderer();
|
|
7
|
-
insertStaticStyles({ renderer });
|
|
8
|
-
};
|
|
9
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../../src/react/makeStyles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,UAAU,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,+BAQ5F"}
|
package/dist/react/makeStyles.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { makeStyles as makeStylesCore } from '../makeStyles';
|
|
2
|
-
import { useRenderer } from './RendererContext';
|
|
3
|
-
import { useTextDirection } from './TextDirectionContext';
|
|
4
|
-
export function makeStyles(stylesBySlots) {
|
|
5
|
-
const computeClasses = makeStylesCore(stylesBySlots);
|
|
6
|
-
return function useStyles() {
|
|
7
|
-
const renderer = useRenderer();
|
|
8
|
-
const dir = useTextDirection();
|
|
9
|
-
return computeClasses({ renderer, dir });
|
|
10
|
-
};
|
|
11
|
-
}
|