calame 0.0.2 → 0.0.3
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/index.d.ts +7 -10
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -11
- 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
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';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "calame",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
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
|
-
}
|