@spaced-out/ui-design-system 0.6.1 → 0.6.2-beta.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/CHANGELOG.md +8 -0
- package/lib/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/components/Dialog/Dialog.js +2 -0
- package/lib/components/Modal/Modal.d.ts +36 -1
- package/lib/components/Modal/Modal.d.ts.map +1 -1
- package/lib/components/Modal/Modal.js +47 -2
- package/lib/components/Modal/index.d.ts +2 -2
- package/lib/components/Modal/index.d.ts.map +1 -1
- package/lib/components/Modal/index.js +12 -0
- package/lib/components/Panel/Panel.d.ts.map +1 -1
- package/lib/components/Panel/Panel.js +3 -0
- package/mcp/package.json +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.6.2-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.6.1...v0.6.2-beta.0) (2026-03-09)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* added mount, unmount events for modal ([f71bd4e](https://github.com/spaced-out/ui-design-system/commit/f71bd4efe11fb64c36a4ebf6f8ce2413ca739adc))
|
|
11
|
+
* updated mount docs ([fd289b6](https://github.com/spaced-out/ui-design-system/commit/fd289b62008365a3d3478fc452498f58f830fc55))
|
|
12
|
+
|
|
5
13
|
### [0.6.1](https://github.com/spaced-out/ui-design-system/compare/v0.6.1-beta.0...v0.6.1) (2026-03-06)
|
|
6
14
|
|
|
7
15
|
### [0.6.1-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.6.0...v0.6.1-beta.0) (2026-03-06)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,UAAU,CAAC;IACtD,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,WAAW,EACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,WAAW,GACX,eAAe,GACf,aAAa,CAChB;IACD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyED,eAAO,MAAM,YAAY,GAAI,kCAI1B,iBAAiB,sBAWnB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,iCAA+B,eAAe,sBAOxE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,mCAI1B,iBAAiB,sBAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,4HAWpB,WAAW,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,UAAU,CAAC;IACtD,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,WAAW,EACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,WAAW,GACX,eAAe,GACf,aAAa,CAChB;IACD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyED,eAAO,MAAM,YAAY,GAAI,kCAI1B,iBAAiB,sBAWnB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,iCAA+B,eAAe,sBAOxE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,mCAI1B,iBAAiB,sBAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,4HAWpB,WAAW,sBAgCb,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mGASzB,gBAAgB,sBA0BlB,CAAC"}
|
|
@@ -178,6 +178,8 @@ const Dialog = _ref5 => {
|
|
|
178
178
|
container: (0, _classify.default)(classNames?.container),
|
|
179
179
|
backdrop: (0, _classify.default)(classNames?.backdrop)
|
|
180
180
|
},
|
|
181
|
+
overlayType: "Dialog",
|
|
182
|
+
overlaySemantic: semantic,
|
|
181
183
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
182
184
|
className: _DialogModule.default.topBlock,
|
|
183
185
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -22,8 +22,43 @@ export interface ModalProps {
|
|
|
22
22
|
testId?: string;
|
|
23
23
|
}
|
|
24
24
|
export type ModalSize = 'small' | 'medium' | 'large';
|
|
25
|
+
export type OverlayType = 'Modal' | 'Dialog' | 'Panel';
|
|
26
|
+
export type OverlaySize = 'small' | 'medium' | 'large' | 'fullscreen';
|
|
27
|
+
export type OverlayAnchor = 'left' | 'right';
|
|
28
|
+
export interface OverlayEventDetail {
|
|
29
|
+
/** Stable identifier to correlate mount/unmount pairs */
|
|
30
|
+
id: string;
|
|
31
|
+
overlayType: OverlayType;
|
|
32
|
+
size?: OverlaySize;
|
|
33
|
+
anchor?: OverlayAnchor;
|
|
34
|
+
/** Whether the overlay renders a visible backdrop */
|
|
35
|
+
hasBackdrop: boolean;
|
|
36
|
+
tapOutsideToClose: boolean;
|
|
37
|
+
allowBackgroundInteraction: boolean;
|
|
38
|
+
/** Dialog semantic variant (neutral, success, warning, danger, information) */
|
|
39
|
+
semantic?: string;
|
|
40
|
+
testId?: string;
|
|
41
|
+
}
|
|
42
|
+
export declare const OVERLAY_MOUNT_EVENT: "ds:overlay:mount";
|
|
43
|
+
export declare const OVERLAY_UNMOUNT_EVENT: "ds:overlay:unmount";
|
|
44
|
+
export type OverlayMountEvent = CustomEvent<OverlayEventDetail>;
|
|
45
|
+
export type OverlayUnmountEvent = CustomEvent<OverlayEventDetail>;
|
|
46
|
+
declare global {
|
|
47
|
+
interface WindowEventMap {
|
|
48
|
+
'ds:overlay:mount': OverlayMountEvent;
|
|
49
|
+
'ds:overlay:unmount': OverlayUnmountEvent;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
25
52
|
export interface BaseModalProps extends Omit<ModalProps, 'size'> {
|
|
26
53
|
size?: ModalSize;
|
|
54
|
+
/** @internal Used by Panel/Dialog to identify overlay type in lifecycle events */
|
|
55
|
+
overlayType?: OverlayType;
|
|
56
|
+
/** @internal Used by Panel/Dialog to report size in lifecycle events */
|
|
57
|
+
overlaySize?: OverlaySize;
|
|
58
|
+
/** @internal Used by Panel to report anchor in lifecycle events */
|
|
59
|
+
overlayAnchor?: OverlayAnchor;
|
|
60
|
+
/** @internal Used by Dialog to report semantic variant in lifecycle events */
|
|
61
|
+
overlaySemantic?: string;
|
|
27
62
|
}
|
|
28
63
|
export interface ModalHeaderProps {
|
|
29
64
|
children?: React.ReactNode;
|
|
@@ -45,7 +80,7 @@ export interface ModalBodyProps {
|
|
|
45
80
|
export declare const ModalHeader: ({ children, hideCloseBtn, onCloseButtonClick, className, testId, }: ModalHeaderProps) => React.JSX.Element;
|
|
46
81
|
export declare const ModalBody: ({ children, className, testId }: ModalBodyProps) => React.JSX.Element;
|
|
47
82
|
export declare const ModalFooter: ({ children, classNames, testId, }: ModalFooterProps) => React.JSX.Element;
|
|
48
|
-
export declare const Modal: ({ classNames, children, isOpen, onClose, hideBackdrop, tapOutsideToClose, initialFocus, customAnimation, allowBackgroundInteraction, testId, size, }: BaseModalProps) => React.ReactPortal | null;
|
|
83
|
+
export declare const Modal: ({ classNames, children, isOpen, onClose, hideBackdrop, tapOutsideToClose, initialFocus, customAnimation, allowBackgroundInteraction, testId, size, overlayType, overlaySize, overlayAnchor, overlaySemantic, }: BaseModalProps) => React.ReactPortal | null;
|
|
49
84
|
export declare const FullScreenModal: ({ classNames, testId, ...props }: ModalProps) => React.JSX.Element;
|
|
50
85
|
export {};
|
|
51
86
|
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,oBAAoB,CAAC;AAyBjE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ModalHeader = exports.ModalFooter = exports.ModalBody = exports.Modal = exports.FullScreenModal = void 0;
|
|
6
|
+
exports.OVERLAY_UNMOUNT_EVENT = exports.OVERLAY_MOUNT_EVENT = exports.ModalHeader = exports.ModalFooter = exports.ModalBody = exports.Modal = exports.FullScreenModal = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _react2 = require("@floating-ui/react");
|
|
9
9
|
var _reactDom = require("react-dom");
|
|
@@ -20,6 +20,8 @@ var _ModalModule = _interopRequireDefault(require("./Modal.module.css"));
|
|
|
20
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
21
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
22
22
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
23
|
+
const OVERLAY_MOUNT_EVENT = exports.OVERLAY_MOUNT_EVENT = 'ds:overlay:mount';
|
|
24
|
+
const OVERLAY_UNMOUNT_EVENT = exports.OVERLAY_UNMOUNT_EVENT = 'ds:overlay:unmount';
|
|
23
25
|
const DEFAULT_MODAL_ANIMATION = {
|
|
24
26
|
duration: {
|
|
25
27
|
open: parseInt(_motion.motionDurationSlow),
|
|
@@ -175,7 +177,11 @@ const Modal = _ref4 => {
|
|
|
175
177
|
allowBackgroundInteraction = false,
|
|
176
178
|
testId,
|
|
177
179
|
// Size is not set to default for backward compatibility. Don't change if you don't know this.
|
|
178
|
-
size
|
|
180
|
+
size,
|
|
181
|
+
overlayType,
|
|
182
|
+
overlaySize,
|
|
183
|
+
overlayAnchor,
|
|
184
|
+
overlaySemantic
|
|
179
185
|
} = _ref4;
|
|
180
186
|
const {
|
|
181
187
|
refs,
|
|
@@ -188,6 +194,44 @@ const Modal = _ref4 => {
|
|
|
188
194
|
styles
|
|
189
195
|
} = (0, _react2.useTransitionStyles)(context, customAnimation || DEFAULT_MODAL_ANIMATION);
|
|
190
196
|
const modalId = (0, _helpers.uuid)();
|
|
197
|
+
const overlayIdRef = React.useRef((0, _helpers.uuid)());
|
|
198
|
+
const eventDetailRef = React.useRef({
|
|
199
|
+
id: overlayIdRef.current,
|
|
200
|
+
overlayType: overlayType || 'Modal',
|
|
201
|
+
size: overlaySize ?? size,
|
|
202
|
+
anchor: overlayAnchor,
|
|
203
|
+
hasBackdrop: !hideBackdrop,
|
|
204
|
+
tapOutsideToClose,
|
|
205
|
+
allowBackgroundInteraction,
|
|
206
|
+
semantic: overlaySemantic,
|
|
207
|
+
testId
|
|
208
|
+
});
|
|
209
|
+
eventDetailRef.current = {
|
|
210
|
+
id: overlayIdRef.current,
|
|
211
|
+
overlayType: overlayType || 'Modal',
|
|
212
|
+
size: overlaySize ?? size,
|
|
213
|
+
anchor: overlayAnchor,
|
|
214
|
+
hasBackdrop: !hideBackdrop,
|
|
215
|
+
tapOutsideToClose,
|
|
216
|
+
allowBackgroundInteraction,
|
|
217
|
+
semantic: overlaySemantic,
|
|
218
|
+
testId
|
|
219
|
+
};
|
|
220
|
+
React.useEffect(() => {
|
|
221
|
+
if (isMounted) {
|
|
222
|
+
const detail = {
|
|
223
|
+
...eventDetailRef.current
|
|
224
|
+
};
|
|
225
|
+
window.dispatchEvent(new CustomEvent(OVERLAY_MOUNT_EVENT, {
|
|
226
|
+
detail
|
|
227
|
+
}));
|
|
228
|
+
return () => {
|
|
229
|
+
window.dispatchEvent(new CustomEvent(OVERLAY_UNMOUNT_EVENT, {
|
|
230
|
+
detail
|
|
231
|
+
}));
|
|
232
|
+
};
|
|
233
|
+
}
|
|
234
|
+
}, [isMounted]);
|
|
191
235
|
const bodyRef = React.useRef(document.querySelector('body'));
|
|
192
236
|
const portalRootRef = React.useRef(getModalRoot(modalId) || createPortalRoot(modalId));
|
|
193
237
|
const isTransitioning = (0, _useMountTransition.default)(isOpen, parseInt(_motion.motionDurationNormal));
|
|
@@ -314,6 +358,7 @@ const FullScreenModal = _ref5 => {
|
|
|
314
358
|
content: (0, _classify.default)(_ModalModule.default.fullscreenModalContainer, classNames?.content)
|
|
315
359
|
},
|
|
316
360
|
testId: testId,
|
|
361
|
+
overlaySize: "fullscreen",
|
|
317
362
|
...props
|
|
318
363
|
});
|
|
319
364
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export type { BaseModalProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, } from '../../components/Modal/Modal';
|
|
2
|
-
export { FullScreenModal, Modal, ModalBody, ModalFooter, ModalHeader, } from '../../components/Modal/Modal';
|
|
1
|
+
export type { BaseModalProps, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, OverlayAnchor, OverlayEventDetail, OverlayMountEvent, OverlaySize, OverlayType, OverlayUnmountEvent, } from '../../components/Modal/Modal';
|
|
2
|
+
export { FullScreenModal, Modal, ModalBody, ModalFooter, ModalHeader, OVERLAY_MOUNT_EVENT, OVERLAY_UNMOUNT_EVENT, } from '../../components/Modal/Modal';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,mBAAmB,GACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,eAAe,EACf,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAAW,EACX,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,4BAA4B,CAAC"}
|
|
@@ -33,4 +33,16 @@ Object.defineProperty(exports, "ModalHeader", {
|
|
|
33
33
|
return _Modal.ModalHeader;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
+
Object.defineProperty(exports, "OVERLAY_MOUNT_EVENT", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _Modal.OVERLAY_MOUNT_EVENT;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "OVERLAY_UNMOUNT_EVENT", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () {
|
|
45
|
+
return _Modal.OVERLAY_UNMOUNT_EVENT;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
36
48
|
var _Modal = require("./Modal");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAgBrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAOrD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,UAAU,EAAE,4BAA4B,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1E,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAmBD,eAAO,MAAM,WAAW,GAAI,0EAOzB,gBAAgB,sBAyBlB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAW1E,CAAC;AAEJ,eAAO,MAAM,WAAW,GAAI,mCAIzB,gBAAgB,sBAgBlB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,kKAanB,UAAU,
|
|
1
|
+
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAgBrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAOrD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,UAAU,EAAE,4BAA4B,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1E,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAmBD,eAAO,MAAM,WAAW,GAAI,0EAOzB,gBAAgB,sBAyBlB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAW1E,CAAC;AAEJ,eAAO,MAAM,WAAW,GAAI,mCAIzB,gBAAgB,sBAgBlB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,kKAanB,UAAU,sBA8CZ,CAAC"}
|
|
@@ -152,6 +152,9 @@ const Panel = _ref4 => {
|
|
|
152
152
|
backdrop: (0, _classify.default)(classNames?.backdrop)
|
|
153
153
|
},
|
|
154
154
|
customAnimation: customAnimation || defaultPanelAnimation,
|
|
155
|
+
overlayType: "Panel",
|
|
156
|
+
overlaySize: size,
|
|
157
|
+
overlayAnchor: anchor,
|
|
155
158
|
children: children
|
|
156
159
|
});
|
|
157
160
|
};
|
package/mcp/package.json
CHANGED