@sps-woodland/modal 8.2.1 → 8.3.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/lib/index.cjs.js +4 -4
- package/lib/index.es.js +653 -603
- package/lib/modal/Modal.d.ts +2 -1
- package/lib/modal/useModal.d.ts +1 -1
- package/lib/style.css +1 -1
- package/package.json +7 -7
package/lib/modal/Modal.d.ts
CHANGED
|
@@ -14,12 +14,13 @@ declare type ModalProps = ModalPropsFromHook & AriaModalOverlayProps & AriaDialo
|
|
|
14
14
|
size?: ModalSize;
|
|
15
15
|
title: React.ReactNode | ModalContentRenderFn;
|
|
16
16
|
footer?: React.ReactNode | ModalContentRenderFn;
|
|
17
|
+
dismissible?: boolean;
|
|
17
18
|
dismissable?: boolean;
|
|
18
19
|
onClose?: () => void;
|
|
19
20
|
focusElementOnOpen?: React.MutableRefObject<HTMLElement>;
|
|
20
21
|
fullHeight?: boolean;
|
|
21
22
|
};
|
|
22
23
|
export declare const ModalIcons: Record<ModalKind, IconName>;
|
|
23
|
-
declare function ModalInternal({ children, className, "data-testid": dataTestId, kind, onBlur, onFocus, overlayProps, size, state, title, dismissable, onClose, fullHeight, ...rest }: ComponentProps<ModalProps, HTMLDivElement> & ChildrenFn<ModalContentRenderFn>): React.ReactElement;
|
|
24
|
+
declare function ModalInternal({ children, className, "data-testid": dataTestId, kind, onBlur, onFocus, overlayProps, size, state, title, dismissible, dismissable, onClose, fullHeight, ...rest }: ComponentProps<ModalProps, HTMLDivElement> & ChildrenFn<ModalContentRenderFn>): React.ReactElement;
|
|
24
25
|
export declare function Modal(props: Parameters<typeof ModalInternal>[0]): React.ReactElement;
|
|
25
26
|
export {};
|
package/lib/modal/useModal.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ interface ModalPropsAndState {
|
|
|
6
6
|
onClick: AriaButtonProps["onPress"];
|
|
7
7
|
ref: RefObject<HTMLElement | null>;
|
|
8
8
|
};
|
|
9
|
-
modalState:
|
|
9
|
+
modalState: OverlayTriggerState;
|
|
10
10
|
modalProps: {
|
|
11
11
|
state: OverlayTriggerState;
|
|
12
12
|
overlayProps: OverlayTriggerAria["overlayProps"];
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._3moto20{background-color
|
|
1
|
+
._3moto20{background-color:oklch(100% 0 0);border-style:solid;border-width:.0625rem;border-radius:.25rem;display:flex;flex-direction:column;overflow:hidden;max-height:100%}._3moto21{border-color:oklch(56.21% .128 239.83)}._3moto22,._3moto23{border-color:oklch(56.83% .229 22.94)}._3moto24{border-color:oklch(55.21% .148 150.27)}._3moto25,._3moto26{border-color:oklch(68.35% .17 53.59)}._3moto27{border-color:oklch(43.62% .011 222.24)}._3moto28{width:23.75rem}._3moto29{width:36.25rem}._3moto2a{width:48.75rem}._3moto2b{width:73.75rem}._3moto2c{height:100%}._3moto2e{align-items:center;color:oklch(100% 0 0);display:flex;padding:1rem}._3moto2f{background-color:oklch(43.62% .011 222.24)}._3moto2g,._3moto2h{background-color:oklch(56.83% .229 22.94)}._3moto2i{background-color:oklch(56.21% .128 239.83)}._3moto2j{background-color:oklch(55.21% .148 150.27)}._3moto2k,._3moto2l{background-color:oklch(68.35% .17 53.59)}._3moto2m{flex-grow:1;font-size:.875rem;font-weight:600;line-height:1.25rem}._3moto2n{font-weight:600;line-height:.875rem;font-size:.875rem;padding-right:.5rem}._3moto2o{overflow-y:auto;padding:1rem;flex:1}._3moto2p{align-items:center;background-color:oklch(96.64% .001 197.14);display:flex;justify-content:flex-end;padding:.5rem}._3moto2q{color:oklch(100% 0 0);border-width:0}._3moto2r{padding:0 .25rem}._3moto2s{position:fixed;z-index:1000;top:0;left:0;bottom:0;right:0;background:oklch(96.64% .001 197.14);display:flex;align-items:center;justify-content:center;padding:1rem}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/modal",
|
|
3
3
|
"description": "SPS Woodland Design System modal component",
|
|
4
|
-
"version": "8.
|
|
4
|
+
"version": "8.3.0",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/modal",
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
"@spscommerce/utils": "^6.12.1",
|
|
30
30
|
"react": "^16.9.0",
|
|
31
31
|
"react-dom": "^16.9.0",
|
|
32
|
-
"@sps-woodland/core": "8.
|
|
33
|
-
"@sps-woodland/tokens": "8.
|
|
34
|
-
"@sps-woodland/buttons": "8.
|
|
32
|
+
"@sps-woodland/core": "8.3.0",
|
|
33
|
+
"@sps-woodland/tokens": "8.3.0",
|
|
34
|
+
"@sps-woodland/buttons": "8.3.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@spscommerce/utils": "^6.12.1",
|
|
@@ -43,9 +43,9 @@
|
|
|
43
43
|
"react": "^16.9.0",
|
|
44
44
|
"react-dom": "^16.9.0",
|
|
45
45
|
"vite": "^3.1.4",
|
|
46
|
-
"@sps-woodland/core": "8.
|
|
47
|
-
"@sps-woodland/buttons": "8.
|
|
48
|
-
"@sps-woodland/tokens": "8.
|
|
46
|
+
"@sps-woodland/core": "8.3.0",
|
|
47
|
+
"@sps-woodland/buttons": "8.3.0",
|
|
48
|
+
"@sps-woodland/tokens": "8.3.0"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"react-aria": "^3.21.0",
|