@luxfi/ui 7.3.2 → 7.4.0
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/alert.cjs +2 -2
- package/dist/alert.js +1 -1
- package/dist/badge.cjs +6 -6
- package/dist/badge.js +1 -1
- package/dist/bank.cjs +13 -13
- package/dist/bank.d.cts +30 -23
- package/dist/bank.d.ts +30 -23
- package/dist/bank.js +1 -1
- package/dist/button.cjs +3 -3
- package/dist/button.js +1 -1
- package/dist/close-button.cjs +2 -2
- package/dist/close-button.js +1 -1
- package/dist/dialog.cjs +13 -14
- package/dist/dialog.d.cts +58 -5
- package/dist/dialog.d.ts +58 -5
- package/dist/dialog.js +1 -2
- package/dist/drawer.cjs +2 -2
- package/dist/drawer.js +1 -1
- package/dist/icon-button.cjs +2 -2
- package/dist/icon-button.js +1 -1
- package/dist/index.cjs +402 -327
- package/dist/index.d.cts +6 -2
- package/dist/index.d.ts +6 -2
- package/dist/index.js +360 -290
- package/dist/input.cjs +10 -2
- package/dist/input.d.cts +8 -0
- package/dist/input.d.ts +8 -0
- package/dist/input.js +10 -2
- package/dist/lux.config.cjs +56 -0
- package/dist/lux.config.d.cts +415 -0
- package/dist/lux.config.d.ts +415 -0
- package/dist/lux.config.js +48 -0
- package/dist/popover.cjs +8 -9
- package/dist/popover.js +1 -2
- package/dist/provider.cjs +68 -6
- package/dist/provider.d.cts +3 -2
- package/dist/provider.d.ts +3 -2
- package/dist/provider.js +64 -6
- package/dist/tag.cjs +7 -8
- package/dist/tag.js +1 -2
- package/dist/textarea.cjs +10 -2
- package/dist/textarea.d.cts +2 -0
- package/dist/textarea.d.ts +2 -0
- package/dist/textarea.js +10 -2
- package/dist/tooltip.cjs +6 -6
- package/dist/tooltip.js +1 -1
- package/package.json +24 -12
- package/src/bank.tsx +2 -2
- package/src/button.tsx +1 -1
- package/src/close-button.tsx +1 -1
- package/src/dialog.tsx +1 -1
- package/src/icon-button.tsx +1 -1
- package/src/index.ts +6 -0
- package/src/input.tsx +17 -1
- package/src/lux.config.ts +81 -0
- package/src/popover.tsx +1 -1
- package/src/provider.tsx +51 -12
- package/src/textarea.tsx +11 -1
- package/src/tooltip.tsx +2 -2
package/dist/dialog.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import * as _hanzo_gui from '@hanzo/gui';
|
|
2
|
+
import * as _hanzogui_web from '@hanzogui/web';
|
|
3
|
+
import * as _hanzogui_core from '@hanzogui/core';
|
|
1
4
|
import * as React from 'react';
|
|
2
5
|
|
|
3
6
|
type DialogSize = 'sm' | 'md' | 'full' | 'cover';
|
|
@@ -49,17 +52,67 @@ declare const DialogBody: React.ForwardRefExoticComponent<DialogBodyProps & Reac
|
|
|
49
52
|
interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
50
53
|
}
|
|
51
54
|
declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
52
|
-
declare const DialogBackdrop:
|
|
53
|
-
|
|
54
|
-
|
|
55
|
+
declare const DialogBackdrop: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
|
|
56
|
+
open?: boolean | undefined;
|
|
57
|
+
unstyled?: boolean | undefined;
|
|
58
|
+
elevation?: number | _hanzogui_web.SizeTokens | undefined;
|
|
59
|
+
fullscreen?: boolean | undefined;
|
|
60
|
+
}>, "forceMount" | "scope"> & {
|
|
61
|
+
forceMount?: boolean;
|
|
62
|
+
} & {
|
|
63
|
+
scope?: _hanzo_gui.DialogScopes;
|
|
64
|
+
}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
|
|
65
|
+
forceMount?: boolean;
|
|
66
|
+
} & {
|
|
67
|
+
scope?: _hanzo_gui.DialogScopes;
|
|
68
|
+
}, _hanzogui_web.StackStyleBase, {
|
|
69
|
+
open?: boolean | undefined;
|
|
70
|
+
unstyled?: boolean | undefined;
|
|
71
|
+
elevation?: number | _hanzogui_web.SizeTokens | undefined;
|
|
72
|
+
fullscreen?: boolean | undefined;
|
|
73
|
+
}, _hanzogui_web.StaticConfigPublic>;
|
|
74
|
+
declare const DialogTitle: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
|
|
75
|
+
unstyled?: boolean | undefined;
|
|
76
|
+
size?: _hanzogui_web.FontSizeTokens | undefined;
|
|
77
|
+
}>, "scope"> & {
|
|
78
|
+
scope?: _hanzo_gui.DialogScopes;
|
|
79
|
+
}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
|
|
80
|
+
scope?: _hanzo_gui.DialogScopes;
|
|
81
|
+
}, _hanzogui_web.TextStylePropsBase, {
|
|
82
|
+
unstyled?: boolean | undefined;
|
|
83
|
+
size?: _hanzogui_web.FontSizeTokens | undefined;
|
|
84
|
+
}, _hanzogui_web.StaticConfigPublic>;
|
|
85
|
+
declare const DialogDescription: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
|
|
86
|
+
unstyled?: boolean | undefined;
|
|
87
|
+
size?: _hanzogui_web.FontSizeTokens | undefined;
|
|
88
|
+
}>, "scope"> & {
|
|
89
|
+
scope?: _hanzo_gui.DialogScopes;
|
|
90
|
+
}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
|
|
91
|
+
scope?: _hanzo_gui.DialogScopes;
|
|
92
|
+
}, _hanzogui_web.TextStylePropsBase, {
|
|
93
|
+
unstyled?: boolean | undefined;
|
|
94
|
+
size?: _hanzogui_web.FontSizeTokens | undefined;
|
|
95
|
+
}, _hanzogui_web.StaticConfigPublic>;
|
|
55
96
|
interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
|
|
56
97
|
}
|
|
57
|
-
declare const DialogTrigger:
|
|
98
|
+
declare const DialogTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope"> & {
|
|
99
|
+
scope?: _hanzo_gui.DialogScopes;
|
|
100
|
+
}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
|
|
101
|
+
scope?: _hanzo_gui.DialogScopes;
|
|
102
|
+
}, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
|
|
58
103
|
/**
|
|
59
104
|
* `DialogActionTrigger` renders its child and closes the dialog on click.
|
|
60
105
|
* This mirrors the Chakra `Dialog.ActionTrigger` behavior which wraps
|
|
61
106
|
* children in a close action.
|
|
62
107
|
*/
|
|
63
|
-
declare const DialogActionTrigger:
|
|
108
|
+
declare const DialogActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
|
|
109
|
+
displayWhenAdapted?: boolean;
|
|
110
|
+
} & {
|
|
111
|
+
scope?: _hanzo_gui.DialogScopes;
|
|
112
|
+
}, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps & {
|
|
113
|
+
displayWhenAdapted?: boolean;
|
|
114
|
+
} & {
|
|
115
|
+
scope?: _hanzo_gui.DialogScopes;
|
|
116
|
+
}, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
|
|
64
117
|
|
|
65
118
|
export { DialogActionTrigger, DialogBackdrop, DialogBody, type DialogBodyProps, DialogCloseTrigger, type DialogCloseTriggerProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogRoot, type DialogRootProps, DialogTitle, DialogTrigger, type DialogTriggerProps };
|
package/dist/dialog.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { Dialog } from '@
|
|
2
|
+
import { styled, View, Dialog } from '@hanzo/gui';
|
|
3
3
|
import * as React2 from 'react';
|
|
4
4
|
import { clsx } from 'clsx';
|
|
5
5
|
import { twMerge } from 'tailwind-merge';
|
|
6
|
-
import { styled, View } from '@hanzogui/core';
|
|
7
6
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
8
7
|
|
|
9
8
|
// src/dialog.tsx
|
package/dist/drawer.cjs
CHANGED
|
@@ -5,7 +5,7 @@ var RadixDialog = require('@radix-ui/react-dialog');
|
|
|
5
5
|
var React2 = require('react');
|
|
6
6
|
var clsx = require('clsx');
|
|
7
7
|
var tailwindMerge = require('tailwind-merge');
|
|
8
|
-
var
|
|
8
|
+
var gui = require('@hanzo/gui');
|
|
9
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
|
|
11
11
|
function _interopNamespace(e) {
|
|
@@ -34,7 +34,7 @@ function cn(...inputs) {
|
|
|
34
34
|
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
35
35
|
}
|
|
36
36
|
var CLOSE_ICON_PATH = "M9.44 8.035a.791.791 0 0 0 1.12 0l3.802-3.803a.791.791 0 0 1 1.119 0l.287.287a.79.79 0 0 1 0 1.119L11.965 9.44a.79.79 0 0 0 0 1.118l3.803 3.803a.791.791 0 0 1 0 1.119l-.287.287a.791.791 0 0 1-1.119 0l-3.803-3.803a.79.79 0 0 0-1.118 0l-3.803 3.803a.79.79 0 0 1-1.119 0l-.287-.287a.791.791 0 0 1 0-1.119l3.803-3.803a.791.791 0 0 0 0-1.118L4.232 5.638a.791.791 0 0 1 0-1.119l.287-.287a.791.791 0 0 1 1.119 0L9.44 8.035Z";
|
|
37
|
-
var CloseButtonFrame =
|
|
37
|
+
var CloseButtonFrame = gui.styled(gui.View, {
|
|
38
38
|
name: "LuxCloseButton",
|
|
39
39
|
render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Close" }),
|
|
40
40
|
role: "button",
|
package/dist/drawer.js
CHANGED
|
@@ -3,7 +3,7 @@ import * as RadixDialog from '@radix-ui/react-dialog';
|
|
|
3
3
|
import * as React2 from 'react';
|
|
4
4
|
import { clsx } from 'clsx';
|
|
5
5
|
import { twMerge } from 'tailwind-merge';
|
|
6
|
-
import { styled, View } from '@
|
|
6
|
+
import { styled, View } from '@hanzo/gui';
|
|
7
7
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
9
|
// src/drawer.tsx
|
package/dist/icon-button.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var gui = require('@hanzo/gui');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var clsx = require('clsx');
|
|
7
7
|
var tailwindMerge = require('tailwind-merge');
|
|
@@ -218,7 +218,7 @@ React__namespace.forwardRef(
|
|
|
218
218
|
)) });
|
|
219
219
|
}
|
|
220
220
|
);
|
|
221
|
-
var IconButtonFrame =
|
|
221
|
+
var IconButtonFrame = gui.styled(gui.View, {
|
|
222
222
|
name: "LuxIconButton",
|
|
223
223
|
render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button" }),
|
|
224
224
|
role: "button",
|
package/dist/icon-button.js
CHANGED