@popmenu/admin-ui 0.125.0 → 0.126.1

package/build/esm/components/Alert/Alert.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AlertProps } from './AlertProps';
+export declare const Alert: React.ForwardRefExoticComponent<Pick<AlertProps, "classes" | "icon" | "action" | "variant" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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" | "component" | "elevation" | "square" | "innerRef" | "fullWidth" | "link" | "closeText" | "severity" | "iconMapping" | "onClose"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/components/Alert/Alert.js

@@ -0,0 +1,41 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { Link, IconButton, Icon, Alert as Alert$1 } from '@popmenu/common-ui';
+import { X, CheckCircle, Warning, Error, Info } from '@popmenu/web-icons';
+import { useAlertStyles } from './AlertStyles.js';
+
+var severityIcons = {
+    info: Info,
+    error: Error,
+    warning: Warning,
+    success: CheckCircle,
+};
+var getLinkProps = function (link) {
+    if (!link)
+        return null;
+    var href = link.href, onClick = link.onClick, text = link.text;
+    if (!text)
+        return null;
+    var props = { children: text };
+    if (href)
+        return __assign(__assign({}, props), { href: href });
+    if (onClick)
+        return __assign(__assign({}, props), { onClick: onClick });
+    return null;
+};
+var Alert = forwardRef(function (props, ref) {
+    var children = props.children, link = props.link, _a = props.severity, severity = _a === void 0 ? 'error' : _a, _b = props.variant, variant = _b === void 0 ? 'outlined' : _b, onClose = props.onClose, muiProps = __rest(props, ["children", "link", "severity", "variant", "onClose"]);
+    var classes = useAlertStyles(props);
+    var validLink = link && getLinkProps(link);
+    var Action = (React.createElement(React.Fragment, null,
+        validLink && React.createElement(Link, __assign({}, validLink)),
+        onClose && (React.createElement(IconButton, { onClick: onClose },
+            React.createElement(Icon, { icon: X })))));
+    return (React.createElement(Alert$1, __assign({ ref: ref, classes: classes, 
+        // @ts-expect-error - todo.
+        icon: React.createElement(Icon, { icon: severityIcons[severity], size: "extra-large" }), action: Action, variant: variant, severity: severity }, muiProps), children));
+});
+Alert.displayName = 'Alert';
+
+export { Alert };
+//# sourceMappingURL=Alert.js.map

package/build/esm/components/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { Icon, Link, IconButton, Alert as CommonAlert } from '@popmenu/common-ui'\nimport { Info, Error as ErrorIcon, X as XIcon, Warning, CheckCircle } from '@popmenu/web-icons'\nimport { LinkProps } from '@material-ui/core'\nimport { useAlertStyles } from './AlertStyles'\nimport { AlertProps } from './AlertProps'\n\nconst severityIcons: Record<Extract<AlertProps, 'severity'>, string> = {\n  info: Info,\n  error: ErrorIcon,\n  warning: Warning,\n  success: CheckCircle,\n}\n\nconst getLinkProps = (link: AlertProps['link']): Pick<LinkProps, 'children' | 'href' | 'onClick'> | null => {\n  if (!link) return null\n\n  const { href, onClick, text } = link\n\n  if (!text) return null\n\n  const props = { children: text }\n\n  if (href) return { ...props, href }\n  if (onClick) return { ...props, onClick }\n\n  return null\n}\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const { children, link, severity = 'error', variant = 'outlined', onClose, ...muiProps } = props\n  const classes = useAlertStyles(props)\n  const validLink = link && getLinkProps(link)\n  const Action = (\n    <React.Fragment>\n      {validLink && <Link {...validLink} />}\n      {onClose && (\n        <IconButton onClick={onClose}>\n          <Icon icon={XIcon} />\n        </IconButton>\n      )}\n    </React.Fragment>\n  )\n\n  return (\n    <CommonAlert\n      ref={ref}\n      classes={classes}\n      // @ts-expect-error - todo.\n      icon={<Icon icon={severityIcons[severity]} size=\"extra-large\" />}\n      action={Action}\n      variant={variant}\n      severity={severity}\n      {...muiProps}\n    >\n      {children}\n    </CommonAlert>\n  )\n})\n\nAlert.displayName = 'Alert'\n"],"names":["ErrorIcon","XIcon","CommonAlert"],"mappings":";;;;;;AAQA,IAAM,aAAa,GAAoD;AACrE,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,KAAK,EAAEA,KAAS;AAChB,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,OAAO,EAAE,WAAW;CACrB;AAED,IAAM,YAAY,GAAG,UAAC,IAAwB,EAAA;AAC5C,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEd,IAAA,IAAA,IAAI,GAAoB,IAAI,CAAA,IAAxB,EAAE,OAAO,GAAW,IAAI,CAAA,OAAf,EAAE,IAAI,GAAK,IAAI,KAAT;AAE3B,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEtB,IAAA,IAAM,KAAK,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;AAEhC,IAAA,IAAI,IAAI;AAAE,QAAA,OAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAY,KAAK,CAAA,EAAA,EAAE,IAAI,EAAA,IAAA,EAAE,CAAA;AACnC,IAAA,IAAI,OAAO;AAAE,QAAA,OAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAY,KAAK,CAAA,EAAA,EAAE,OAAO,EAAA,OAAA,EAAE,CAAA;AAEzC,IAAA,OAAO,IAAI;AACb,CAAC;IAEY,KAAK,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAE,GAAG,EAAA;AAC7D,IAAA,IAAA,QAAQ,GAA2E,KAAK,CAAhF,QAAA,EAAE,IAAI,GAAqE,KAAK,CAA1E,IAAA,EAAE,KAAmE,KAAK,CAAA,QAAtD,EAAlB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EAAE,EAA+C,GAAA,KAAK,QAAhC,EAApB,OAAO,mBAAG,UAAU,GAAA,EAAA,EAAE,OAAO,GAAkB,KAAK,CAAA,OAAvB,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAA1F,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAkF,CAAF;AACtF,IAAA,IAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC;IACrC,IAAM,SAAS,GAAG,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC;AAC5C,IAAA,IAAM,MAAM,IACV,KAAC,CAAA,aAAA,CAAA,KAAK,CAAC,QAAQ,EAAA,IAAA;AACZ,QAAA,SAAS,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAI,CAAA;AACpC,QAAA,OAAO,KACN,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAE,OAAO,EAAA;YAC1B,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAEC,CAAK,GAAI,CACV,CACd,CACc,CAClB;IAED,QACE,KAAC,CAAA,aAAA,CAAAC,OAAW,EACV,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO;;AAEhB,QAAA,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAC,aAAa,EAAG,CAAA,EAChE,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IACd,QAAQ,CAAA,EAEX,QAAQ,CACG;AAElB,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/build/{components → esm/components}/Alert/AlertProps.d.ts

@@ -1,14 +1,14 @@
-import { AlertProps as CommonAlertProps } from '@popmenu/common-ui';
-import { RefObject } from 'react';
-export interface AlertProps extends CommonAlertProps {
-    /** Makes the fill the width of its container */
-    fullWidth?: boolean;
-    /** Adds a Link to the Alert. */
-    link?: {
-        href?: string;
-        onClick?: () => void;
-        text: string;
-    };
-    /** @ignore */
-    ref?: RefObject<HTMLDivElement>;
-}
+import { AlertProps as CommonAlertProps } from '@popmenu/common-ui';
+import { RefObject } from 'react';
+export interface AlertProps extends CommonAlertProps {
+    /** Makes the fill the width of its container */
+    fullWidth?: boolean;
+    /** Adds a Link to the Alert. */
+    link?: {
+        href?: string;
+        onClick?: () => void;
+        text: string;
+    };
+    /** @ignore */
+    ref?: RefObject<HTMLDivElement>;
+}

package/build/{components → esm/components}/Alert/AlertStyles.d.ts

@@ -1,2 +1,2 @@
-import { AlertProps } from './AlertProps';
-export declare const useAlertStyles: (props: AlertProps) => import("@material-ui/styles").ClassNameMap<"root">;
+import { AlertProps } from './AlertProps';
+export declare const useAlertStyles: (props: AlertProps) => import("@material-ui/styles").ClassNameMap<"root">;

package/build/esm/components/Alert/AlertStyles.js

@@ -0,0 +1,21 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+var useAlertStyles = makeStyles(function (theme) { return ({
+    root: {
+        alignItems: 'center',
+        width: function (_a) {
+            var fullWidth = _a.fullWidth;
+            return (fullWidth ? '100%' : 'unset');
+        },
+        background: 'white',
+        borderColor: function (props) { return theme.palette[props.severity || 'error'].main; },
+        borderLeft: theme.spacing(1) + "px solid",
+        color: theme.palette.text.primary,
+    },
+    icon: {
+        alignSelf: 'start',
+    },
+}); });
+
+export { useAlertStyles };
+//# sourceMappingURL=AlertStyles.js.map

package/build/esm/components/Alert/AlertStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertStyles.js","sources":["../../../../src/components/Alert/AlertStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { AlertProps } from './AlertProps'\n\nexport const useAlertStyles = makeStyles<Theme, AlertProps, 'root'>((theme) => ({\n  root: {\n    alignItems: 'center',\n    width: ({ fullWidth }) => (fullWidth ? '100%' : 'unset'),\n    background: 'white',\n    borderColor: (props) => theme.palette[props.severity || 'error'].main,\n    borderLeft: `${theme.spacing(1)}px solid`,\n    color: theme.palette.text.primary,\n  },\n  icon: {\n    alignSelf: 'start',\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,cAAc,GAAG,UAAU,CAA4B,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9E,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,UAAC,EAAa,EAAA;AAAX,YAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;YAAO,QAAC,SAAS,GAAG,MAAM,GAAG,OAAO;SAAC;AACxD,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,IAAI,GAAA;AACrE,QAAA,UAAU,EAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAU,UAAA;AACzC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,OAAO;AACnB,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/{components → esm/components}/Alert/index.d.ts

@@ -1,2 +1,2 @@
-export { Alert as default } from './Alert';
-export { AlertProps } from './AlertProps';
+export { Alert as default } from './Alert';
+export { AlertProps } from './AlertProps';

package/build/esm/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AlertDialogProps } from './AlertDialogProps';
+export declare const AlertDialog: React.ForwardRefExoticComponent<Pick<AlertDialogProps, "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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" | "innerRef" | "maxWidth" | "transitionDuration" | "scroll" | "open" | "disabled" | "fullWidth" | "severity" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "container" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "cancelButtonText" | "hideCancelButton" | "descriptionId" | "labelId" | "onCancel" | "onProceed" | "proceedButtonText" | "fullScreen" | "PaperComponent" | "PaperProps" | "TransitionComponent" | "TransitionProps"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/components/AlertDialog/AlertDialog.js

@@ -0,0 +1,32 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { Button } from '../Button/Button.js';
+import { Dialog, Card, IconButton, Icon, CardContent, Box, CardActions } from '@popmenu/common-ui';
+import { X, CheckCircle, Warning, Error, Info } from '@popmenu/web-icons';
+import { useAlertDialogStyles } from './AlertDialogStyles.js';
+
+var severityIcons = {
+    info: Info,
+    error: Error,
+    warning: Warning,
+    success: CheckCircle,
+};
+var AlertDialog = forwardRef(function (props, ref) {
+    var _a = props.cancelButtonText, cancelButtonText = _a === void 0 ? 'cancel' : _a, _b = props.hideCancelButton, hideCancelButton = _b === void 0 ? false : _b, children = props.children, labelId = props.labelId, descriptionId = props.descriptionId, _c = props.severity, severity = _c === void 0 ? 'info' : _c, _d = props.proceedButtonText, proceedButtonText = _d === void 0 ? 'proceed' : _d, _e = props.disabled, disabled = _e === void 0 ? false : _e, onClose = props.onClose, onCancel = props.onCancel, onProceed = props.onProceed, DialogProps = __rest(props, ["cancelButtonText", "hideCancelButton", "children", "labelId", "descriptionId", "severity", "proceedButtonText", "disabled", "onClose", "onCancel", "onProceed"]);
+    var classes = useAlertDialogStyles(props);
+    return (React.createElement(Dialog, __assign({ ref: ref, classes: { paper: classes.root }, maxWidth: "sm", fullWidth: true }, DialogProps),
+        React.createElement(Card, { classes: { root: classes.card }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": labelId, "aria-describedby": descriptionId },
+            React.createElement(IconButton, { className: classes.cancelIcon, onClick: onClose, disabled: disabled },
+                React.createElement(Icon, { icon: X })),
+            React.createElement(CardContent, null,
+                React.createElement(Box, { display: "flex" },
+                    React.createElement(Icon, { className: classes.icon, color: severity, icon: severityIcons[severity] }),
+                    React.createElement(Box, { pl: 2, pr: 3 }, children))),
+            React.createElement(CardActions, { classes: { root: classes.cardActions } },
+                !hideCancelButton && (React.createElement(Button, { onClick: onCancel, disabled: disabled, variant: "ghost" }, cancelButtonText)),
+                React.createElement(Button, { onClick: onProceed, loading: disabled, variant: severity }, proceedButtonText)))));
+});
+AlertDialog.displayName = 'AlertDialog';
+
+export { AlertDialog };
+//# sourceMappingURL=AlertDialog.js.map

package/build/esm/components/AlertDialog/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.js","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport Button from '../Button'\nimport { Card, Dialog, Icon, IconButton, Box, CardActions, CardContent } from '@popmenu/common-ui'\nimport { Info, Error as ErrorIcon, X as XIcon, Warning, CheckCircle } from '@popmenu/web-icons'\nimport { useAlertDialogStyles } from './AlertDialogStyles'\nimport { AlertDialogProps } from './AlertDialogProps'\n\nconst severityIcons: Record<Extract<AlertDialogProps, 'severity'>, string> = {\n  info: Info,\n  error: ErrorIcon,\n  warning: Warning,\n  success: CheckCircle,\n}\n\nexport const AlertDialog = forwardRef<HTMLDivElement, AlertDialogProps>((props, ref) => {\n  const {\n    cancelButtonText = 'cancel',\n    hideCancelButton = false,\n    children,\n    labelId,\n    descriptionId,\n    severity = 'info',\n    proceedButtonText = 'proceed',\n    disabled = false,\n    onClose,\n    onCancel,\n    onProceed,\n    ...DialogProps\n  } = props\n  const classes = useAlertDialogStyles(props)\n  return (\n    <Dialog ref={ref} classes={{ paper: classes.root }} maxWidth=\"sm\" fullWidth={true} {...DialogProps}>\n      <Card\n        classes={{ root: classes.card }}\n        role=\"alertdialog\"\n        aria-modal=\"true\"\n        aria-labelledby={labelId}\n        aria-describedby={descriptionId}\n      >\n        <IconButton className={classes.cancelIcon} onClick={onClose} disabled={disabled}>\n          <Icon icon={XIcon} />\n        </IconButton>\n        <CardContent>\n          <Box display=\"flex\">\n            {/* @ts-expect-error - todo. */}\n            <Icon className={classes.icon} color={severity} icon={severityIcons[severity]} />\n            <Box pl={2} pr={3}>\n              {children}\n            </Box>\n          </Box>\n        </CardContent>\n        <CardActions classes={{ root: classes.cardActions }}>\n          {!hideCancelButton && (\n            <Button onClick={onCancel} disabled={disabled} variant=\"ghost\">\n              {cancelButtonText}\n            </Button>\n          )}\n          <Button onClick={onProceed} loading={disabled} variant={severity}>\n            {proceedButtonText}\n          </Button>\n        </CardActions>\n      </Card>\n    </Dialog>\n  )\n})\n\nAlertDialog.displayName = 'AlertDialog'\n"],"names":["ErrorIcon","XIcon"],"mappings":"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"}

package/build/{components → esm/components}/AlertDialog/AlertDialogProps.d.ts

@@ -1,26 +1,26 @@
-import { Ref } from 'react';
-import { DialogProps } from '@popmenu/common-ui';
-export interface AlertDialogProps extends DialogProps {
-    /** Sets the text within the cancel button. */
-    cancelButtonText?: string;
-    /** Hides the cancel button. */
-    hideCancelButton?: boolean;
-    /** The id of the DOM node serving as the description for the AlertDialog. Required for accessibility standards. */
-    descriptionId: string;
-    /** The id of the DOM node serving as the label for the AlertDialog. Required for accessibility standards. */
-    labelId: string;
-    /** Callback for when the cancel button in the dialog is clicked. */
-    onClose?: (event: React.SyntheticEvent) => void;
-    /** Callback for when the cancel button in the dialog is clicked. */
-    onCancel?: () => void;
-    /** Callback for when the proceed button in the dialog is clicked. */
-    onProceed?: () => void;
-    /** Sets the text within the proceed button. */
-    proceedButtonText?: string;
-    /** Sets disabled state on the buttons */
-    disabled?: boolean;
-    /** Sets the type of dialog that will be shown. */
-    severity?: 'info' | 'error' | 'warning' | 'success';
-    /** @ignore */
-    ref?: (instance: HTMLDivElement) => void | Ref<HTMLDivElement> | null;
-}
+import { Ref } from 'react';
+import { DialogProps } from '@popmenu/common-ui';
+export interface AlertDialogProps extends DialogProps {
+    /** Sets the text within the cancel button. */
+    cancelButtonText?: string;
+    /** Hides the cancel button. */
+    hideCancelButton?: boolean;
+    /** The id of the DOM node serving as the description for the AlertDialog. Required for accessibility standards. */
+    descriptionId: string;
+    /** The id of the DOM node serving as the label for the AlertDialog. Required for accessibility standards. */
+    labelId: string;
+    /** Callback for when the cancel button in the dialog is clicked. */
+    onClose?: (event: React.SyntheticEvent) => void;
+    /** Callback for when the cancel button in the dialog is clicked. */
+    onCancel?: () => void;
+    /** Callback for when the proceed button in the dialog is clicked. */
+    onProceed?: () => void;
+    /** Sets the text within the proceed button. */
+    proceedButtonText?: string;
+    /** Sets disabled state on the buttons */
+    disabled?: boolean;
+    /** Sets the type of dialog that will be shown. */
+    severity?: 'info' | 'error' | 'warning' | 'success';
+    /** @ignore */
+    ref?: (instance: HTMLDivElement) => void | Ref<HTMLDivElement> | null;
+}

package/build/esm/components/AlertDialog/AlertDialogStyles.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialogProps } from './AlertDialogProps';
+export declare const useAlertDialogStyles: (props: AlertDialogProps) => import("@material-ui/styles").ClassNameMap<"root" | "icon" | "cancelButton" | "cancelIcon" | "card" | "cardActions">;

package/build/esm/components/AlertDialog/AlertDialogStyles.js

@@ -0,0 +1,29 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+var useAlertDialogStyles = makeStyles(function (theme) { return ({
+    cancelButton: {
+        color: theme.palette.grey[700],
+    },
+    cancelIcon: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(2),
+    },
+    card: {
+        borderRadius: theme.spacing(0.75),
+        borderTop: function (props) { return theme.spacing(1.25) + "px solid " + theme.palette[props.severity || 'info'].main; },
+    },
+    cardActions: {
+        background: theme.palette.grey[100],
+        justifyContent: 'flex-end',
+    },
+    icon: {
+        fontSize: theme.spacing(5),
+    },
+    root: {
+        borderRadius: theme.spacing(0.75),
+    },
+}); });
+
+export { useAlertDialogStyles };
+//# sourceMappingURL=AlertDialogStyles.js.map

package/build/esm/components/AlertDialog/AlertDialogStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogStyles.js","sources":["../../../../src/components/AlertDialog/AlertDialogStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { AlertDialogProps } from './AlertDialogProps'\n\nexport const useAlertDialogStyles = makeStyles<\n  Theme,\n  AlertDialogProps,\n  'cancelButton' | 'cancelIcon' | 'card' | 'cardActions' | 'icon' | 'root'\n>((theme) => ({\n  cancelButton: {\n    color: theme.palette.grey[700],\n  },\n  cancelIcon: {\n    position: 'absolute',\n    right: theme.spacing(1),\n    top: theme.spacing(2),\n  },\n  card: {\n    borderRadius: theme.spacing(0.75),\n    borderTop: (props) => `${theme.spacing(1.25)}px solid ${theme.palette[props.severity || 'info'].main}`,\n  },\n  cardActions: {\n    background: theme.palette.grey[100],\n    justifyContent: 'flex-end',\n  },\n  icon: {\n    fontSize: theme.spacing(5),\n  },\n  root: {\n    borderRadius: theme.spacing(0.75),\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,oBAAoB,GAAG,UAAU,CAI5C,UAAC,KAAK,EAAK,EAAA,QAAC;AACZ,IAAA,YAAY,EAAE;QACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACvB,QAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACtB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,SAAS,EAAE,UAAC,KAAK,EAAK,EAAA,OAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAA,WAAA,GAAY,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC,IAAM,CAAA,EAAA;AACvG,KAAA;AACD,IAAA,WAAW,EAAE;QACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,cAAc,EAAE,UAAU;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAClC,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/{components → esm/components}/AlertDialog/index.d.ts

@@ -1,2 +1,2 @@
-export { AlertDialog as default } from './AlertDialog';
-export { AlertDialogProps } from './AlertDialogProps';
+export { AlertDialog as default } from './AlertDialog';
+export { AlertDialogProps } from './AlertDialogProps';

package/build/{components → esm/components}/AlertDialogHeader/AlertDialogHeader.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { BoxProps } from '@popmenu/common-ui';
-export declare const AlertDialogHeader: FC<BoxProps>;
+import { FC } from 'react';
+import { BoxProps } from '@popmenu/common-ui';
+export declare const AlertDialogHeader: FC<BoxProps>;

package/build/esm/components/AlertDialogHeader/AlertDialogHeader.js

@@ -0,0 +1,13 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { Box, Typography } from '@popmenu/common-ui';
+
+var AlertDialogHeader = function (props) {
+    var children = props.children, muiProps = __rest(props, ["children"]);
+    return (React.createElement(Box, __assign({ display: "flex", height: 40, alignItems: "center" }, muiProps),
+        React.createElement(Typography, { variant: "h6" }, children)));
+};
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+
+export { AlertDialogHeader };
+//# sourceMappingURL=AlertDialogHeader.js.map

package/build/esm/components/AlertDialogHeader/AlertDialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogHeader.js","sources":["../../../../src/components/AlertDialogHeader/AlertDialogHeader.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box, BoxProps, Typography } from '@popmenu/common-ui'\n\nexport const AlertDialogHeader: FC<BoxProps> = (props) => {\n  const { children, ...muiProps } = props\n  return (\n    <Box display=\"flex\" height={40} alignItems=\"center\" {...muiProps}>\n      <Typography variant=\"h6\">{children}</Typography>\n    </Box>\n  )\n}\n\nAlertDialogHeader.displayName = 'AlertDialogHeader'\n"],"names":[],"mappings":";;;;AAIO,IAAM,iBAAiB,GAAiB,UAAC,KAAK,EAAA;IAC3C,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAC7B,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,UAAU,EAAC,QAAQ,IAAK,QAAQ,CAAA;QAC9D,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,OAAO,EAAC,IAAI,IAAE,QAAQ,CAAc,CAC5C;AAEV;AAEA,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/build/{components → esm/components}/AlertDialogHeader/index.d.ts

@@ -1 +1 @@
-export { AlertDialogHeader as default } from './AlertDialogHeader';
+export { AlertDialogHeader as default } from './AlertDialogHeader';

package/build/{components → esm/components}/AlertTitle/AlertTitle.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { AlertTitleProps } from '@material-ui/lab/AlertTitle';
-export declare const AlertTitle: FC<AlertTitleProps>;
+import { FC } from 'react';
+import { AlertTitleProps } from '@material-ui/lab/AlertTitle';
+export declare const AlertTitle: FC<AlertTitleProps>;

package/build/esm/components/AlertTitle/AlertTitle.js

@@ -0,0 +1,17 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import MuiAlertTitle from '@material-ui/lab/AlertTitle';
+import { Typography } from '@popmenu/common-ui';
+
+var AlertTitle = function (props) {
+    var children = props.children, muiProps = __rest(props, ["children"]);
+    return (React.createElement(MuiAlertTitle, __assign({}, muiProps),
+        React.createElement(Typography, { variant: "h6" },
+            " ",
+            children,
+            " ")));
+};
+AlertTitle.displayName = 'AlertTitle';
+
+export { AlertTitle };
+//# sourceMappingURL=AlertTitle.js.map

package/build/esm/components/AlertTitle/AlertTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertTitle.js","sources":["../../../../src/components/AlertTitle/AlertTitle.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport MuiAlertTitle, { AlertTitleProps } from '@material-ui/lab/AlertTitle'\n\nimport { Typography } from '@popmenu/common-ui'\n\nexport const AlertTitle: FC<AlertTitleProps> = (props) => {\n  const { children, ...muiProps } = props\n  return (\n    <MuiAlertTitle {...muiProps}>\n      <Typography variant=\"h6\"> {children} </Typography>\n    </MuiAlertTitle>\n  )\n}\n\nAlertTitle.displayName = 'AlertTitle'\n"],"names":[],"mappings":";;;;;AAKO,IAAM,UAAU,GAAwB,UAAC,KAAK,EAAA;IAC3C,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAC7B,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,QAAA,CAAA,EAAA,EAAK,QAAQ,CAAA;AACzB,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA;;YAAG,QAAQ;AAAe,YAAA,GAAA,CAAA,CACpC;AAEpB;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/build/{components → esm/components}/AlertTitle/index.d.ts

@@ -1,2 +1,2 @@
-export { AlertTitle as default } from './AlertTitle';
-export { AlertTitleProps } from '@material-ui/lab/AlertTitle';
+export { AlertTitle as default } from './AlertTitle';
+export { AlertTitleProps } from '@material-ui/lab/AlertTitle';

package/build/{components → esm/components}/Button/Button.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import { ButtonProps } from './ButtonProps';
-interface ButtonType {
-    <C extends React.ElementType = 'a'>(props: ButtonProps<C> & {
-        component?: C;
-    }): React.ReactElement;
-    defaultProps?: Partial<ButtonProps>;
-    displayName?: string;
-}
-export declare const Button: ButtonType;
-export {};
+import React from 'react';
+import { ButtonProps } from './ButtonProps';
+interface ButtonType {
+    <C extends React.ElementType = 'a'>(props: ButtonProps<C> & {
+        component?: C;
+    }): React.ReactElement;
+    defaultProps?: Partial<ButtonProps>;
+    displayName?: string;
+}
+export declare const Button: ButtonType;
+export {};

package/build/esm/components/Button/Button.js

@@ -0,0 +1,22 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { Button as Button$1 } from '@popmenu/common-ui';
+import { useButtonStyles } from './ButtonStyles.js';
+import { deriveButtonProps } from './util/deriveButtonProps.js';
+
+// eslint-disable-next-line react/display-name -- false positive
+var Button = forwardRef(function (props, ref) {
+    var children = props.children; props.variant; var classesOverride = props.classes, commonProps = __rest(props, ["children", "variant", "classes"]);
+    var classes = useButtonStyles(props);
+    var derivedProps = deriveButtonProps(props);
+    var mergedProps = __assign(__assign({}, derivedProps), commonProps);
+    return (React.createElement(Button$1, __assign({ ref: ref, classes: __assign(__assign({}, classes), classesOverride), disableElevation: true }, mergedProps), children));
+});
+Button.defaultProps = {
+    textTransform: 'uppercase',
+    variant: 'primary',
+};
+Button.displayName = 'Button';
+
+export { Button };
+//# sourceMappingURL=Button.js.map

package/build/esm/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Button as CommonButton } from '@popmenu/common-ui'\n\nimport { ButtonProps } from './ButtonProps'\nimport { useButtonStyles } from './ButtonStyles'\nimport { deriveButtonProps } from './util/deriveButtonProps'\n\ninterface ButtonType {\n  <C extends React.ElementType = 'a'>(props: ButtonProps<C> & { component?: C }): React.ReactElement\n  defaultProps?: Partial<ButtonProps>\n  displayName?: string\n}\n\n// eslint-disable-next-line react/display-name -- false positive\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n  const { children, variant: remove, classes: classesOverride, ...commonProps } = props\n  const classes = useButtonStyles(props)\n  const derivedProps = deriveButtonProps(props)\n  const mergedProps = {\n    ...derivedProps,\n    ...commonProps,\n  }\n\n  return (\n    <CommonButton\n      ref={ref}\n      classes={{\n        ...classes,\n        ...classesOverride,\n      }}\n      disableElevation={true}\n      {...mergedProps}\n    >\n      {children}\n    </CommonButton>\n  )\n}) as ButtonType\n\nButton.defaultProps = {\n  textTransform: 'uppercase',\n  variant: 'primary',\n}\n\nButton.displayName = 'Button'\n"],"names":["CommonButton"],"mappings":";;;;;;AAaA;IACa,MAAM,GAAG,UAAU,CAAiC,UAAC,KAAK,EAAE,GAAG,EAAA;IAClE,IAAA,QAAQ,GAAgE,KAAK,CAAA,QAArE,EAAgE,KAAK,CAApD,OAAA,CAAA,KAAW,eAAe,GAAqB,KAAK,QAA1B,CAAK,CAAA,WAAW,UAAK,KAAK,EAA/E,CAAuE,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA;AAC7E,IAAA,IAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC;AACtC,IAAA,IAAM,YAAY,GAAG,iBAAiB,CAAC,KAAK,CAAC;AAC7C,IAAA,IAAM,WAAW,GACZ,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,YAAY,CACZ,EAAA,WAAW,CACf;IAED,QACE,oBAACA,QAAY,EAAA,QAAA,CAAA,EACX,GAAG,EAAE,GAAG,EACR,OAAO,EACF,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,OAAO,GACP,eAAe,CAAA,EAEpB,gBAAgB,EAAE,IAAI,EAAA,EAClB,WAAW,CAEd,EAAA,QAAQ,CACI;AAEnB,CAAC;AAED,MAAM,CAAC,YAAY,GAAG;AACpB,IAAA,aAAa,EAAE,WAAW;AAC1B,IAAA,OAAO,EAAE,SAAS;CACnB;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/build/{components → esm/components}/Button/ButtonProps.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ButtonProps as CommonButtonProps } from '@popmenu/common-ui';
-export declare type ButtonProps<C extends React.ElementType = 'button'> = Omit<CommonButtonProps<C>, 'variant'> & {
-    loading?: boolean;
-    /** Sets the overall visual of a button according the the design system button variants. Accepts MUI variants and
-     * pre-defined design system variants */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'success' | 'info' | 'warning' | 'error' | 'outlined' | 'contained' | 'text';
-};
+import React from 'react';
+import { ButtonProps as CommonButtonProps } from '@popmenu/common-ui';
+export declare type ButtonProps<C extends React.ElementType = 'button'> = Omit<CommonButtonProps<C>, 'variant'> & {
+    loading?: boolean;
+    /** Sets the overall visual of a button according the the design system button variants. Accepts MUI variants and
+     * pre-defined design system variants */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'success' | 'info' | 'warning' | 'error' | 'outlined' | 'contained' | 'text';
+};

package/build/{components → esm/components}/Button/ButtonStyles.d.ts

@@ -1,7 +1,7 @@
-import { ButtonProps } from './ButtonProps';
-export declare const buttonTypography: {
-    fontWeight: number;
-    fontSize: string;
-    lineHeight: string;
-};
-export declare const useButtonStyles: (props: ButtonProps) => import("@material-ui/styles").ClassNameMap<string>;
+import { ButtonProps } from './ButtonProps';
+export declare const buttonTypography: {
+    fontWeight: number;
+    fontSize: string;
+    lineHeight: string;
+};
+export declare const useButtonStyles: (props: ButtonProps<"button">) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/Button/ButtonStyles.js

@@ -0,0 +1,123 @@
+import { __assign } from 'tslib';
+import { makeStyles } from '@material-ui/core';
+
+var borderWidth = 1;
+var getColor = function (palette, props) {
+    var variant = props.variant;
+    var color = 'inherit';
+    if (['primary', 'info', 'success', 'warning', 'error'].includes(variant)) {
+        // @ts-expect-error - todo.
+        color = palette[variant].contrastText;
+    }
+    if (variant === 'secondary') {
+        color = palette[variant].main;
+        /**
+         * Temporary fix for dark theme buttons.
+         * Dark theme will be addressed in ch-11596 and the following if block should be removed
+         */
+        if (palette.type === 'dark') {
+            color = 'black';
+        }
+    }
+    if (variant === 'tertiary') {
+        color = palette.secondary.contrastText;
+    }
+    if (variant === 'text') {
+        color = palette.info.main;
+    }
+    return color;
+};
+var getColorHover = function (palette, props) {
+    var color;
+    if (props.variant === 'secondary') {
+        color = palette.secondary.contrastText;
+    }
+    return color;
+};
+var getBackground = function (palette, props) {
+    var backgroundColor = 'inherit';
+    if (['info', 'success', 'warning', 'error'].includes(props.variant)) {
+        // @ts-expect-error - todo.
+        backgroundColor = palette[props.variant].main;
+    }
+    if (props.variant === 'primary') {
+        // @ts-expect-error gradient colors are included in the extended palette.
+        backgroundColor = "linear-gradient(97.36deg, " + palette.primary.gradientStart + " 17.03%, " + palette.primary.gradientEnd + " 72.96%)";
+    }
+    if (props.variant === 'secondary') {
+        backgroundColor = 'white';
+    }
+    if (props.variant === 'tertiary') {
+        backgroundColor = palette.secondary.main;
+    }
+    return backgroundColor;
+};
+var getBackgroundHover = function (palette, props) {
+    var backgroundHoverColor = 'inherit';
+    if (['primary', 'info', 'success', 'warning', 'error'].includes(props.variant)) {
+        // @ts-expect-error - todo.
+        backgroundHoverColor = palette[props.variant].dark;
+    }
+    if (props.variant === 'secondary') {
+        backgroundHoverColor = palette.secondary.main;
+    }
+    if (props.variant === 'tertiary') {
+        backgroundHoverColor = palette.secondary.light;
+    }
+    if (props.variant === 'text' || props.variant === 'ghost') {
+        backgroundHoverColor = palette.action.hover;
+    }
+    return backgroundHoverColor;
+};
+var buttonTypography = {
+    fontWeight: 500,
+    fontSize: '0.875rem',
+    lineHeight: '1.25rem',
+};
+var useButtonStyles = makeStyles(function (_a) {
+    var palette = _a.palette, spacing = _a.spacing;
+    return ({
+        root: function (props) { return ({
+            minWidth: 'unset',
+            color: getColor(palette, props),
+            background: getBackground(palette, props),
+            backgroundColor: props.variant === 'primary' ? palette.primary.dark : getBackground(palette, props),
+            borderRadius: spacing(6),
+            transition: 'all 200ms ease-in-out',
+            '&:hover': {
+                color: getColorHover(palette, props),
+                background: getBackgroundHover(palette, props),
+            },
+        }); },
+        disabled: {
+            '&$root': {
+                background: palette.action.disabled,
+            },
+        },
+        contained: {
+            padding: spacing(1, 2),
+        },
+        outlined: {
+            padding: "calc(" + spacing(1) + "px - " + borderWidth + "px) calc(" + spacing(2) + "px - " + borderWidth + "px)",
+            '&$sizeSmall': {
+                padding: "calc(" + spacing(0.5) + "px - " + borderWidth + "px) calc(" + spacing(2) + "px - " + borderWidth + "px)",
+            },
+            '&$sizeLarge': {
+                padding: "calc(" + spacing(1.5) + "px - " + borderWidth + "px) calc(" + spacing(2) + "px - " + borderWidth + "px)",
+            },
+        },
+        text: {
+            padding: spacing(1, 2),
+        },
+        label: __assign(__assign({}, buttonTypography), { textTransform: function (props) { return props.textTransform; } }),
+        sizeSmall: {
+            padding: spacing(0.5, 2),
+        },
+        sizeLarge: {
+            padding: spacing(1.5, 2),
+        },
+    });
+});
+
+export { buttonTypography, useButtonStyles };
+//# sourceMappingURL=ButtonStyles.js.map

package/build/esm/components/Button/ButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonStyles.js","sources":["../../../../src/components/Button/ButtonStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ButtonProps } from './ButtonProps'\n\nconst borderWidth = 1\n\nconst getColor = (palette: Theme['palette'], props: ButtonProps): string => {\n  const variant = props.variant as string\n  let color = 'inherit'\n  if (['primary', 'info', 'success', 'warning', 'error'].includes(variant)) {\n    // @ts-expect-error - todo.\n    color = palette[variant].contrastText\n  }\n  if (variant === 'secondary') {\n    color = palette[variant].main\n    /**\n     * Temporary fix for dark theme buttons.\n     * Dark theme will be addressed in ch-11596 and the following if block should be removed\n     */\n    if (palette.type === 'dark') {\n      color = 'black'\n    }\n  }\n  if (variant === 'tertiary') {\n    color = palette.secondary.contrastText\n  }\n  if (variant === 'text') {\n    color = palette.info.main\n  }\n  return color\n}\n\nconst getColorHover = (palette: Theme['palette'], props: ButtonProps): string | undefined => {\n  let color\n  if (props.variant === 'secondary') {\n    color = palette.secondary.contrastText\n  }\n  return color\n}\n\nconst getBackground = (palette: Theme['palette'], props: ButtonProps): string => {\n  let backgroundColor = 'inherit'\n  if (['info', 'success', 'warning', 'error'].includes(props.variant as string)) {\n    // @ts-expect-error - todo.\n    backgroundColor = palette[props.variant as string].main\n  }\n  if (props.variant === 'primary') {\n    // @ts-expect-error gradient colors are included in the extended palette.\n    backgroundColor = `linear-gradient(97.36deg, ${palette.primary.gradientStart} 17.03%, ${palette.primary.gradientEnd} 72.96%)`\n  }\n  if (props.variant === 'secondary') {\n    backgroundColor = 'white'\n  }\n  if (props.variant === 'tertiary') {\n    backgroundColor = palette.secondary.main\n  }\n  return backgroundColor\n}\n\nconst getBackgroundHover = (palette: Theme['palette'], props: ButtonProps): string => {\n  let backgroundHoverColor = 'inherit'\n  if (['primary', 'info', 'success', 'warning', 'error'].includes(props.variant as string)) {\n    // @ts-expect-error - todo.\n    backgroundHoverColor = palette[props.variant as string].dark\n  }\n  if (props.variant === 'secondary') {\n    backgroundHoverColor = palette.secondary.main\n  }\n  if (props.variant === 'tertiary') {\n    backgroundHoverColor = palette.secondary.light\n  }\n  if (props.variant === 'text' || props.variant === 'ghost') {\n    backgroundHoverColor = palette.action.hover\n  }\n  return backgroundHoverColor\n}\n\nexport const buttonTypography = {\n  fontWeight: 500,\n  fontSize: '0.875rem',\n  lineHeight: '1.25rem',\n}\n\nexport const useButtonStyles = makeStyles<Theme, ButtonProps>(({ palette, spacing }) => ({\n  root: (props) => ({\n    minWidth: 'unset',\n    color: getColor(palette, props),\n    background: getBackground(palette, props),\n    backgroundColor: props.variant === 'primary' ? palette.primary.dark : getBackground(palette, props),\n    borderRadius: spacing(6),\n    transition: 'all 200ms ease-in-out',\n    '&:hover': {\n      color: getColorHover(palette, props),\n      background: getBackgroundHover(palette, props),\n    },\n  }),\n  disabled: {\n    '&$root': {\n      background: palette.action.disabled,\n    },\n  },\n  contained: {\n    padding: spacing(1, 2),\n  },\n  outlined: {\n    padding: `calc(${spacing(1)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    '&$sizeSmall': {\n      padding: `calc(${spacing(0.5)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    },\n    '&$sizeLarge': {\n      padding: `calc(${spacing(1.5)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    },\n  },\n  text: {\n    padding: spacing(1, 2),\n  },\n  label: {\n    ...buttonTypography,\n    textTransform: (props) => props.textTransform,\n  },\n  sizeSmall: {\n    padding: spacing(0.5, 2),\n  },\n  sizeLarge: {\n    padding: spacing(1.5, 2),\n  },\n}))\n"],"names":[],"mappings":"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"}