@dxos/react-ui 0.1.1 → 0.1.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/src/components/AlertDialog/AlertDialog.d.ts +17 -0
- package/dist/src/components/AlertDialog/AlertDialog.d.ts.map +1 -0
- package/dist/src/components/AlertDialog/AlertDialog.js +65 -0
- package/dist/src/components/AlertDialog/AlertDialog.js.map +1 -0
- package/dist/src/components/AlertDialog/AlertDialog.stories.d.ts +9 -0
- package/dist/src/components/AlertDialog/AlertDialog.stories.d.ts.map +1 -0
- package/dist/src/components/AlertDialog/AlertDialog.stories.js +37 -0
- package/dist/src/components/AlertDialog/AlertDialog.stories.js.map +1 -0
- package/dist/src/components/AlertDialog/index.d.ts +2 -0
- package/dist/src/components/AlertDialog/index.d.ts.map +1 -0
- package/dist/src/components/AlertDialog/index.js +21 -0
- package/dist/src/components/AlertDialog/index.js.map +1 -0
- package/dist/src/components/Avatar/Avatar.d.ts +1 -1
- package/dist/src/components/Avatar/Avatar.js +1 -1
- package/dist/src/components/Avatar/Avatar.js.map +1 -1
- package/dist/src/components/Avatar/Avatar.stories.d.ts +1 -1
- package/dist/src/components/Button/Button.d.ts +1 -1
- package/dist/src/components/Button/Button.d.ts.map +1 -1
- package/dist/src/components/Button/Button.js +1 -1
- package/dist/src/components/Button/Button.js.map +1 -1
- package/dist/src/components/Button/Button.stories.d.ts +1 -1
- package/dist/src/components/Button/ButtonProps.d.ts +2 -0
- package/dist/src/components/Button/ButtonProps.d.ts.map +1 -1
- package/dist/src/components/Button/buttonStyles.d.ts.map +1 -1
- package/dist/src/components/Button/buttonStyles.js +3 -2
- package/dist/src/components/Button/buttonStyles.js.map +1 -1
- package/dist/src/components/Group/Group.d.ts.map +1 -1
- package/dist/src/components/Group/Group.js +3 -13
- package/dist/src/components/Group/Group.js.map +1 -1
- package/dist/src/components/Heading/Heading.d.ts +1 -1
- package/dist/src/components/Heading/Heading.stories.d.ts +1 -1
- package/dist/src/components/Input/BarePinInput.d.ts +310 -0
- package/dist/src/components/Input/BarePinInput.d.ts.map +1 -0
- package/dist/src/components/Input/BarePinInput.js +62 -0
- package/dist/src/components/Input/BarePinInput.js.map +1 -0
- package/dist/src/components/Input/BareTextInput.d.ts +5 -0
- package/dist/src/components/Input/BareTextInput.d.ts.map +1 -0
- package/dist/src/components/Input/BareTextInput.js +22 -0
- package/dist/src/components/Input/BareTextInput.js.map +1 -0
- package/dist/src/components/Input/Input.d.ts +3 -16
- package/dist/src/components/Input/Input.d.ts.map +1 -1
- package/dist/src/components/Input/Input.js +22 -10
- package/dist/src/components/Input/Input.js.map +1 -1
- package/dist/src/components/Input/Input.stories.d.ts +7 -3
- package/dist/src/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/src/components/Input/Input.stories.js +15 -2
- package/dist/src/components/Input/Input.stories.js.map +1 -1
- package/dist/src/components/Input/InputProps.d.ts +17 -0
- package/dist/src/components/Input/InputProps.d.ts.map +1 -0
- package/dist/src/components/Input/InputProps.js +6 -0
- package/dist/src/components/Input/InputProps.js.map +1 -0
- package/dist/src/components/NavMenu/NavMenu.js +4 -4
- package/dist/src/components/NavMenu/NavMenu.js.map +1 -1
- package/dist/src/components/QrCode/QrCode.d.ts.map +1 -1
- package/dist/src/components/QrCode/QrCode.js +1 -1
- package/dist/src/components/QrCode/QrCode.js.map +1 -1
- package/dist/src/components/Tag/Tag.d.ts +8 -0
- package/dist/src/components/Tag/Tag.d.ts.map +1 -0
- package/dist/src/components/Tag/Tag.js +23 -0
- package/dist/src/components/Tag/Tag.js.map +1 -0
- package/dist/src/components/Tag/Tag.stories.d.ts +10 -0
- package/dist/src/components/Tag/Tag.stories.d.ts.map +1 -0
- package/dist/src/components/Tag/Tag.stories.js +24 -0
- package/dist/src/components/Tag/Tag.stories.js.map +1 -0
- package/dist/src/components/Tag/index.d.ts +2 -0
- package/dist/src/components/Tag/index.d.ts.map +1 -0
- package/dist/src/components/{Main → Tag}/index.js +1 -1
- package/dist/src/components/Tag/index.js.map +1 -0
- package/dist/src/components/index.d.ts +2 -1
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/components/index.js +2 -1
- package/dist/src/components/index.js.map +1 -1
- package/dist/src/hooks/index.d.ts +2 -0
- package/dist/src/hooks/index.d.ts.map +1 -1
- package/dist/src/hooks/index.js +2 -0
- package/dist/src/hooks/index.js.map +1 -1
- package/dist/src/hooks/useForwardedRef.d.ts +2 -0
- package/dist/src/hooks/useForwardedRef.d.ts.map +1 -0
- package/dist/src/hooks/useForwardedRef.js +24 -0
- package/dist/src/hooks/useForwardedRef.js.map +1 -0
- package/dist/src/hooks/useIsFocused.d.ts +3 -0
- package/dist/src/hooks/useIsFocused.d.ts.map +1 -0
- package/dist/src/hooks/useIsFocused.js +34 -0
- package/dist/src/hooks/useIsFocused.js.map +1 -0
- package/dist/src/plugin.d.ts.map +1 -1
- package/dist/src/plugin.js +11 -2
- package/dist/src/plugin.js.map +1 -1
- package/dist/src/props/Elevation.d.ts +2 -0
- package/dist/src/props/Elevation.d.ts.map +1 -0
- package/dist/src/props/Elevation.js +6 -0
- package/dist/src/props/Elevation.js.map +1 -0
- package/dist/src/props/MessageValence.d.ts +1 -1
- package/dist/src/props/MessageValence.d.ts.map +1 -1
- package/dist/src/props/index.d.ts +1 -0
- package/dist/src/props/index.d.ts.map +1 -1
- package/dist/src/props/index.js +1 -0
- package/dist/src/props/index.js.map +1 -1
- package/dist/src/styles/focus.d.ts +1 -0
- package/dist/src/styles/focus.d.ts.map +1 -1
- package/dist/src/styles/focus.js +2 -1
- package/dist/src/styles/focus.js.map +1 -1
- package/dist/src/styles/group.d.ts +5 -0
- package/dist/src/styles/group.d.ts.map +1 -0
- package/dist/src/styles/group.js +26 -0
- package/dist/src/styles/group.js.map +1 -0
- package/dist/src/styles/index.d.ts +3 -0
- package/dist/src/styles/index.d.ts.map +1 -1
- package/dist/src/styles/index.js +3 -0
- package/dist/src/styles/index.js.map +1 -1
- package/dist/src/styles/input.d.ts +11 -0
- package/dist/src/styles/input.d.ts.map +1 -0
- package/dist/src/styles/input.js +24 -0
- package/dist/src/styles/input.js.map +1 -0
- package/dist/src/styles/ornament.d.ts +3 -0
- package/dist/src/styles/ornament.d.ts.map +1 -0
- package/dist/src/styles/ornament.js +9 -0
- package/dist/src/styles/ornament.js.map +1 -0
- package/dist/src/styles/shimmer.d.ts +2 -0
- package/dist/src/styles/shimmer.d.ts.map +1 -0
- package/dist/src/styles/shimmer.js +8 -0
- package/dist/src/styles/shimmer.js.map +1 -0
- package/package.json +3 -2
- package/src/components/AlertDialog/AlertDialog.tsx +1 -1
- package/src/components/Input/BarePinInput.tsx +62 -0
- package/src/components/Input/BareTextInput.tsx +31 -0
- package/src/components/Input/Input.stories.tsx +18 -1
- package/src/components/Input/Input.tsx +33 -54
- package/src/components/Input/InputProps.ts +23 -0
- package/src/hooks/index.ts +2 -0
- package/src/hooks/useForwardedRef.ts +22 -0
- package/src/hooks/useIsFocused.ts +38 -0
- package/src/plugin.ts +9 -1
- package/src/styles/focus.ts +3 -0
- package/src/styles/index.ts +1 -0
- package/src/styles/input.ts +47 -0
- package/src/styles/shimmer.ts +6 -0
- package/dist/src/components/Main/Main.d.ts +0 -3
- package/dist/src/components/Main/Main.d.ts.map +0 -1
- package/dist/src/components/Main/Main.js +0 -16
- package/dist/src/components/Main/Main.js.map +0 -1
- package/dist/src/components/Main/index.d.ts +0 -2
- package/dist/src/components/Main/index.d.ts.map +0 -1
- package/dist/src/components/Main/index.js.map +0 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactHTMLElement, ReactNode } from 'react';
|
|
2
|
+
import { InputProps } from '../Input';
|
|
3
|
+
export interface AlertDialogProps {
|
|
4
|
+
title: ReactNode;
|
|
5
|
+
openTrigger?: ReactNode;
|
|
6
|
+
cancelTrigger?: ReactNode;
|
|
7
|
+
confirmTrigger: Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
|
|
8
|
+
destructiveConfirmString?: string;
|
|
9
|
+
destructiveConfirmInputProps?: Omit<InputProps, 'onChange' | 'initialValue'>;
|
|
10
|
+
titleVisuallyHidden?: boolean;
|
|
11
|
+
description?: ReactNode;
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
initiallyOpen?: boolean;
|
|
14
|
+
mountAsSibling?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare const AlertDialog: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }: AlertDialogProps) => JSX.Element;
|
|
17
|
+
//# sourceMappingURL=AlertDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAOA,OAAc,EAA0B,gBAAgB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAGxG,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,4BAA4B,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,cAAc,CAAC,CAAC;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,6LAYrB,gBAAgB,gBAwFlB,CAAC"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
//
|
|
3
|
+
// Copyright 2022 DXOS.org
|
|
4
|
+
//
|
|
5
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
8
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
9
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
10
|
+
}
|
|
11
|
+
Object.defineProperty(o, k2, desc);
|
|
12
|
+
}) : (function(o, m, k, k2) {
|
|
13
|
+
if (k2 === undefined) k2 = k;
|
|
14
|
+
o[k2] = m[k];
|
|
15
|
+
}));
|
|
16
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
17
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
18
|
+
}) : function(o, v) {
|
|
19
|
+
o["default"] = v;
|
|
20
|
+
});
|
|
21
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
22
|
+
if (mod && mod.__esModule) return mod;
|
|
23
|
+
var result = {};
|
|
24
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
25
|
+
__setModuleDefault(result, mod);
|
|
26
|
+
return result;
|
|
27
|
+
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.AlertDialog = void 0;
|
|
33
|
+
const react_1 = require("@headlessui/react");
|
|
34
|
+
const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
|
|
35
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
36
|
+
const react_2 = __importStar(require("react"));
|
|
37
|
+
const styles_1 = require("../../styles");
|
|
38
|
+
const Input_1 = require("../Input");
|
|
39
|
+
const AlertDialog = ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }) => {
|
|
40
|
+
const [isOpen, setIsOpen] = (0, react_2.useState)(!!initiallyOpen);
|
|
41
|
+
const [confirmDisabled, setConfirmDisabled] = (0, react_2.useState)(!!destructiveConfirmString);
|
|
42
|
+
const [confirmStringValue, setConfirmStringValue] = (0, react_2.useState)('');
|
|
43
|
+
(0, react_2.useEffect)(() => {
|
|
44
|
+
if (destructiveConfirmString) {
|
|
45
|
+
setConfirmDisabled(confirmStringValue !== destructiveConfirmString);
|
|
46
|
+
}
|
|
47
|
+
}, [confirmStringValue]);
|
|
48
|
+
const dialogOverlayAndContent = (react_2.default.createElement(react_1.Transition.Root, { show: isOpen },
|
|
49
|
+
react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
|
|
50
|
+
react_2.default.createElement(AlertDialogPrimitive.Overlay, { forceMount: true, className: 'fixed inset-0 z-20 bg-black/50' })),
|
|
51
|
+
react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0 scale-95', enterTo: 'opacity-100 scale-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100 scale-100', leaveTo: 'opacity-0 scale-95' },
|
|
52
|
+
react_2.default.createElement(AlertDialogPrimitive.Content, { forceMount: true, className: (0, classnames_1.default)('fixed z-50', 'w-[95vw] max-w-md rounded-xl p-4 md:w-full', 'top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]', 'shadow-2xl bg-white dark:bg-neutral-800 elevated-buttons', styles_1.defaultFocus) },
|
|
53
|
+
react_2.default.createElement(AlertDialogPrimitive.Title, { className: (0, classnames_1.default)('text-2xl font-display font-medium text-neutral-900 dark:text-neutral-100 rounded-md', titleVisuallyHidden && 'sr-only', styles_1.defaultFocus), tabIndex: 0 }, title),
|
|
54
|
+
description && (react_2.default.createElement(AlertDialogPrimitive.Description, { className: (0, classnames_1.default)('my-2', styles_1.defaultDescription) }, description)),
|
|
55
|
+
children,
|
|
56
|
+
destructiveConfirmInputProps && react_2.default.createElement(Input_1.Input, { ...destructiveConfirmInputProps, onChange: setConfirmStringValue }),
|
|
57
|
+
react_2.default.createElement("div", { className: 'flex flex-wrap justify-end gap-4' },
|
|
58
|
+
cancelTrigger && (react_2.default.createElement(AlertDialogPrimitive.Cancel, { asChild: typeof cancelTrigger !== 'string' }, cancelTrigger)),
|
|
59
|
+
react_2.default.createElement(AlertDialogPrimitive.Action, { asChild: true }, (0, react_2.cloneElement)(confirmTrigger, { disabled: confirmDisabled })))))));
|
|
60
|
+
return (react_2.default.createElement(AlertDialogPrimitive.Root, { open: isOpen, onOpenChange: setIsOpen },
|
|
61
|
+
openTrigger && react_2.default.createElement(AlertDialogPrimitive.Trigger, { asChild: true }, openTrigger),
|
|
62
|
+
mountAsSibling ? (dialogOverlayAndContent) : (react_2.default.createElement(AlertDialogPrimitive.Portal, null, dialogOverlayAndContent))));
|
|
63
|
+
};
|
|
64
|
+
exports.AlertDialog = AlertDialog;
|
|
65
|
+
//# sourceMappingURL=AlertDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,6CAA+C;AAC/C,mFAAqE;AACrE,4DAA4B;AAC5B,+CAAwG;AAExG,yCAAgE;AAChE,oCAA6C;AAgBtC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAc,EACd,wBAAwB,EACxB,4BAA4B,EAC5B,QAAQ,EACR,aAAa,EACb,cAAc,EACG,EAAE,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IACtD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC;IACnF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,wBAAwB,EAAE;YAC5B,kBAAkB,CAAC,kBAAkB,KAAK,wBAAwB,CAAC,CAAC;SACrE;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,uBAAuB,GAAG,CAC9B,8BAAC,kBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM;QAC3B,8BAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW;YAEnB,8BAAC,oBAAoB,CAAC,OAAO,IAAC,UAAU,QAAC,SAAS,EAAC,gCAAgC,GAAG,CACrE;QACnB,8BAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB;YAE5B,8BAAC,oBAAoB,CAAC,OAAO,IAC3B,UAAU,QACV,SAAS,EAAE,IAAA,oBAAE,EACX,YAAY,EACZ,4CAA4C,EAC5C,4DAA4D,EAC5D,0DAA0D,EAC1D,qBAAY,CACb;gBAED,8BAAC,oBAAoB,CAAC,KAAK,IACzB,SAAS,EAAE,IAAA,oBAAE,EACX,qFAAqF,EACrF,mBAAmB,IAAI,SAAS,EAChC,qBAAY,CACb,EACD,QAAQ,EAAE,CAAC,IAEV,KAAK,CACqB;gBAC5B,WAAW,IAAI,CACd,8BAAC,oBAAoB,CAAC,WAAW,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,EAAE,2BAAkB,CAAC,IACxE,WAAW,CACqB,CACpC;gBAEA,QAAQ;gBAER,4BAA4B,IAAI,8BAAC,aAAK,OAAK,4BAA4B,EAAE,QAAQ,EAAE,qBAAqB,GAAI;gBAE7G,uCAAK,SAAS,EAAC,kCAAkC;oBAC9C,aAAa,IAAI,CAChB,8BAAC,oBAAoB,CAAC,MAAM,IAAC,OAAO,EAAE,OAAO,aAAa,KAAK,QAAQ,IACpE,aAAa,CACc,CAC/B;oBACD,8BAAC,oBAAoB,CAAC,MAAM,IAAC,OAAO,UACjC,IAAA,oBAAY,EAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAChC,CAC1B,CACuB,CACd,CACH,CACnB,CAAC;IAEF,OAAO,CACL,8BAAC,oBAAoB,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS;QAC7D,WAAW,IAAI,8BAAC,oBAAoB,CAAC,OAAO,IAAC,OAAO,UAAE,WAAW,CAAgC;QACjG,cAAc,CAAC,CAAC,CAAC,CAChB,uBAAuB,CACxB,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAoB,CAAC,MAAM,QAAE,uBAAuB,CAA+B,CACrF,CACyB,CAC7B,CAAC;AACJ,CAAC,CAAC;AApGW,QAAA,WAAW,eAoGtB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import '@dxosTheme';
|
|
2
|
+
import { AlertDialogProps } from './AlertDialog';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }: AlertDialogProps) => JSX.Element;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Default: import("@storybook/react").Story<AlertDialogProps>;
|
|
9
|
+
//# sourceMappingURL=AlertDialog.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;AAE9D,wBAGE;AAMF,eAAO,MAAM,OAAO,oDAIlB,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
//
|
|
3
|
+
// Copyright 2022 DXOS.org
|
|
4
|
+
//
|
|
5
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
6
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
7
|
+
};
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.Default = void 0;
|
|
10
|
+
require("@dxosTheme");
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const testing_1 = require("../../testing");
|
|
13
|
+
const Button_1 = require("../Button");
|
|
14
|
+
const AlertDialog_1 = require("./AlertDialog");
|
|
15
|
+
exports.default = {
|
|
16
|
+
title: 'react-ui/AlertDialog',
|
|
17
|
+
component: AlertDialog_1.AlertDialog
|
|
18
|
+
};
|
|
19
|
+
const Template = ({ children, ...props }) => {
|
|
20
|
+
return react_1.default.createElement(AlertDialog_1.AlertDialog, { ...props }, children);
|
|
21
|
+
};
|
|
22
|
+
exports.Default = (0, testing_1.templateForComponent)(Template)({
|
|
23
|
+
openTrigger: '',
|
|
24
|
+
title: '',
|
|
25
|
+
confirmTrigger: react_1.default.createElement("span", null)
|
|
26
|
+
});
|
|
27
|
+
exports.Default.args = {
|
|
28
|
+
openTrigger: react_1.default.createElement(Button_1.Button, null, "Reset device"),
|
|
29
|
+
cancelTrigger: react_1.default.createElement(Button_1.Button, null, "Cancel"),
|
|
30
|
+
confirmTrigger: react_1.default.createElement(Button_1.Button, { variant: 'primary' }, "GO"),
|
|
31
|
+
destructiveConfirmString: "I've definitely had my coffee",
|
|
32
|
+
destructiveConfirmInputProps: {
|
|
33
|
+
label: "Type “I've definitely had my coffee” to confirm"
|
|
34
|
+
},
|
|
35
|
+
title: 'Reset your device'
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=AlertDialog.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.stories.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAA0B;AAE1B,2CAAqD;AACrD,sCAAmC;AACnC,+CAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,yBAAW;CACvB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAC5D,OAAO,8BAAC,yBAAW,OAAK,KAAK,IAAG,QAAQ,CAAe,CAAC;AAC1D,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC;IACpD,WAAW,EAAE,EAAE;IACf,KAAK,EAAE,EAAE;IACT,cAAc,EAAE,2CAAQ;CACzB,CAAC,CAAC;AACH,eAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,8BAAC,eAAM,uBAAsB;IAC1C,aAAa,EAAE,8BAAC,eAAM,iBAAgB;IACtC,cAAc,EAAE,8BAAC,eAAM,IAAC,OAAO,EAAC,SAAS,SAAY;IACrD,wBAAwB,EAAE,+BAA+B;IACzD,4BAA4B,EAAE;QAC5B,KAAK,EAAE,iDAAiD;KACzD;IACD,KAAK,EAAE,mBAAmB;CAC3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
//
|
|
3
|
+
// Copyright 2022 DXOS.org
|
|
4
|
+
//
|
|
5
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
8
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
9
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
10
|
+
}
|
|
11
|
+
Object.defineProperty(o, k2, desc);
|
|
12
|
+
}) : (function(o, m, k, k2) {
|
|
13
|
+
if (k2 === undefined) k2 = k;
|
|
14
|
+
o[k2] = m[k];
|
|
15
|
+
}));
|
|
16
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
17
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
__exportStar(require("./AlertDialog"), exports);
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,gDAA8B"}
|
|
@@ -9,5 +9,5 @@ export interface AvatarProps extends ComponentProps<typeof AvatarPrimitive.Root>
|
|
|
9
9
|
mediaSrc?: string;
|
|
10
10
|
children?: ReactNode;
|
|
11
11
|
}
|
|
12
|
-
export declare const Avatar: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "
|
|
12
|
+
export declare const Avatar: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
|
|
13
13
|
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -46,7 +46,7 @@ exports.Avatar = (0, react_1.forwardRef)(({ mediaSrc, fallbackValue, label, vari
|
|
|
46
46
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
47
47
|
react_1.default.createElement(AvatarPrimitive.Root, { ...rootProps, className: (0, classnames_1.default)('relative inline-flex', (0, styles_1.getSize)(size), rootProps.className), "aria-labelledby": labelId, ref: ref },
|
|
48
48
|
mediaSrc && (react_1.default.createElement(AvatarPrimitive.Image, { src: mediaSrc, alt: 'Avatar', className: (0, classnames_1.default)('h-full w-full object-cover overflow-hidden', shapeStyles[variant]) })),
|
|
49
|
-
react_1.default.createElement(AvatarPrimitive.Fallback, { className: (0, classnames_1.default)('flex h-full w-full items-center justify-center bg-white dark:bg-neutral-800 overflow-hidden', shapeStyles[variant]), delayMs: 0 },
|
|
49
|
+
react_1.default.createElement(AvatarPrimitive.Fallback, { className: (0, classnames_1.default)('shrink-0 flex h-full w-full items-center justify-center bg-white dark:bg-neutral-800 overflow-hidden', shapeStyles[variant]), delayMs: 0 },
|
|
50
50
|
react_1.default.createElement("img", { role: 'none', alt: fallbackValue, src: imgSrc, className: 'h-full w-full' }))),
|
|
51
51
|
typeof label === 'string' ? (react_1.default.createElement("span", { id: labelId, className: 'sr-only' }, label)) : ((0, react_1.cloneElement)(label, { id: labelId }))));
|
|
52
52
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wEAA0D;AAC1D,4DAA4B;AAC5B,yCAAkC;AAClC,+CASe;AAEf,uCAAoC;AAEpC,yCAAuC;AAWvC,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CACE,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAkC,EAC/G,GAAkC,EAClC,EAAE;IACF,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,2BAA2B,kBAAkB,CAAC,IAAA,iBAAK,EAAC,aAAa,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,EACzG,CAAC,aAAa,CAAC,CAChB,CAAC;IACF,OAAO,CACL;QACE,8BAAC,eAAe,CAAC,IAAI,OACf,SAAS,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,qBACxD,OAAO,EACxB,GAAG,EAAE,GAAG;YAEP,QAAQ,IAAI,CACX,8BAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,4CAA4C,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GACjF,CACH;YACD,8BAAC,eAAe,CAAC,QAAQ,IACvB,SAAS,EAAE,IAAA,oBAAE,EACX,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wEAA0D;AAC1D,4DAA4B;AAC5B,yCAAkC;AAClC,+CASe;AAEf,uCAAoC;AAEpC,yCAAuC;AAWvC,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CACE,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAkC,EAC/G,GAAkC,EAClC,EAAE;IACF,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,2BAA2B,kBAAkB,CAAC,IAAA,iBAAK,EAAC,aAAa,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,EACzG,CAAC,aAAa,CAAC,CAChB,CAAC;IACF,OAAO,CACL;QACE,8BAAC,eAAe,CAAC,IAAI,OACf,SAAS,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,qBACxD,OAAO,EACxB,GAAG,EAAE,GAAG;YAEP,QAAQ,IAAI,CACX,8BAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,4CAA4C,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GACjF,CACH;YACD,8BAAC,eAAe,CAAC,QAAQ,IACvB,SAAS,EAAE,IAAA,oBAAE,EACX,sGAAsG,EACtG,WAAW,CAAC,OAAO,CAAC,CACrB,EACD,OAAO,EAAE,CAAC;gBAEV,uCAAK,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,eAAe,GAAG,CACrD,CACN;QACtB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,wCAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,SAAS,IACnC,KAAK,CACD,CACR,CAAC,CAAC,CAAC,CACF,IAAA,oBAAY,EAAC,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CACrC,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { AvatarProps } from './Avatar';
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "
|
|
6
|
+
component: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
|
|
7
7
|
};
|
|
8
8
|
export default _default;
|
|
9
9
|
export declare const Default: import("@storybook/react").Story<AvatarProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ButtonProps } from './ButtonProps';
|
|
3
|
-
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "
|
|
3
|
+
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact" | "rounding"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
4
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,MAAM,wwJAWlB,CAAC"}
|
|
@@ -33,5 +33,5 @@ exports.Button = void 0;
|
|
|
33
33
|
const classnames_1 = __importDefault(require("classnames"));
|
|
34
34
|
const react_1 = __importStar(require("react"));
|
|
35
35
|
const buttonStyles_1 = require("./buttonStyles");
|
|
36
|
-
exports.Button = (0, react_1.forwardRef)(({ children, ...props }, ref) => (react_1.default.createElement("button", { ref: ref, ...props, className: (0, classnames_1.default)((0, buttonStyles_1.buttonStyles)(props), props.className), ...(props.disabled && { disabled: true }) }, children)));
|
|
36
|
+
exports.Button = (0, react_1.forwardRef)(({ children, compact, variant, rounding, ...props }, ref) => (react_1.default.createElement("button", { ref: ref, ...props, className: (0, classnames_1.default)((0, buttonStyles_1.buttonStyles)({ compact, variant, rounding, disabled: props.disabled }), props.className), ...(props.disabled && { disabled: true }) }, children)));
|
|
37
37
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,4DAA4B;AAC5B,+CAA0C;AAG1C,iDAA8C;AAEjC,QAAA,MAAM,GAAG,IAAA,kBAAU,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,4DAA4B;AAC5B,+CAA0C;AAG1C,iDAA8C;AAEjC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,0CACE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAA,oBAAE,EAAC,IAAA,2BAAY,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAClG,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAEzC,QAAQ,CACF,CACV,CACF,CAAC"}
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { ButtonProps } from './ButtonProps';
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: React.ForwardRefExoticComponent<Pick<ButtonProps, "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "
|
|
6
|
+
component: React.ForwardRefExoticComponent<Pick<ButtonProps, "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact" | "rounding"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
7
|
};
|
|
8
8
|
export default _default;
|
|
9
9
|
export declare const Default: import("@storybook/react").Story<Omit<ButtonProps, "ref">>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/ButtonProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
1
|
+
{"version":3,"file":"ButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/ButtonProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,mBAAmB,mDAAmD,CAAC;AACpF,eAAO,MAAM,mBAAmB,uEAAuE,CAAC;AAExG,eAAO,MAAM,YAAY,UAAW,WAAW,
|
|
1
|
+
{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,mBAAmB,mDAAmD,CAAC;AACpF,eAAO,MAAM,mBAAmB,uEAAuE,CAAC;AAExG,eAAO,MAAM,YAAY,UAAW,WAAW,WAqB9C,CAAC"}
|
|
@@ -12,10 +12,11 @@ const styles_1 = require("../../styles");
|
|
|
12
12
|
exports.primaryButtonColors = 'bg-primary-600 text-white hover:bg-primary-650';
|
|
13
13
|
exports.defaultButtonColors = 'bg-white text-neutral-900 dark:bg-neutral-750 dark:text-neutral-50';
|
|
14
14
|
const buttonStyles = (props) => {
|
|
15
|
+
var _a;
|
|
15
16
|
const resolvedVariant = props.variant || 'default';
|
|
16
|
-
return (0, classnames_1.default)('inline-flex select-none items-center justify-center rounded-md
|
|
17
|
+
return (0, classnames_1.default)('inline-flex select-none items-center justify-center text-sm font-medium', (_a = props.rounding) !== null && _a !== void 0 ? _a : 'rounded-md', props.compact ? 'p-1.5' : 'pli-4 plb-2', 'transition-color duration-100', (0, styles_1.defaultHover)(props), resolvedVariant === 'default' &&
|
|
17
18
|
'border border-neutral-100 dark:border-neutral-650 hover:focus:border-neutral-100 hover:border-transparent', resolvedVariant === 'default' && exports.defaultButtonColors, resolvedVariant === 'primary' && 'border border-primary-550 hover:border-transparent', resolvedVariant === 'primary' && exports.primaryButtonColors, resolvedVariant === 'outline' &&
|
|
18
|
-
'text-neutral-700 border border-neutral-600
|
|
19
|
+
'text-neutral-700 border border-neutral-600 dark:border-neutral-300 dark:text-neutral-150', styles_1.defaultFocus, props.disabled ? styles_1.defaultDisabled : resolvedVariant !== 'outline' && 'button-elevation',
|
|
19
20
|
// Register all radix states
|
|
20
21
|
'group', styles_1.defaultActive);
|
|
21
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonStyles.js","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAE5B,yCAA0F;AAG7E,QAAA,mBAAmB,GAAG,gDAAgD,CAAC;AACvE,QAAA,mBAAmB,GAAG,oEAAoE,CAAC;AAEjG,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"buttonStyles.js","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAE5B,yCAA0F;AAG7E,QAAA,mBAAmB,GAAG,gDAAgD,CAAC;AACvE,QAAA,mBAAmB,GAAG,oEAAoE,CAAC;AAEjG,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE;;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;IACnD,OAAO,IAAA,oBAAE,EACP,yEAAyE,EACzE,MAAA,KAAK,CAAC,QAAQ,mCAAI,YAAY,EAC9B,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,EACvC,+BAA+B,EAC/B,IAAA,qBAAY,EAAC,KAAK,CAAC,EACnB,eAAe,KAAK,SAAS;QAC3B,2GAA2G,EAC7G,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,SAAS,IAAI,oDAAoD,EACrF,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,SAAS;QAC3B,0FAA0F,EAC5F,qBAAY,EACZ,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAe,CAAC,CAAC,CAAC,eAAe,KAAK,SAAS,IAAI,kBAAkB;IACtF,4BAA4B;IAC5B,OAAO,EACP,sBAAa,CACd,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,YAAY,gBAqBvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC7D,KAAK,EAAE,YAAY,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,6EAAkF,UAAU,gBAQ7G,CAAC"}
|
|
@@ -10,21 +10,11 @@ exports.Group = void 0;
|
|
|
10
10
|
const classnames_1 = __importDefault(require("classnames"));
|
|
11
11
|
const react_1 = __importDefault(require("react"));
|
|
12
12
|
const hooks_1 = require("../../hooks");
|
|
13
|
+
const group_1 = require("../../styles/group");
|
|
13
14
|
const Heading_1 = require("../Heading");
|
|
14
|
-
const
|
|
15
|
-
[0, 'shadow-none'],
|
|
16
|
-
[1, 'shadow-sm'],
|
|
17
|
-
[2, 'shadow'],
|
|
18
|
-
[3, 'shadow-md'],
|
|
19
|
-
[4, 'shadow-lg'],
|
|
20
|
-
[5, 'shadow-xl'],
|
|
21
|
-
[6, 'shadow-2xl']
|
|
22
|
-
]);
|
|
23
|
-
const Group = ({ elevation, children, label, labelVisuallyHidden, className, ...props }) => {
|
|
15
|
+
const Group = ({ elevation = 3, children, label, labelVisuallyHidden, className, ...props }) => {
|
|
24
16
|
const labelId = (0, hooks_1.useId)('groupLabel');
|
|
25
|
-
return (react_1.default.createElement("div", { role: 'group', "aria-labelledby": labelId, className: (0, classnames_1.default)(
|
|
26
|
-
? 'bg-transparent border border-neutral-200 dark:border-neutral-700'
|
|
27
|
-
: 'bg-white dark:bg-neutral-800 elevated-buttons', elevationClassNameMap.get(typeof elevation === 'undefined' ? 3 : elevation), className), ...props },
|
|
17
|
+
return (react_1.default.createElement("div", { role: 'group', "aria-labelledby": labelId, className: (0, classnames_1.default)((0, group_1.defaultGroup)({ elevation }), className), ...props },
|
|
28
18
|
react_1.default.createElement(Heading_1.Heading, { ...label, id: labelId, className: (0, classnames_1.default)(labelVisuallyHidden && 'sr-only', 'mb-2', label === null || label === void 0 ? void 0 : label.className) }),
|
|
29
19
|
children));
|
|
30
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAAyC;AAEzC,uCAAoC;AACpC,wCAAmD;
|
|
1
|
+
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAAyC;AAEzC,uCAAoC;AACpC,8CAAkD;AAClD,wCAAmD;AAS5C,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE;IAChH,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;IACpC,OAAO,CACL,uCAAK,IAAI,EAAC,OAAO,qBAAkB,OAAO,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,IAAA,oBAAY,EAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK;QAC1G,8BAAC,iBAAO,OAAK,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,mBAAmB,IAAI,SAAS,EAAE,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,GAAI;QAC7G,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,KAAK,SAQhB"}
|
|
@@ -64,7 +64,7 @@ export declare const Heading: ({ level, ...props }: PropsWithChildren<HeadingPro
|
|
|
64
64
|
'aria-describedby'?: string | undefined;
|
|
65
65
|
'aria-details'?: string | undefined;
|
|
66
66
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
67
|
-
'aria-dropeffect'?: "
|
|
67
|
+
'aria-dropeffect'?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
|
|
68
68
|
'aria-errormessage'?: string | undefined;
|
|
69
69
|
'aria-expanded'?: (boolean | "true" | "false") | undefined;
|
|
70
70
|
'aria-flowto'?: string | undefined;
|
|
@@ -64,7 +64,7 @@ declare const _default: {
|
|
|
64
64
|
'aria-describedby'?: string | undefined;
|
|
65
65
|
'aria-details'?: string | undefined;
|
|
66
66
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
67
|
-
'aria-dropeffect'?: "
|
|
67
|
+
'aria-dropeffect'?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
|
|
68
68
|
'aria-errormessage'?: string | undefined;
|
|
69
69
|
'aria-expanded'?: (boolean | "true" | "false") | undefined;
|
|
70
70
|
'aria-flowto'?: string | undefined;
|