@pexip/components 18.0.1 → 18.1.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 +13 -0
- package/design-tokens/mixins/_focus.scss +4 -2
- package/design-tokens/variables.legacy.scss +2 -0
- package/dist/components.cjs +2 -2
- package/dist/components.css +1 -1
- package/dist/components.js +2604 -2545
- package/dist/types/src/components/elements/Draggable/Draggable.view.d.ts.map +1 -1
- package/dist/types/src/components/elements/Video/Video.d.ts.map +1 -1
- package/dist/types/src/components/modules/CloseButton/ModalCloseButton.view.d.ts.map +1 -1
- package/dist/types/src/components/modules/CollapsableContainer/CollapsableContainer.d.ts +1 -0
- package/dist/types/src/components/modules/CollapsableContainer/CollapsableContainer.d.ts.map +1 -1
- package/dist/types/src/components/modules/Modal/Modal.d.ts +14 -1
- package/dist/types/src/components/modules/Modal/Modal.d.ts.map +1 -1
- package/dist/types/src/components/modules/TransitionContainer/withTransition.d.ts +1 -1
- package/dist/types/src/components/modules/TransitionContainer/withTransition.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Draggable.view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Draggable/Draggable.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Draggable.view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Draggable/Draggable.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAQzD,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,gBAAgB,CAC1D,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CACtB,CAAC;AAEF,oBAAY,SAAS;IACjB,IAAI,IAAI;IACR,QAAQ,IAAI;IACZ,UAAU,IAAI;CACjB;AAqBD,eAAO,MAAM,SAAS;gBAGF,MAAM;iBACL,OAAO;8BACM,OAAO;gBACrB,OAAO;gBACP,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;uBACxB,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI;mBACrC,CACX,OAAO,EAAE,cAAc,EACvB,iBAAiB,EAAE,iBAAiB,KACnC,IAAI;uBACU,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI;yBAC/B,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI;yBACjC,OAAO;uBACT,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;mBAChC,MAAM;kBACP,MAAM;gCACQ,yBAAyB;gBACzC,SAAS;qBACJ,OAAO;2BACD,WAAW,GAAG,IAAI;gDA4fhD,CAAC;AAIF,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAMpE,MAAM,WAAW,WAAW;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAC;AAErD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,UACR,gBAAgB,GAAG,IAAI,iBACf,cAAc,SAOhC,CAAC;AAEF,eAAO,MAAM,KAAK;gBAGE,WAAW;aACd,MAAM;kBACD,MAAM;sBACF,MAAM;eACb,OAAO;iBACL,OAAO;kBACN,OAAO;oBACL,UAAU,GAAG,WAAW;+BACb,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;uBAChC,cAAc;6CA4IxC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalCloseButton.view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/CloseButton/ModalCloseButton.view.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalCloseButton.view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/CloseButton/ModalCloseButton.view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAMzD;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC/B,CAeA,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACpD,OAAO,gBAAgB,CAC1B,CAAC"}
|
|
@@ -8,6 +8,7 @@ export declare const CollapsableContainer: React.FC<React.PropsWithChildren<{
|
|
|
8
8
|
collapseToggleAriaLabel?: string;
|
|
9
9
|
icon: IconSource;
|
|
10
10
|
title: string;
|
|
11
|
+
testId?: string;
|
|
11
12
|
onToggle: (currentOpenState: boolean) => void;
|
|
12
13
|
}>>;
|
|
13
14
|
//# sourceMappingURL=CollapsableContainer.d.ts.map
|
package/dist/types/src/components/modules/CollapsableContainer/CollapsableContainer.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsableContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/CollapsableContainer/CollapsableContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2CAA2C,CAAC;AAO1E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACvC,KAAK,CAAC,iBAAiB,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACtC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD,CAAC,
|
|
1
|
+
{"version":3,"file":"CollapsableContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/CollapsableContainer/CollapsableContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2CAA2C,CAAC;AAO1E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACvC,KAAK,CAAC,iBAAiB,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACtC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD,CAAC,CA+EL,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ExtendedSizeModifier, ModalSizeModifier } from '../../../types/sizes';
|
|
3
3
|
import type { ColorScheme } from '../../../types/variants';
|
|
4
|
+
import { Tooltip } from '../../elements/Tooltip/Tooltip';
|
|
5
|
+
import { ModalCloseButton } from '../CloseButton/ModalCloseButton.view';
|
|
4
6
|
export declare enum ModalType {
|
|
5
7
|
Overlay = "overlay",
|
|
6
8
|
Positioned = "positioned"
|
|
@@ -10,6 +12,7 @@ export interface ModalHandle {
|
|
|
10
12
|
}
|
|
11
13
|
export declare const Modal: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
12
14
|
canDrag?: boolean;
|
|
15
|
+
closeButton?: typeof ModalCloseButton;
|
|
13
16
|
closeButtonAriaLabel?: string;
|
|
14
17
|
closeOnOutsideClick?: boolean;
|
|
15
18
|
colorScheme?: ColorScheme;
|
|
@@ -23,9 +26,9 @@ export declare const Modal: React.ForwardRefExoticComponent<Omit<React.ClassAttr
|
|
|
23
26
|
testIdCloseButton?: string;
|
|
24
27
|
uniqueTitle?: string;
|
|
25
28
|
withCloseButton?: boolean;
|
|
29
|
+
withMask?: boolean;
|
|
26
30
|
withScrollbars?: boolean;
|
|
27
31
|
wrapperClassName?: string;
|
|
28
|
-
withMask?: boolean;
|
|
29
32
|
} & Pick<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
30
33
|
hasBackground?: boolean;
|
|
31
34
|
headerContent?: React.ReactElement;
|
|
@@ -56,4 +59,14 @@ export declare const Modal: React.ForwardRefExoticComponent<Omit<React.ClassAttr
|
|
|
56
59
|
hasFooterShadow?: boolean;
|
|
57
60
|
}, "hasFooterShadow">, "ref"> & React.RefAttributes<HTMLDivElement>, "hasFooterShadow" | "headerContent" | "footerContent" | "headerPadding" | "footerPadding">, "ref"> & React.RefAttributes<ModalHandle>>;
|
|
58
61
|
export type ModalProps = React.ComponentProps<typeof Modal>;
|
|
62
|
+
export declare const ModalCloseButtonWithTooltip: React.FC<React.ComponentProps<typeof ModalCloseButton> & React.ComponentProps<typeof HotkeysTooltip>>;
|
|
63
|
+
export declare const HotkeysTooltip: React.FC<Omit<React.ComponentProps<typeof Tooltip>, 'text' | 'tooltipContainerClassName'> & {
|
|
64
|
+
/** Typically "Close" */
|
|
65
|
+
hotkeyLabel: string;
|
|
66
|
+
keyCap?: string;
|
|
67
|
+
}>;
|
|
68
|
+
export declare const HotKey: React.FC<{
|
|
69
|
+
label: string;
|
|
70
|
+
keyCap: string;
|
|
71
|
+
}>;
|
|
59
72
|
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/Modal/Modal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAKN,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EACR,oBAAoB,EACpB,iBAAiB,EACpB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AASzD,OAAO,EAAC,OAAO,EAAC,MAAM,gCAAgC,CAAC;AAEvD,OAAO,EAAC,gBAAgB,EAAC,MAAM,sCAAsC,CAAC;AAItE,oBAAY,SAAS;IACjB,OAAO,YAAY;IACnB,UAAU,eAAe;CAC5B;AAMD,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,KAAK;cAGA,OAAO;kBACH,OAAO,gBAAgB;2BACd,MAAM;0BACP,OAAO;kBACf,WAAW;oBACT,OAAO;YACf,OAAO;gBACH,SAAS;cACX,MAAM,IAAI;cACV,oBAAoB;0BACR,MAAM;mBACb,iBAAiB;wBACZ,MAAM;kBACZ,MAAM;sBACF,OAAO;eACd,OAAO;qBACD,OAAO;uBACL,MAAM;;;oBA7CJ,MAAO,YAAY;gCACjB,MAAO,YAChC;;;oBAC4B,MAAO,YACzC;;;;;;;;;;;;;;;;;;;;;;2MA6NC,CAAC;AAIF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE5D,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAC9C,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GACzC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAiBlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CACjC,IAAI,CACA,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EACpC,MAAM,GAAG,2BAA2B,CACvC,GAAG;IACA,wBAAwB;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAmBJ,CAAC;AACF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,CAU5D,CAAC"}
|
|
@@ -2,5 +2,5 @@ import React from 'react';
|
|
|
2
2
|
export interface WithTransitionProps {
|
|
3
3
|
isVisible: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare function withTransition<P extends object>(Component: React.ComponentType<P>, timeout: number): (props: P & WithTransitionProps) => React.JSX.Element | null;
|
|
5
|
+
export declare function withTransition<P extends object>(Component: React.ComponentType<P>, timeout: number, stateAfterTransition?: 'unmount' | 'hide'): (props: P & WithTransitionProps) => React.JSX.Element | null;
|
|
6
6
|
//# sourceMappingURL=withTransition.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withTransition.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/TransitionContainer/withTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC3C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"withTransition.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/TransitionContainer/withTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC3C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,OAAO,EAAE,MAAM,EACf,oBAAoB,GAAE,SAAS,GAAG,MAAkB,WAEP,CAAC,GAAG,mBAAmB,8BAgBvE"}
|