@popmenu/common-ui 0.23.0 → 0.24.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.
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- import { TypographyProps } from '@material-ui/core/Typography';
3
- export declare const Typography: React.ForwardRefExoticComponent<Pick<TypographyProps<"span", {}>, "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "noWrap" | "gutterBottom" | "paragraph" | "align" | "display" | "variant" | "variantMapping" | keyof import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/Typography").TypographyTypeMap<{}, "span">>> & React.RefAttributes<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>>;
2
+ import { TypographyProps } from './TypographyProps';
3
+ export declare const Typography: React.ForwardRefExoticComponent<Pick<TypographyProps, "className" | "style" | "classes" | "innerRef" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "noWrap" | "gutterBottom" | "paragraph" | "weight" | "align" | "display" | "variant" | "variantMapping"> & React.RefAttributes<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>>;
@@ -0,0 +1,4 @@
1
+ import { TypographyProps as MuiTypographyProps } from '@material-ui/core';
2
+ export interface TypographyProps extends MuiTypographyProps {
3
+ weight?: 'regular' | 'semi-bold' | 'bold';
4
+ }
@@ -1,2 +1,2 @@
1
- import { TypographyProps } from '@material-ui/core/Typography';
2
- export declare const useTypographyStyles: (props: TypographyProps<"span", {}>) => import("@material-ui/styles").ClassNameMap<string>;
1
+ import { TypographyProps } from './TypographyProps';
2
+ export declare const useTypographyStyles: (props: TypographyProps) => import("@material-ui/styles").ClassNameMap<string>;
@@ -1,2 +1,2 @@
1
1
  export { Typography as default } from './Typography';
2
- export { TypographyProps } from '@material-ui/core/Typography';
2
+ export { TypographyProps } from './TypographyProps';
package/build/index.es.js CHANGED
@@ -1,11 +1,10 @@
1
1
  export { default as Alert } from '@material-ui/lab/Alert';
2
- import { makeStyles, Paper as Paper$1, useTheme, Box, Popper, Grow, Slider, Link as Link$1, TextField as TextField$1 } from '@material-ui/core';
2
+ import { makeStyles, Typography as Typography$1, Paper as Paper$1, useTheme, Box, Popper, Grow, Slider, Link as Link$1, TextField as TextField$1 } from '@material-ui/core';
3
3
  export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Box, Breadcrumbs, ButtonBase, ClickAwayListener, Fab, GridList, Hidden, Modal, Popover, Popper, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, ThemeProvider, Toolbar, alpha, createTheme, darken, decomposeColor, getLuminance, hexToRgb, lighten, makeStyles, recomposeColor, rgbToHex } from '@material-ui/core';
4
4
  export { default as AppBar } from '@material-ui/core/AppBar';
5
5
  import * as React from 'react';
6
6
  import React__default, { createElement, forwardRef, useRef, useState, useReducer, useEffect, useMemo } from 'react';
7
7
  import MuiIconButton from '@material-ui/core/IconButton';
8
- import MuiTypography from '@material-ui/core/Typography';
9
8
  import { makeStyles as makeStyles$1, useTheme as useTheme$1 } from '@material-ui/core/styles';
10
9
  export { ServerStyleSheets } from '@material-ui/core/styles';
11
10
  import MuiAvatar from '@material-ui/core/Avatar';
@@ -90,164 +89,164 @@ function __rest(s, e) {
90
89
  return t;
91
90
  }
92
91
 
93
- var _path$3e;
92
+ var _path$3M;
94
93
 
95
- function _extends$3u() { _extends$3u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3u.apply(this, arguments); }
94
+ function _extends$41() { _extends$41 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$41.apply(this, arguments); }
96
95
 
97
96
  function SvgMinusCircle(props) {
98
- return /*#__PURE__*/React.createElement("svg", _extends$3u({
97
+ return /*#__PURE__*/React.createElement("svg", _extends$41({
99
98
  viewBox: "0 0 16 16",
100
99
  strokeLinecap: "round",
101
100
  strokeLinejoin: "round",
102
101
  stroke: "currentColor",
103
- fill: "none",
104
102
  width: "1em",
105
- height: "1em"
106
- }, props), _path$3e || (_path$3e = /*#__PURE__*/React.createElement("path", {
107
- d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zM5.333 8h5.334"
103
+ height: "1em",
104
+ fill: "none"
105
+ }, props), _path$3M || (_path$3M = /*#__PURE__*/React.createElement("path", {
106
+ d: "M8 14.667A6.667 6.667 0 108 1.333a6.667 6.667 0 000 13.334zM5.333 8h5.334"
108
107
  })));
109
108
  }
110
109
 
111
- var _path$36;
110
+ var _path$3E;
112
111
 
113
- function _extends$3m() { _extends$3m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3m.apply(this, arguments); }
112
+ function _extends$3V() { _extends$3V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3V.apply(this, arguments); }
114
113
 
115
114
  function SvgPlusCircle(props) {
116
- return /*#__PURE__*/React.createElement("svg", _extends$3m({
115
+ return /*#__PURE__*/React.createElement("svg", _extends$3V({
117
116
  viewBox: "0 0 16 16",
118
117
  strokeLinecap: "round",
119
118
  strokeLinejoin: "round",
120
119
  stroke: "currentColor",
121
- fill: "none",
122
120
  width: "1em",
123
- height: "1em"
124
- }, props), _path$36 || (_path$36 = /*#__PURE__*/React.createElement("path", {
125
- d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-9.334v5.334M5.333 8h5.334"
121
+ height: "1em",
122
+ fill: "none"
123
+ }, props), _path$3E || (_path$3E = /*#__PURE__*/React.createElement("path", {
124
+ d: "M8 14.667A6.667 6.667 0 108 1.333a6.667 6.667 0 000 13.334zm0-9.334v5.334M5.333 8h5.334"
126
125
  })));
127
126
  }
128
127
 
129
- var _path$2O;
128
+ var _path$3k;
130
129
 
131
- function _extends$32() { _extends$32 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$32.apply(this, arguments); }
130
+ function _extends$3B() { _extends$3B = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3B.apply(this, arguments); }
132
131
 
133
132
  function SvgUser(props) {
134
- return /*#__PURE__*/React.createElement("svg", _extends$32({
133
+ return /*#__PURE__*/React.createElement("svg", _extends$3B({
135
134
  viewBox: "0 0 16 16",
136
135
  strokeLinecap: "round",
137
136
  strokeLinejoin: "round",
138
137
  stroke: "currentColor",
139
- fill: "none",
140
138
  width: "1em",
141
- height: "1em"
142
- }, props), _path$2O || (_path$2O = /*#__PURE__*/React.createElement("path", {
139
+ height: "1em",
140
+ fill: "none"
141
+ }, props), _path$3k || (_path$3k = /*#__PURE__*/React.createElement("path", {
143
142
  d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z"
144
143
  })));
145
144
  }
146
145
 
147
- var _path$1k;
146
+ var _path$1f;
148
147
 
149
- function _extends$1o() { _extends$1o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1o.apply(this, arguments); }
148
+ function _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
150
149
 
151
150
  function SvgPause(props) {
152
- return /*#__PURE__*/React.createElement("svg", _extends$1o({
151
+ return /*#__PURE__*/React.createElement("svg", _extends$1p({
153
152
  viewBox: "0 0 16 16",
154
153
  strokeLinecap: "round",
155
154
  strokeLinejoin: "round",
156
155
  stroke: "currentColor",
157
- fill: "none",
158
156
  width: "1em",
159
- height: "1em"
160
- }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
161
- d: "M6.667 2.667H4v10.666h2.667V2.666zm5.333 0H9.333v10.666H12V2.666z"
157
+ height: "1em",
158
+ fill: "none"
159
+ }, props), _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
160
+ d: "M6.667 2.667H4v10.666h2.667V2.667zm5.333 0H9.333v10.666H12V2.667z"
162
161
  })));
163
162
  }
164
163
 
165
- var _path$1i;
164
+ var _path$1d;
166
165
 
167
- function _extends$1m() { _extends$1m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1m.apply(this, arguments); }
166
+ function _extends$1n() { _extends$1n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1n.apply(this, arguments); }
168
167
 
169
168
  function SvgPlay(props) {
170
- return /*#__PURE__*/React.createElement("svg", _extends$1m({
169
+ return /*#__PURE__*/React.createElement("svg", _extends$1n({
171
170
  viewBox: "0 0 16 16",
172
171
  strokeLinecap: "round",
173
172
  strokeLinejoin: "round",
174
173
  stroke: "currentColor",
175
- fill: "none",
176
174
  width: "1em",
177
- height: "1em"
178
- }, props), _path$1i || (_path$1i = /*#__PURE__*/React.createElement("path", {
175
+ height: "1em",
176
+ fill: "none"
177
+ }, props), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
179
178
  d: "M3.333 2l9.334 6-9.334 6V2z"
180
179
  })));
181
180
  }
182
181
 
183
- var _path$15;
182
+ var _path$10;
184
183
 
185
- function _extends$19() { _extends$19 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
184
+ function _extends$1a() { _extends$1a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
186
185
 
187
186
  function SvgVolumeDown(props) {
188
- return /*#__PURE__*/React.createElement("svg", _extends$19({
187
+ return /*#__PURE__*/React.createElement("svg", _extends$1a({
189
188
  viewBox: "0 0 16 16",
190
189
  strokeLinecap: "round",
191
190
  strokeLinejoin: "round",
192
191
  stroke: "currentColor",
193
- fill: "none",
194
192
  width: "1em",
195
- height: "1em"
196
- }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
197
- d: "M8.999 3.333L5.665 6H3v4h2.666L9 12.667V3.333zm3.026 2.307a3.333 3.333 0 010 4.714"
193
+ height: "1em",
194
+ fill: "none"
195
+ }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
196
+ d: "M8.999 3.333L5.665 6H3v4h2.666L9 12.667V3.333zm3.026 2.307a3.333 3.333 0 010 4.713"
198
197
  })));
199
198
  }
200
199
 
201
- var _path$14;
200
+ var _path$$;
202
201
 
203
- function _extends$18() { _extends$18 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
202
+ function _extends$19() { _extends$19 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
204
203
 
205
204
  function SvgVolumeMute(props) {
206
- return /*#__PURE__*/React.createElement("svg", _extends$18({
205
+ return /*#__PURE__*/React.createElement("svg", _extends$19({
207
206
  viewBox: "0 0 16 16",
208
207
  strokeLinecap: "round",
209
208
  strokeLinejoin: "round",
210
209
  stroke: "currentColor",
211
- fill: "none",
212
210
  width: "1em",
213
- height: "1em"
214
- }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
211
+ height: "1em",
212
+ fill: "none"
213
+ }, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement("path", {
215
214
  d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333z"
216
215
  })));
217
216
  }
218
217
 
219
- var _path$13;
218
+ var _path$_;
220
219
 
221
- function _extends$17() { _extends$17 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
220
+ function _extends$18() { _extends$18 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
222
221
 
223
222
  function SvgVolumeOff(props) {
224
- return /*#__PURE__*/React.createElement("svg", _extends$17({
223
+ return /*#__PURE__*/React.createElement("svg", _extends$18({
225
224
  viewBox: "0 0 16 16",
226
225
  strokeLinecap: "round",
227
226
  strokeLinejoin: "round",
228
227
  stroke: "currentColor",
229
- fill: "none",
230
228
  width: "1em",
231
- height: "1em"
232
- }, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
229
+ height: "1em",
230
+ fill: "none"
231
+ }, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement("path", {
233
232
  d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm8 2.667l-4 4m0-4l4 4"
234
233
  })));
235
234
  }
236
235
 
237
- var _path$12;
236
+ var _path$Z;
238
237
 
239
- function _extends$16() { _extends$16 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
238
+ function _extends$17() { _extends$17 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
240
239
 
241
240
  function SvgVolumeUp(props) {
242
- return /*#__PURE__*/React.createElement("svg", _extends$16({
241
+ return /*#__PURE__*/React.createElement("svg", _extends$17({
243
242
  viewBox: "0 0 16 16",
244
243
  strokeLinecap: "round",
245
244
  strokeLinejoin: "round",
246
245
  stroke: "currentColor",
247
- fill: "none",
248
246
  width: "1em",
249
- height: "1em"
250
- }, props), _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
247
+ height: "1em",
248
+ fill: "none"
249
+ }, props), _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
251
250
  d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm5.38-.046a6.667 6.667 0 010 9.426M10.36 5.64a3.333 3.333 0 010 4.713"
252
251
  })));
253
252
  }
@@ -374,29 +373,29 @@ IconButton.defaultProps = {
374
373
  color: 'secondary',
375
374
  };
376
375
 
377
- var useTypographyStyles = makeStyles$1(function () {
378
- var _a;
379
- return ({
380
- root: (_a = {},
381
- _a["& ." + iconStaticClassName] = {
382
- position: 'relative',
383
- top: '0.125em',
384
- padding: '0 0.125em',
385
- boxSizing: 'content-box',
386
- },
387
- _a),
388
- caption: {
389
- display: 'inline',
390
- },
391
- overline: {
392
- display: 'inline',
393
- },
394
- });
395
- });
376
+ var useTypographyStyles = makeStyles$1(function () { return ({
377
+ root: function (_a) {
378
+ var _b;
379
+ var weight = _a.weight;
380
+ return (__assign((_b = {}, _b["& ." + iconStaticClassName] = {
381
+ position: 'relative',
382
+ top: '0.125em',
383
+ padding: '0 0.125em',
384
+ boxSizing: 'content-box',
385
+ }, _b), (weight && { fontWeight: (weight === 'semi-bold' && 600) || (weight === 'bold' && 700) || 400 })));
386
+ },
387
+ caption: {
388
+ display: 'inline',
389
+ },
390
+ overline: {
391
+ display: 'inline',
392
+ },
393
+ }); });
396
394
 
397
395
  var Typography = forwardRef(function (props, ref) {
396
+ props.weight; var restProps = __rest(props, ["weight"]);
398
397
  var classes = useTypographyStyles(props);
399
- return React__default.createElement(MuiTypography, __assign({ ref: ref, classes: classes }, props));
398
+ return React__default.createElement(Typography$1, __assign({ ref: ref, classes: classes }, restProps));
400
399
  });
401
400
  Typography.displayName = 'Typography';
402
401