@popmenu/common-ui 0.126.2 → 0.126.4

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TooltipProps } from './TooltipProps';
-export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "color" | "translate" | "hidden" | "style" | "open" | "aria-describedby" | "aria-hidden" | "aria-label" | "className" | "slot" | "title" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "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" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "onClose" | "arrow" | "disableFocusListener" | "disableHoverListener" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "interactive" | "leaveDelay" | "leaveTouchDelay" | "onOpen" | "placement" | "PopperComponent" | "PopperProps" | "TransitionComponent" | "TransitionProps"> & React.RefAttributes<HTMLElement>>;
+export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "color" | "aria-describedby" | "aria-hidden" | "aria-label" | "className" | "translate" | "hidden" | "style" | "open" | "children" | "slot" | "title" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "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" | "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" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "onClose" | "arrow" | "disableFocusListener" | "disableHoverListener" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "interactive" | "leaveDelay" | "leaveTouchDelay" | "onOpen" | "placement" | "PopperComponent" | "PopperProps" | "TransitionComponent" | "TransitionProps"> & React.RefAttributes<HTMLElement>>;

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

@@ -1,9 +1,6 @@
 import React from 'react';
 import { TypographyProps } from './TypographyProps';
 export declare const Typography: {
-    <C extends React.ElementType<any> = "span">(props: TypographyProps<C>): JSX.Element;
+    <C extends React.ElementType<any> = "span">({ TypographyRef, color, variant, weight, ...restProps }: TypographyProps<C>): JSX.Element;
     displayName: string;
-    defaultProps: {
-        variant: "body1";
-    };
 };

package/build/esm/components/Typography/Typography.js

@@ -1,17 +1,15 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Typography as Typography$1 } from '@material-ui/core';
-import { defaultTypographyProps } from './TypographyProps.js';
 import { useTypographyStyles } from './TypographyStyles.js';
 
-var Typography = function (props) {
-    props.weight; props.color; var TypographyRef = props.TypographyRef, restProps = __rest(props, ["weight", "color", "TypographyRef"]);
-    var classes = useTypographyStyles(__assign({}, props));
+var Typography = function (_a) {
+    var TypographyRef = _a.TypographyRef, color = _a.color, _b = _a.variant, variant = _b === void 0 ? 'body1' : _b, weight = _a.weight, restProps = __rest(_a, ["TypographyRef", "color", "variant", "weight"]);
+    var classes = useTypographyStyles({ color: color, variant: variant, weight: weight });
     var variantMapping = { subtitle1: 'p' };
-    return React.createElement(Typography$1, __assign({ classes: classes, variantMapping: variantMapping, ref: TypographyRef }, restProps));
+    return (React.createElement(Typography$1, __assign({ classes: classes, variant: variant, variantMapping: variantMapping, ref: TypographyRef }, restProps)));
 };
 Typography.displayName = 'Typography';
-Typography.defaultProps = defaultTypographyProps;
 
 export { Typography };
 //# sourceMappingURL=Typography.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React from 'react'\nimport { Typography as MuiTypography } from '@material-ui/core'\n\nimport { TypographyProps, defaultTypographyProps, DefaultTypographyComponent } from './TypographyProps'\nimport { useTypographyStyles } from './TypographyStyles'\n\nexport const Typography = <C extends React.ElementType = DefaultTypographyComponent>(props: TypographyProps<C>) => {\n  const { weight, color, TypographyRef, ...restProps } = props\n  const classes = useTypographyStyles({ ...props } as TypographyProps & typeof defaultTypographyProps)\n  const variantMapping = { subtitle1: 'p' }\n  return <MuiTypography classes={classes} variantMapping={variantMapping} ref={TypographyRef} {...restProps} />\n}\n\nTypography.displayName = 'Typography'\n\nTypography.defaultProps = defaultTypographyProps\n"],"names":["MuiTypography"],"mappings":";;;;;;AAMO,IAAM,UAAU,GAAG,UAA2D,KAAyB,EAAA;IACrD,KAAK,CAAA,MAA9C,EAAyC,KAAK,CAAvC,KAAA,CAAA,KAAE,aAAa,GAAmB,KAAK,cAAxB,CAAK,CAAA,SAAS,UAAK,KAAK,EAAtD,CAA8C,QAAA,EAAA,OAAA,EAAA,eAAA,CAAA;IACpD,IAAM,OAAO,GAAG,mBAAmB,CAAC,aAAK,KAAK,CAAqD,CAAC;AACpG,IAAA,IAAM,cAAc,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE;AACzC,IAAA,OAAO,oBAACA,YAAa,EAAA,QAAA,CAAA,EAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,EAAM,EAAA,SAAS,EAAI;AAC/G;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;AAErC,UAAU,CAAC,YAAY,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React from 'react'\nimport { Typography as MuiTypography } from '@material-ui/core'\n\nimport { TypographyProps, DefaultTypographyComponent } from './TypographyProps'\nimport { useTypographyStyles } from './TypographyStyles'\n\nexport const Typography = <C extends React.ElementType = DefaultTypographyComponent>({\n  TypographyRef,\n  color,\n  variant = 'body1',\n  weight,\n  ...restProps\n}: TypographyProps<C>) => {\n  const classes = useTypographyStyles({ color, variant, weight })\n  const variantMapping = { subtitle1: 'p' }\n  return (\n    <MuiTypography\n      classes={classes}\n      variant={variant}\n      variantMapping={variantMapping}\n      ref={TypographyRef}\n      {...restProps}\n    />\n  )\n}\n\nTypography.displayName = 'Typography'\n"],"names":["MuiTypography"],"mappings":";;;;;AAMO,IAAM,UAAU,GAAG,UAA2D,EAMhE,EAAA;AALnB,IAAA,IAAA,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,eAAiB,EAAjB,OAAO,mBAAG,OAAO,GAAA,EAAA,EACjB,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,SAAS,GAAA,MAAA,CAAA,EAAA,EALuE,+CAMpF,CADa;AAEZ,IAAA,IAAM,OAAO,GAAG,mBAAmB,CAAC,EAAE,KAAK,EAAA,KAAA,EAAE,OAAO,SAAA,EAAE,MAAM,EAAA,MAAA,EAAE,CAAC;AAC/D,IAAA,IAAM,cAAc,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE;IACzC,QACE,oBAACA,YAAa,EAAA,QAAA,CAAA,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,GAAG,EAAE,aAAa,EACd,EAAA,SAAS,CACb,CAAA;AAEN;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/build/esm/components/Typography/TypographyProps.d.ts

@@ -1,14 +1,12 @@
-import { TypographyProps as MuiTypographyProps, TypographyTypeMap } from '@material-ui/core';
+import { TypographyProps as MuiTypographyProps, TypographyTypeMap, TypographyVariant } from '@material-ui/core';
 import React, { RefObject } from 'react';
 export declare type ThemeColors = 'primary.light' | 'primary' | 'primary.dark' | 'secondary.light' | 'secondary' | 'secondary.dark' | 'info.light' | 'info' | 'info.dark' | 'success.light' | 'success' | 'success.dark' | 'error.light' | 'error' | 'error.dark' | 'warning.light' | 'warning' | 'warning.dark' | 'white' | 'black' | 'grey.100' | 'grey.200' | 'grey.300' | 'grey.400' | 'grey.500' | 'grey.600' | 'grey.700' | 'grey.800' | 'grey.900' | 'textPrimary' | 'textSecondary';
-export declare const defaultTypographyProps: {
-    variant: "body1";
-};
 export declare type DefaultTypographyComponent = TypographyTypeMap['defaultComponent'];
 export declare type TypographyProps<C extends React.ElementType = DefaultTypographyComponent> = Omit<MuiTypographyProps<C, {
     component?: C;
-}>, 'color' | 'ref'> & {
+}>, 'color' | 'variant' | 'ref'> & {
     TypographyRef?: RefObject<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>;
     color?: ThemeColors;
+    variant?: TypographyVariant;
     weight?: 'regular' | 'medium' | 'semi-bold' | 'bold';
 };

package/build/esm/components/Typography/TypographyStyles.d.ts

@@ -1,10 +1,6 @@
-/// <reference types="react" />
-export declare const useTypographyStyles: (props: Omit<import("@material-ui/core").TypographyProps<"span", {
-    component?: "span" | undefined;
-}>, "color" | "ref"> & {
-    TypographyRef?: import("react").RefObject<HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement> | undefined;
-    color?: import("./TypographyProps").ThemeColors | undefined;
-    weight?: "medium" | "bold" | "regular" | "semi-bold" | undefined;
-} & {
-    variant: "body1";
-}) => import("@material-ui/styles").ClassNameMap<string>;
+import { TypographyProps } from './TypographyProps';
+declare type StyleProps = Pick<TypographyProps, 'color' | 'weight'> & {
+    variant: NonNullable<TypographyProps['variant']>;
+};
+export declare const useTypographyStyles: (props: StyleProps) => import("@material-ui/styles").ClassNameMap<string>;
+export {};

package/build/esm/components/Typography/TypographyStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyStyles.js","sources":["../../../../src/components/Typography/TypographyStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { iconStaticClassName } from '../Icon'\nimport { defaultTypographyProps, TypographyProps } from './TypographyProps'\n\nconst weights = {\n  regular: 400,\n  medium: 500,\n  'semi-bold': 600,\n  bold: 700,\n}\n\nconst getCustomColor = (theme: Theme, color: string) => {\n  const isCommonColor = color && ['white', 'black'].includes(color)\n  const isGreyColor = color && color.match(/^grey\\.\\d{3}/)\n  const isSemanticColor = color && color.match(/(primary|secondary|info|success|error|warning).?(light|dark)?/)\n  const isTextColor = color && ['textPrimary', 'textSecondary'].includes(color)\n  switch (true) {\n    case isCommonColor:\n      // @ts-expect-error - todo.\n      return theme.palette.common[color]\n    case Boolean(isGreyColor):\n      const scale = color.split('.')[1]\n      // @ts-expect-error - todo.\n      return theme.palette.grey[scale] || theme.palette.grey[900]\n    case Boolean(isSemanticColor):\n      const [paletteKey, variant = 'main'] = color.split('.')\n      // @ts-expect-error - todo.\n      return theme.palette[paletteKey][variant]\n    case isTextColor:\n      // @ts-expect-error - todo.\n      return theme.palette.text[color.slice(4).toLowerCase()]\n    default:\n      return undefined\n  }\n}\n\nexport const useTypographyStyles = makeStyles<Theme, TypographyProps & typeof defaultTypographyProps>((theme) => ({\n  root: {\n    [`& .${iconStaticClassName}`]: {\n      position: 'relative',\n      top: '0.125em',\n      padding: '0 0.125em',\n      boxSizing: 'content-box',\n    },\n    fontFamily: theme.typography.fontFamily,\n    fontWeight: ({ variant, weight }) => (weight ? weights[weight] : theme.typography[variant].fontWeight),\n    fontSize: ({ variant }) => theme.typography[variant].fontSize,\n    lineHeight: ({ variant }) => theme.typography[variant].lineHeight,\n    textTransform: ({ variant }) => theme.typography[variant].textTransform,\n    color: ({ color, variant }) => (color && getCustomColor(theme, color)) || theme.typography[variant].color,\n  },\n  caption: {\n    display: 'inline',\n  },\n  overline: {\n    display: 'inline',\n  },\n}))\n"],"names":[],"mappings":";;;AAKA,IAAM,OAAO,GAAG;AACd,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,IAAI,EAAE,GAAG;CACV;AAED,IAAM,cAAc,GAAG,UAAC,KAAY,EAAE,KAAa,EAAA;AACjD,IAAA,IAAM,aAAa,GAAG,KAAK,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;IACjE,IAAM,WAAW,GAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;IACxD,IAAM,eAAe,GAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,+DAA+D,CAAC;AAC7G,IAAA,IAAM,WAAW,GAAG,KAAK,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC7E,IAAA,QAAQ,IAAI;AACV,QAAA,KAAK,aAAa;;YAEhB,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;QACpC,KAAK,OAAO,CAAC,WAAW,CAAC;YACvB,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;;AAEjC,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7D,KAAK,OAAO,CAAC,eAAe,CAAC;AACrB,YAAA,IAAA,KAAiC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAhD,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,EAAgB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAhB,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,KAAoB;;YAEvD,OAAO,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC;AAC3C,QAAA,KAAK,WAAW;;AAEd,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AACzD,QAAA;AACE,YAAA,OAAO,SAAS;AACnB;AACH,CAAC;AAEY,IAAA,mBAAmB,GAAG,UAAU,CAAyD,UAAC,KAAK,EAAA;;AAAK,IAAA,QAAC;QAChH,IAAI,GAAA,EAAA,GAAA,EAAA;YACF,EAAC,CAAA,KAAA,GAAM,mBAAqB,CAAG,GAAA;AAC7B,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,SAAS;AACd,gBAAA,OAAO,EAAE,WAAW;AACpB,gBAAA,SAAS,EAAE,aAAa;AACzB,aAAA;AACD,YAAA,EAAA,CAAA,UAAU,GAAE,KAAK,CAAC,UAAU,CAAC,UAAU;YACvC,EAAU,CAAA,UAAA,GAAE,UAAC,EAAmB,EAAA;oBAAjB,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA;gBAAO,QAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU;aAAC;YACtG,EAAQ,CAAA,QAAA,GAAE,UAAC,EAAW,EAAA;AAAT,gBAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,gBAAA,OAAA,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ;aAAA;YAC7D,EAAU,CAAA,UAAA,GAAE,UAAC,EAAW,EAAA;AAAT,gBAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,gBAAA,OAAA,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU;aAAA;YACjE,EAAa,CAAA,aAAA,GAAE,UAAC,EAAW,EAAA;AAAT,gBAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,gBAAA,OAAA,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,aAAa;aAAA;YACvE,EAAK,CAAA,KAAA,GAAE,UAAC,EAAkB,EAAA;oBAAhB,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,gBAAA,OAAA,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK;aAAA;AAC1G,YAAA,EAAA,CAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,QAAQ;AAClB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,OAAO,EAAE,QAAQ;AAClB,SAAA;KACF;AArBgH,CAqB/G;;;;"}
+{"version":3,"file":"TypographyStyles.js","sources":["../../../../src/components/Typography/TypographyStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { iconStaticClassName } from '../Icon'\nimport { TypographyProps } from './TypographyProps'\n\nconst weights = {\n  regular: 400,\n  medium: 500,\n  'semi-bold': 600,\n  bold: 700,\n}\n\nconst getCustomColor = (theme: Theme, color: string) => {\n  const isCommonColor = color && ['white', 'black'].includes(color)\n  const isGreyColor = color && color.match(/^grey\\.\\d{3}/)\n  const isSemanticColor = color && color.match(/(primary|secondary|info|success|error|warning).?(light|dark)?/)\n  const isTextColor = color && ['textPrimary', 'textSecondary'].includes(color)\n  switch (true) {\n    case isCommonColor:\n      // @ts-expect-error - todo.\n      return theme.palette.common[color]\n    case Boolean(isGreyColor):\n      const scale = color.split('.')[1]\n      // @ts-expect-error - todo.\n      return theme.palette.grey[scale] || theme.palette.grey[900]\n    case Boolean(isSemanticColor):\n      const [paletteKey, variant = 'main'] = color.split('.')\n      // @ts-expect-error - todo.\n      return theme.palette[paletteKey][variant]\n    case isTextColor:\n      // @ts-expect-error - todo.\n      return theme.palette.text[color.slice(4).toLowerCase()]\n    default:\n      return undefined\n  }\n}\n\ntype StyleProps = Pick<TypographyProps, 'color' | 'weight'> & {\n  variant: NonNullable<TypographyProps['variant']>\n}\n\nexport const useTypographyStyles = makeStyles<Theme, StyleProps>((theme) => ({\n  root: {\n    [`& .${iconStaticClassName}`]: {\n      position: 'relative',\n      top: '0.125em',\n      padding: '0 0.125em',\n      boxSizing: 'content-box',\n    },\n    fontFamily: theme.typography.fontFamily,\n    fontWeight: ({ variant, weight }) => (weight ? weights[weight] : theme.typography[variant].fontWeight),\n    fontSize: ({ variant }) => theme.typography[variant].fontSize,\n    lineHeight: ({ variant }) => theme.typography[variant].lineHeight,\n    textTransform: ({ variant }) => theme.typography[variant].textTransform,\n    color: ({ color, variant }) => (color && getCustomColor(theme, color)) || theme.typography[variant].color,\n  },\n  caption: {\n    display: 'inline',\n  },\n  overline: {\n    display: 'inline',\n  },\n}))\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/common-ui",
-  "version": "0.126.2",
+  "version": "0.126.4",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components for all Popmenu apps on the web.",
@@ -30,5 +30,5 @@
     "react": "17.x"
   },
   "sideEffects": false,
-  "gitHead": "1cfb282646479bcc4baa627d2b2dfdd20b75a63d"
+  "gitHead": "14764ce09ef49935f9410c05d491316138dccc33"
 }

package/build/esm/components/Typography/TypographyProps.js

@@ -1,6 +0,0 @@
-var defaultTypographyProps = {
-    variant: 'body1',
-};
-
-export { defaultTypographyProps };
-//# sourceMappingURL=TypographyProps.js.map

package/build/esm/components/Typography/TypographyProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypographyProps.js","sources":["../../../../src/components/Typography/TypographyProps.ts"],"sourcesContent":["import { TypographyProps as MuiTypographyProps, TypographyTypeMap } from '@material-ui/core'\nimport React, { RefObject } from 'react'\n\nexport type ThemeColors =\n  | 'primary.light'\n  | 'primary'\n  | 'primary.dark'\n  | 'secondary.light'\n  | 'secondary'\n  | 'secondary.dark'\n  | 'info.light'\n  | 'info'\n  | 'info.dark'\n  | 'success.light'\n  | 'success'\n  | 'success.dark'\n  | 'error.light'\n  | 'error'\n  | 'error.dark'\n  | 'warning.light'\n  | 'warning'\n  | 'warning.dark'\n  | 'white'\n  | 'black'\n  | 'grey.100'\n  | 'grey.200'\n  | 'grey.300'\n  | 'grey.400'\n  | 'grey.500'\n  | 'grey.600'\n  | 'grey.700'\n  | 'grey.800'\n  | 'grey.900'\n  | 'textPrimary'\n  | 'textSecondary'\n\nexport const defaultTypographyProps = {\n  variant: 'body1' as const,\n}\n\nexport type DefaultTypographyComponent = TypographyTypeMap['defaultComponent']\n\nexport type TypographyProps<C extends React.ElementType = DefaultTypographyComponent> = Omit<\n  MuiTypographyProps<C, { component?: C }>,\n  'color' | 'ref'\n> & {\n  TypographyRef?: RefObject<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>\n  color?: ThemeColors\n  weight?: 'regular' | 'medium' | 'semi-bold' | 'bold'\n}\n"],"names":[],"mappings":"AAoCa,IAAA,sBAAsB,GAAG;AACpC,IAAA,OAAO,EAAE,OAAgB;;;;;"}