@zeturn/watercolor-react 1.2.1 → 1.2.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/ThemeReact.d.ts +9 -1
- package/dist/ThemeReact.d.ts.map +1 -1
- package/dist/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/HoverCard/HoverCard.d.ts.map +1 -1
- package/dist/components/Menu/Menu.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts +1 -2
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Popover/Popover.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/SlideOver/SlideOver.d.ts +1 -2
- package/dist/components/SlideOver/SlideOver.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/interactions.d.ts +27 -0
- package/dist/interactions.d.ts.map +1 -0
- package/dist/watercolor-react.css +1 -1
- package/dist/watercolor-react.es.js +1082 -881
- package/index.d.ts +9 -0
- package/package.json +9 -9
package/dist/ThemeReact.d.ts
CHANGED
|
@@ -1,16 +1,24 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ResolvedThemeMode, ThemeStorage, ThemeMode, ThemeSnapshot } from '@zeturn/watercolor-core';
|
|
2
|
+
import { ResolvedThemeMode, ThemeApplyResult, ThemeLoadResult, ThemeStorage, ThemeMode, ThemeSnapshot, WatercolorThemeConfig } from '@zeturn/watercolor-core';
|
|
3
3
|
export interface ThemeContextValue extends ThemeSnapshot {
|
|
4
4
|
setMode: (mode: ThemeMode) => void;
|
|
5
5
|
toggleMode: () => void;
|
|
6
6
|
}
|
|
7
7
|
export interface ThemeProviderProps extends React.PropsWithChildren {
|
|
8
|
+
config?: WatercolorThemeConfig;
|
|
8
9
|
defaultMode?: ThemeMode;
|
|
10
|
+
themeUrl?: string;
|
|
11
|
+
target?: HTMLElement | null;
|
|
9
12
|
mode?: ThemeMode;
|
|
13
|
+
initialResolvedMode?: ResolvedThemeMode;
|
|
10
14
|
storageKey?: string;
|
|
11
15
|
storage?: ThemeStorage | null;
|
|
12
16
|
onModeChange?: (mode: ThemeMode) => void;
|
|
13
17
|
onResolvedModeChange?: (resolvedMode: ResolvedThemeMode) => void;
|
|
18
|
+
onThemeLoad?: (result: ThemeApplyResult | ThemeLoadResult) => void;
|
|
19
|
+
onThemeError?: (result: Extract<ThemeApplyResult | ThemeLoadResult, {
|
|
20
|
+
ok: false;
|
|
21
|
+
}>) => void;
|
|
14
22
|
}
|
|
15
23
|
export declare const ThemeProvider: React.FC<ThemeProviderProps>;
|
|
16
24
|
export declare function useTheme(): ThemeContextValue;
|
package/dist/ThemeReact.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeReact.d.ts","sourceRoot":"","sources":["../src/ThemeReact.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;AACd,OAAO,
|
|
1
|
+
{"version":3,"file":"ThemeReact.d.ts","sourceRoot":"","sources":["../src/ThemeReact.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;AACd,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAErB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC3B,MAAM,yBAAyB,CAAA;AAEhC,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IAClC,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,iBAAiB;IACjE,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,mBAAmB,CAAC,EAAE,iBAAiB,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAC7B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAChE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,eAAe,KAAK,IAAI,CAAA;IAClE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,gBAAgB,GAAG,eAAe,EAAE;QAAE,EAAE,EAAE,KAAK,CAAA;KAAE,CAAC,KAAK,IAAI,CAAA;CAC5F;AA4BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8GtD,CAAA;AAED,wBAAgB,QAAQ,IAAK,iBAAiB,CAI7C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.jsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.jsx"],"names":[],"mappings":";AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAwWC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.jsx"],"names":[],"mappings":"AAYA;;;GAGG;AACH;;;;;;;;;;;;;4CAiNC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../src/components/HoverCard/HoverCard.jsx"],"names":[],"mappings":";AAIA;;;;;;;;;;;;;;;;;;;4CA+
|
|
1
|
+
{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../src/components/HoverCard/HoverCard.jsx"],"names":[],"mappings":";AAIA;;;;;;;;;;;;;;;;;;;4CA+KC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.jsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.jsx"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;;;;;;;4CA6PC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
1
|
export default Modal;
|
|
3
2
|
declare function Modal({ visible, open, title, size, maxWidth, closable, showCloseButton, maskClosable, closeOnOverlay, disableBackdropClick, disableEscapeKeyDown, centered, fullWidth, fullScreen, position, scroll, lockScroll, zIndex, showOverlay, className, onClose, children, header, footer, ...props }: {
|
|
4
3
|
[x: string]: any;
|
|
@@ -26,7 +25,7 @@ declare function Modal({ visible, open, title, size, maxWidth, closable, showClo
|
|
|
26
25
|
children: any;
|
|
27
26
|
header: any;
|
|
28
27
|
footer: any;
|
|
29
|
-
}):
|
|
28
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
30
29
|
declare namespace Modal {
|
|
31
30
|
let displayName: string;
|
|
32
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.jsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.jsx"],"names":[],"mappings":";AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;mDAwKC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.jsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.jsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH;;;;;;;;;4CA2FC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.jsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.jsx"],"names":[],"mappings":";AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAiUC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
1
|
export default SlideOver;
|
|
3
2
|
/**
|
|
4
3
|
* SlideOver (React)
|
|
@@ -12,5 +11,5 @@ declare function SlideOver({ open, onClose, placement, width, children, header,
|
|
|
12
11
|
children: any;
|
|
13
12
|
header: any;
|
|
14
13
|
footer: any;
|
|
15
|
-
}):
|
|
14
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
16
15
|
//# sourceMappingURL=SlideOver.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideOver.d.ts","sourceRoot":"","sources":["../../../src/components/SlideOver/SlideOver.jsx"],"names":[],"mappings":";AAIA;;;GAGG;AACH;;;;;;;;
|
|
1
|
+
{"version":3,"file":"SlideOver.d.ts","sourceRoot":"","sources":["../../../src/components/SlideOver/SlideOver.jsx"],"names":[],"mappings":";AAIA;;;GAGG;AACH;;;;;;;;4CA8CC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.jsx"],"names":[],"mappings":"AAKA;;;;;4CA0DC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export function Portal({ children, target }: {
|
|
2
|
+
children: any;
|
|
3
|
+
target: any;
|
|
4
|
+
}): import('react').ReactPortal | null;
|
|
5
|
+
export function useOverlayLayer({ open, elementRef, refs, modal, lockScroll, restoreFocus, initialFocus, closeOnEscape, closeOnPointerDownOutside, onEscapeKeyDown, onPointerDownOutside, zIndex, }: {
|
|
6
|
+
open: any;
|
|
7
|
+
elementRef: any;
|
|
8
|
+
refs?: never[] | undefined;
|
|
9
|
+
modal?: boolean | undefined;
|
|
10
|
+
lockScroll?: boolean | undefined;
|
|
11
|
+
restoreFocus?: boolean | undefined;
|
|
12
|
+
initialFocus?: boolean | undefined;
|
|
13
|
+
closeOnEscape?: boolean | undefined;
|
|
14
|
+
closeOnPointerDownOutside?: boolean | undefined;
|
|
15
|
+
onEscapeKeyDown: any;
|
|
16
|
+
onPointerDownOutside: any;
|
|
17
|
+
zIndex: any;
|
|
18
|
+
}): import('react').RefObject<null>;
|
|
19
|
+
export function useFloatingPosition({ open, anchorRef, floatingRef, placement, offset, boundaryPadding, }: {
|
|
20
|
+
open: any;
|
|
21
|
+
anchorRef: any;
|
|
22
|
+
floatingRef: any;
|
|
23
|
+
placement?: string | undefined;
|
|
24
|
+
offset?: number | undefined;
|
|
25
|
+
boundaryPadding?: number | undefined;
|
|
26
|
+
}): string;
|
|
27
|
+
//# sourceMappingURL=interactions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../src/interactions.jsx"],"names":[],"mappings":"AAMA;;;uCAKC;AAED;;;;;;;;;;;;;oCA8DC;AAED;;;;;;;WAiCC"}
|