@astral/ui 0.22.1 → 0.23.0-alpha.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.
Files changed (67) hide show
  1. package/Button/Button.d.ts +2 -1
  2. package/Button/Button.js +6 -17
  3. package/Button/types.d.ts +18 -6
  4. package/ButtonBase/styled.d.ts +5 -2
  5. package/ButtonBase/styled.js +5 -4
  6. package/CircularProgress/CircularProgress.d.ts +1 -1
  7. package/CircularProgress/CircularProgress.js +12 -7
  8. package/CircularProgress/CircularProgressStory.d.ts +5 -0
  9. package/CircularProgress/CircularProgressStory.js +11 -0
  10. package/CircularProgress/CircularProgressStoryTemplate.d.ts +4 -0
  11. package/CircularProgress/CircularProgressStoryTemplate.js +21 -0
  12. package/CircularProgress/types.d.ts +8 -5
  13. package/DataGrid/DataGridHeadColumn/styled.d.ts +1 -1
  14. package/FormHelperText/styled.d.ts +2 -2
  15. package/Grid/styled.d.ts +1 -1
  16. package/IconButton/styled.d.ts +3 -5
  17. package/ListItemButton/styled.d.ts +1 -1
  18. package/Radio/Radio.d.ts +1 -1
  19. package/Select/styled.d.ts +1 -1
  20. package/TextArea/TextArea.d.ts +1 -1
  21. package/TextField/TextField.d.ts +1 -1
  22. package/Tooltip/Tooltip.d.ts +1 -1
  23. package/esm/Button/Button.d.ts +2 -1
  24. package/esm/Button/Button.js +7 -17
  25. package/esm/Button/types.d.ts +18 -6
  26. package/esm/ButtonBase/styled.d.ts +5 -2
  27. package/esm/ButtonBase/styled.js +5 -4
  28. package/esm/CircularProgress/CircularProgress.d.ts +1 -1
  29. package/esm/CircularProgress/CircularProgress.js +9 -6
  30. package/esm/CircularProgress/CircularProgressStory.d.ts +5 -0
  31. package/esm/CircularProgress/CircularProgressStory.js +7 -0
  32. package/esm/CircularProgress/CircularProgressStoryTemplate.d.ts +4 -0
  33. package/esm/CircularProgress/CircularProgressStoryTemplate.js +17 -0
  34. package/esm/CircularProgress/types.d.ts +8 -5
  35. package/esm/DataGrid/DataGridHeadColumn/styled.d.ts +1 -1
  36. package/esm/FormHelperText/styled.d.ts +2 -2
  37. package/esm/Grid/styled.d.ts +1 -1
  38. package/esm/IconButton/styled.d.ts +3 -5
  39. package/esm/ListItemButton/styled.d.ts +1 -1
  40. package/esm/Radio/Radio.d.ts +1 -1
  41. package/esm/Select/styled.d.ts +1 -1
  42. package/esm/TextArea/TextArea.d.ts +1 -1
  43. package/esm/TextField/TextField.d.ts +1 -1
  44. package/esm/Tooltip/Tooltip.d.ts +1 -1
  45. package/esm/theme/components/MuiButton.d.ts +3 -0
  46. package/esm/theme/components/MuiButton.js +96 -0
  47. package/esm/theme/components/MuiCircularProgress.d.ts +4 -0
  48. package/esm/theme/components/MuiCircularProgress.js +14 -0
  49. package/esm/theme/components/MuiLoadingButton.d.ts +4 -0
  50. package/esm/theme/components/MuiLoadingButton.js +45 -0
  51. package/esm/theme/components/components.js +6 -0
  52. package/package.json +2 -2
  53. package/theme/components/MuiButton.d.ts +3 -0
  54. package/theme/components/MuiButton.js +99 -0
  55. package/theme/components/MuiCircularProgress.d.ts +4 -0
  56. package/theme/components/MuiCircularProgress.js +17 -0
  57. package/theme/components/MuiLoadingButton.d.ts +4 -0
  58. package/theme/components/MuiLoadingButton.js +48 -0
  59. package/theme/components/components.js +6 -0
  60. package/Button/styled.d.ts +0 -12
  61. package/Button/styled.js +0 -36
  62. package/CircularProgress/styled.d.ts +0 -6
  63. package/CircularProgress/styled.js +0 -20
  64. package/esm/Button/styled.d.ts +0 -12
  65. package/esm/Button/styled.js +0 -33
  66. package/esm/CircularProgress/styled.d.ts +0 -6
  67. package/esm/CircularProgress/styled.js +0 -17
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { TextFieldProps } from './types';
3
- export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "className" | "style" | "classes" | "children" | "disabled" | "error" | "focused" | "margin" | "required" | "sx" | "variant" | "label" | "slot" | "select" | "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" | "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" | "name" | "type" | "autoFocus" | "value" | "autoComplete" | "size" | "rows" | "success" | "fullWidth" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputProps" | "inputRef" | "multiline" | "maxRows" | "minRows" | "SelectProps"> & import("react").RefAttributes<HTMLDivElement>>;
3
+ export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "className" | "style" | "classes" | "children" | "disabled" | "error" | "focused" | "margin" | "required" | "sx" | "variant" | "label" | "slot" | "select" | "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" | "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" | "css" | "name" | "type" | "autoFocus" | "value" | "autoComplete" | "size" | "rows" | "success" | "fullWidth" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputProps" | "inputRef" | "multiline" | "maxRows" | "minRows" | "SelectProps"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export default TextField;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { TooltipProps } from './types';
3
- export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "className" | "style" | "classes" | "children" | "sx" | "slot" | "title" | "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" | "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" | "open" | "size" | "components" | "componentsProps" | "PopperComponent" | "onClose" | "onOpen" | "TransitionComponent" | "TransitionProps" | "arrow" | "describeChild" | "disableFocusListener" | "disableHoverListener" | "disableInteractive" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "followCursor" | "leaveDelay" | "leaveTouchDelay" | "placement" | "PopperProps"> & import("react").RefAttributes<HTMLDivElement>>;
3
+ export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "className" | "style" | "classes" | "children" | "sx" | "slot" | "title" | "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" | "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" | "css" | "open" | "size" | "components" | "componentsProps" | "PopperComponent" | "onClose" | "onOpen" | "TransitionComponent" | "TransitionProps" | "arrow" | "describeChild" | "disableFocusListener" | "disableHoverListener" | "disableInteractive" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "followCursor" | "leaveDelay" | "leaveTouchDelay" | "placement" | "PopperProps"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiButton: Components<Theme>['MuiButton'];
@@ -0,0 +1,96 @@
1
+ import { ButtonStates } from '../../ButtonBase/constants';
2
+ import { getBgColor, getButtonHeight, getButtonPadding, getColor, getDisabledBgColor, } from '../../ButtonBase/styled';
3
+ export var MuiButton = {
4
+ defaultProps: {
5
+ disableRipple: true,
6
+ },
7
+ styleOverrides: {
8
+ root: function (_a) {
9
+ var ownerState = _a.ownerState, theme = _a.theme;
10
+ var customVariant = ownerState.variant;
11
+ var customColor = ownerState.color;
12
+ return {
13
+ display: 'inline-flex',
14
+ color: getColor({
15
+ theme: theme,
16
+ customVariant: customVariant,
17
+ customColor: customColor,
18
+ buttonState: ButtonStates.DEFAULT,
19
+ }),
20
+ backgroundColor: getBgColor({
21
+ customColor: customColor,
22
+ customVariant: customVariant,
23
+ buttonState: ButtonStates.DEFAULT,
24
+ theme: theme,
25
+ }),
26
+ height: getButtonHeight({
27
+ theme: theme,
28
+ size: ownerState.size,
29
+ }),
30
+ padding: getButtonPadding({
31
+ theme: theme,
32
+ size: ownerState.size,
33
+ }),
34
+ fontWeight: theme.typography.button.fontWeight,
35
+ fontSize: theme.typography.button.fontSize,
36
+ border: 'none',
37
+ borderRadius: theme.shape.small,
38
+ textTransform: 'none',
39
+ boxShadow: 'none',
40
+ '&:hover': {
41
+ color: getColor({
42
+ theme: theme,
43
+ customVariant: customVariant,
44
+ customColor: customColor,
45
+ buttonState: ButtonStates.HOVER,
46
+ }),
47
+ backgroundColor: getBgColor({
48
+ customColor: customColor,
49
+ customVariant: customVariant,
50
+ theme: theme,
51
+ buttonState: ButtonStates.HOVER,
52
+ }),
53
+ boxShadow: 'none',
54
+ },
55
+ '&:active': {
56
+ color: getColor({
57
+ customColor: customColor,
58
+ customVariant: customVariant,
59
+ theme: theme,
60
+ buttonState: ButtonStates.ACTIVE,
61
+ }),
62
+ backgroundColor: getBgColor({
63
+ customColor: customColor,
64
+ customVariant: customVariant,
65
+ theme: theme,
66
+ buttonState: ButtonStates.ACTIVE,
67
+ }),
68
+ outline: 'none',
69
+ },
70
+ '&.Mui-disabled': {
71
+ color: theme.palette.grey['500'],
72
+ backgroundColor: getDisabledBgColor({
73
+ theme: theme,
74
+ customVariant: customVariant,
75
+ }),
76
+ },
77
+ '&.Mui-focusVisible': {
78
+ color: getColor({
79
+ theme: theme,
80
+ customVariant: customVariant,
81
+ customColor: customColor,
82
+ buttonState: ButtonStates.FOCUS,
83
+ }),
84
+ backgroundColor: getBgColor({
85
+ customColor: customColor,
86
+ customVariant: customVariant,
87
+ theme: theme,
88
+ buttonState: ButtonStates.FOCUS,
89
+ }),
90
+ outline: "2px solid ".concat(theme.palette.primary['400']),
91
+ boxShadow: 'none',
92
+ },
93
+ };
94
+ },
95
+ },
96
+ };
@@ -0,0 +1,4 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiCircularProgress: Components<Theme>['MuiCircularProgress'];
4
+ export default MuiCircularProgress;
@@ -0,0 +1,14 @@
1
+ export var MuiCircularProgress = {
2
+ styleOverrides: {
3
+ root: function (_a) {
4
+ var ownerState = _a.ownerState, theme = _a.theme;
5
+ var color = ownerState["data-color"];
6
+ return {
7
+ color: color === 'primary'
8
+ ? theme.palette.grey[900]
9
+ : theme.palette.primary.contrastText,
10
+ };
11
+ },
12
+ },
13
+ };
14
+ export default MuiCircularProgress;
@@ -0,0 +1,4 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiLoadingButton: Components<Theme>['MuiLoadingButton'];
4
+ export default MuiLoadingButton;
@@ -0,0 +1,45 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { loadingButtonClasses } from '@mui/lab';
13
+ import { ButtonStates } from '../../ButtonBase/constants';
14
+ import { getBgColor } from '../../ButtonBase/styled';
15
+ export var MuiLoadingButton = {
16
+ defaultProps: {
17
+ disableRipple: true,
18
+ },
19
+ styleOverrides: {
20
+ root: function (_a) {
21
+ var _b;
22
+ var ownerState = _a.ownerState, theme = _a.theme;
23
+ var customVariant = ownerState.variant;
24
+ var customColor = ownerState.color;
25
+ return _b = {},
26
+ _b["&.".concat(loadingButtonClasses.loading)] = {
27
+ backgroundColor: getBgColor({
28
+ customColor: customColor,
29
+ customVariant: customVariant,
30
+ theme: theme,
31
+ buttonState: ButtonStates.DEFAULT,
32
+ }),
33
+ },
34
+ _b;
35
+ },
36
+ loadingIndicator: function (_a) {
37
+ var ownerState = _a.ownerState, theme = _a.theme;
38
+ var customVariant = ownerState.variant;
39
+ return __assign({}, (customVariant === 'contained' && {
40
+ color: theme.palette.primary.contrastText,
41
+ }));
42
+ },
43
+ },
44
+ };
45
+ export default MuiLoadingButton;
@@ -1,4 +1,6 @@
1
+ import { MuiButton } from './MuiButton';
1
2
  import { MuiButtonBase } from './MuiButtonBase';
3
+ import { MuiLoadingButton } from './MuiLoadingButton';
2
4
  import { MuiInputBase } from './MuiInputBase';
3
5
  import { MuiFormHelperText } from './MuiFormHelperText';
4
6
  import { MuiFormLabel } from './MuiFormLabel';
@@ -16,6 +18,7 @@ import { MuiTableHead } from './MuiTableHead';
16
18
  import { MuiPickersDay } from './MuiPickersDay';
17
19
  import { MuiCalendarPicker } from './MuiCalendarPicker';
18
20
  import { MuiYearPicker } from './MuiYearPicker';
21
+ import { MuiCircularProgress } from './MuiCircularProgress';
19
22
  var getMuiCssBaseline = function (fontUrls) { return ({
20
23
  styleOverrides: "\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 300;\n font-display: swap;\n src: url(".concat(fontUrls.light.woff2, ") format('woff2'), url(").concat(fontUrls.light.woff, ") format('woff');\n }\n @font-face { \n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 400;\n font-display: swap;\n src: url(").concat(fontUrls.regular.woff2, ") format('woff2'), url(").concat(fontUrls.regular.woff, ") format('woff');\n }\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 500;\n font-display: swap;\n src: url(").concat(fontUrls.medium.woff2, ") format('woff2'), url(").concat(fontUrls.medium.woff, ") format('woff');\n }\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 700;\n font-display: swap;\n src: url(").concat(fontUrls.bold.woff2, ") format('woff2'), url(").concat(fontUrls.bold.woff, ") format('woff');\n }\n "),
21
24
  }); };
@@ -66,7 +69,9 @@ var MuiMenuItem = {
66
69
  };
67
70
  export var getComponents = function (fontUrls) { return ({
68
71
  MuiCssBaseline: getMuiCssBaseline(fontUrls),
72
+ MuiButton: MuiButton,
69
73
  MuiButtonBase: MuiButtonBase,
74
+ MuiLoadingButton: MuiLoadingButton,
70
75
  MuiTypography: MuiTypography,
71
76
  MuiInputBase: MuiInputBase,
72
77
  MuiInputLabel: MuiInputLabel,
@@ -88,4 +93,5 @@ export var getComponents = function (fontUrls) { return ({
88
93
  MuiPickersDay: MuiPickersDay,
89
94
  MuiCalendarPicker: MuiCalendarPicker,
90
95
  MuiYearPicker: MuiYearPicker,
96
+ MuiCircularProgress: MuiCircularProgress,
91
97
  }); };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astral/ui",
3
- "version": "0.22.1",
3
+ "version": "0.23.0-alpha.0",
4
4
  "browser": "./src/index.ts",
5
5
  "jest": {
6
6
  "moduleNameMapper": {
@@ -8,7 +8,7 @@
8
8
  }
9
9
  },
10
10
  "dependencies": {
11
- "@astral/icons": "^0.22.1",
11
+ "@astral/icons": "^0.23.0-alpha.0",
12
12
  "@emotion/cache": "11.7.1",
13
13
  "@emotion/react": "11.8.1",
14
14
  "@emotion/server": "11.4.0",
@@ -0,0 +1,3 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiButton: Components<Theme>['MuiButton'];
@@ -0,0 +1,99 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MuiButton = void 0;
4
+ var constants_1 = require("../../ButtonBase/constants");
5
+ var styled_1 = require("../../ButtonBase/styled");
6
+ exports.MuiButton = {
7
+ defaultProps: {
8
+ disableRipple: true,
9
+ },
10
+ styleOverrides: {
11
+ root: function (_a) {
12
+ var ownerState = _a.ownerState, theme = _a.theme;
13
+ var customVariant = ownerState.variant;
14
+ var customColor = ownerState.color;
15
+ return {
16
+ display: 'inline-flex',
17
+ color: (0, styled_1.getColor)({
18
+ theme: theme,
19
+ customVariant: customVariant,
20
+ customColor: customColor,
21
+ buttonState: constants_1.ButtonStates.DEFAULT,
22
+ }),
23
+ backgroundColor: (0, styled_1.getBgColor)({
24
+ customColor: customColor,
25
+ customVariant: customVariant,
26
+ buttonState: constants_1.ButtonStates.DEFAULT,
27
+ theme: theme,
28
+ }),
29
+ height: (0, styled_1.getButtonHeight)({
30
+ theme: theme,
31
+ size: ownerState.size,
32
+ }),
33
+ padding: (0, styled_1.getButtonPadding)({
34
+ theme: theme,
35
+ size: ownerState.size,
36
+ }),
37
+ fontWeight: theme.typography.button.fontWeight,
38
+ fontSize: theme.typography.button.fontSize,
39
+ border: 'none',
40
+ borderRadius: theme.shape.small,
41
+ textTransform: 'none',
42
+ boxShadow: 'none',
43
+ '&:hover': {
44
+ color: (0, styled_1.getColor)({
45
+ theme: theme,
46
+ customVariant: customVariant,
47
+ customColor: customColor,
48
+ buttonState: constants_1.ButtonStates.HOVER,
49
+ }),
50
+ backgroundColor: (0, styled_1.getBgColor)({
51
+ customColor: customColor,
52
+ customVariant: customVariant,
53
+ theme: theme,
54
+ buttonState: constants_1.ButtonStates.HOVER,
55
+ }),
56
+ boxShadow: 'none',
57
+ },
58
+ '&:active': {
59
+ color: (0, styled_1.getColor)({
60
+ customColor: customColor,
61
+ customVariant: customVariant,
62
+ theme: theme,
63
+ buttonState: constants_1.ButtonStates.ACTIVE,
64
+ }),
65
+ backgroundColor: (0, styled_1.getBgColor)({
66
+ customColor: customColor,
67
+ customVariant: customVariant,
68
+ theme: theme,
69
+ buttonState: constants_1.ButtonStates.ACTIVE,
70
+ }),
71
+ outline: 'none',
72
+ },
73
+ '&.Mui-disabled': {
74
+ color: theme.palette.grey['500'],
75
+ backgroundColor: (0, styled_1.getDisabledBgColor)({
76
+ theme: theme,
77
+ customVariant: customVariant,
78
+ }),
79
+ },
80
+ '&.Mui-focusVisible': {
81
+ color: (0, styled_1.getColor)({
82
+ theme: theme,
83
+ customVariant: customVariant,
84
+ customColor: customColor,
85
+ buttonState: constants_1.ButtonStates.FOCUS,
86
+ }),
87
+ backgroundColor: (0, styled_1.getBgColor)({
88
+ customColor: customColor,
89
+ customVariant: customVariant,
90
+ theme: theme,
91
+ buttonState: constants_1.ButtonStates.FOCUS,
92
+ }),
93
+ outline: "2px solid ".concat(theme.palette.primary['400']),
94
+ boxShadow: 'none',
95
+ },
96
+ };
97
+ },
98
+ },
99
+ };
@@ -0,0 +1,4 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiCircularProgress: Components<Theme>['MuiCircularProgress'];
4
+ export default MuiCircularProgress;
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MuiCircularProgress = void 0;
4
+ exports.MuiCircularProgress = {
5
+ styleOverrides: {
6
+ root: function (_a) {
7
+ var ownerState = _a.ownerState, theme = _a.theme;
8
+ var color = ownerState["data-color"];
9
+ return {
10
+ color: color === 'primary'
11
+ ? theme.palette.grey[900]
12
+ : theme.palette.primary.contrastText,
13
+ };
14
+ },
15
+ },
16
+ };
17
+ exports.default = exports.MuiCircularProgress;
@@ -0,0 +1,4 @@
1
+ import { Components } from '@mui/material';
2
+ import type { Theme } from '../baseTheme';
3
+ export declare const MuiLoadingButton: Components<Theme>['MuiLoadingButton'];
4
+ export default MuiLoadingButton;
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.MuiLoadingButton = void 0;
15
+ var lab_1 = require("@mui/lab");
16
+ var constants_1 = require("../../ButtonBase/constants");
17
+ var styled_1 = require("../../ButtonBase/styled");
18
+ exports.MuiLoadingButton = {
19
+ defaultProps: {
20
+ disableRipple: true,
21
+ },
22
+ styleOverrides: {
23
+ root: function (_a) {
24
+ var _b;
25
+ var ownerState = _a.ownerState, theme = _a.theme;
26
+ var customVariant = ownerState.variant;
27
+ var customColor = ownerState.color;
28
+ return _b = {},
29
+ _b["&.".concat(lab_1.loadingButtonClasses.loading)] = {
30
+ backgroundColor: (0, styled_1.getBgColor)({
31
+ customColor: customColor,
32
+ customVariant: customVariant,
33
+ theme: theme,
34
+ buttonState: constants_1.ButtonStates.DEFAULT,
35
+ }),
36
+ },
37
+ _b;
38
+ },
39
+ loadingIndicator: function (_a) {
40
+ var ownerState = _a.ownerState, theme = _a.theme;
41
+ var customVariant = ownerState.variant;
42
+ return __assign({}, (customVariant === 'contained' && {
43
+ color: theme.palette.primary.contrastText,
44
+ }));
45
+ },
46
+ },
47
+ };
48
+ exports.default = exports.MuiLoadingButton;
@@ -1,7 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.getComponents = void 0;
4
+ var MuiButton_1 = require("./MuiButton");
4
5
  var MuiButtonBase_1 = require("./MuiButtonBase");
6
+ var MuiLoadingButton_1 = require("./MuiLoadingButton");
5
7
  var MuiInputBase_1 = require("./MuiInputBase");
6
8
  var MuiFormHelperText_1 = require("./MuiFormHelperText");
7
9
  var MuiFormLabel_1 = require("./MuiFormLabel");
@@ -19,6 +21,7 @@ var MuiTableHead_1 = require("./MuiTableHead");
19
21
  var MuiPickersDay_1 = require("./MuiPickersDay");
20
22
  var MuiCalendarPicker_1 = require("./MuiCalendarPicker");
21
23
  var MuiYearPicker_1 = require("./MuiYearPicker");
24
+ var MuiCircularProgress_1 = require("./MuiCircularProgress");
22
25
  var getMuiCssBaseline = function (fontUrls) { return ({
23
26
  styleOverrides: "\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 300;\n font-display: swap;\n src: url(".concat(fontUrls.light.woff2, ") format('woff2'), url(").concat(fontUrls.light.woff, ") format('woff');\n }\n @font-face { \n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 400;\n font-display: swap;\n src: url(").concat(fontUrls.regular.woff2, ") format('woff2'), url(").concat(fontUrls.regular.woff, ") format('woff');\n }\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 500;\n font-display: swap;\n src: url(").concat(fontUrls.medium.woff2, ") format('woff2'), url(").concat(fontUrls.medium.woff, ") format('woff');\n }\n @font-face {\n font-family: 'Ubuntu';\n font-style: 'normal';\n font-weight: 700;\n font-display: swap;\n src: url(").concat(fontUrls.bold.woff2, ") format('woff2'), url(").concat(fontUrls.bold.woff, ") format('woff');\n }\n "),
24
27
  }); };
@@ -69,7 +72,9 @@ var MuiMenuItem = {
69
72
  };
70
73
  var getComponents = function (fontUrls) { return ({
71
74
  MuiCssBaseline: getMuiCssBaseline(fontUrls),
75
+ MuiButton: MuiButton_1.MuiButton,
72
76
  MuiButtonBase: MuiButtonBase_1.MuiButtonBase,
77
+ MuiLoadingButton: MuiLoadingButton_1.MuiLoadingButton,
73
78
  MuiTypography: MuiTypography_1.MuiTypography,
74
79
  MuiInputBase: MuiInputBase_1.MuiInputBase,
75
80
  MuiInputLabel: MuiInputLabel_1.MuiInputLabel,
@@ -91,5 +96,6 @@ var getComponents = function (fontUrls) { return ({
91
96
  MuiPickersDay: MuiPickersDay_1.MuiPickersDay,
92
97
  MuiCalendarPicker: MuiCalendarPicker_1.MuiCalendarPicker,
93
98
  MuiYearPicker: MuiYearPicker_1.MuiYearPicker,
99
+ MuiCircularProgress: MuiCircularProgress_1.MuiCircularProgress,
94
100
  }); };
95
101
  exports.getComponents = getComponents;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledButton: import("@emotion/styled").StyledComponent<Omit<import("@mui/base/ButtonUnstyled/ButtonUnstyledProps").default<"button", {}>, "variant" | "color" | "size"> & {
3
- color?: "error" | "primary" | "success" | "warning" | undefined;
4
- variant?: "link" | "text" | "light" | "contained" | undefined;
5
- size?: "large" | "medium" | undefined;
6
- } & {
7
- theme?: import("@emotion/react").Theme | undefined;
8
- } & {
9
- loading?: boolean | undefined;
10
- startIcon?: import("react").ReactNode;
11
- endIcon?: import("react").ReactNode;
12
- }, {}, {}>;
package/Button/styled.js DELETED
@@ -1,36 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.StyledButton = void 0;
8
- var styles_1 = require("../styles");
9
- var ButtonBase_1 = require("../ButtonBase");
10
- var getProgressColor = function (_a) {
11
- var theme = _a.theme, variant = _a.variant;
12
- if (variant === ButtonBase_1.ButtonVariants.CONTAINED)
13
- return theme.palette.primary.contrastText;
14
- return theme.palette.grey['900'];
15
- };
16
- exports.StyledButton = (0, styles_1.styled)(ButtonBase_1.ButtonBase, {
17
- shouldForwardProp: function (prop) {
18
- return prop !== 'startIcon' && prop !== 'endIcon' && prop !== 'loading';
19
- },
20
- })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n\n pointer-events: ", ";\n\n &:focus {\n color: ", ";\n }\n\n > span:first-of-type {\n display: inherit;\n margin-right: ", ";\n }\n\n > span:last-of-type {\n display: inherit;\n margin-left: ", ";\n }\n\n .MuiCircularProgress-root {\n position: absolute;\n\n width: 16px !important;\n height: 16px !important;\n\n color: ", ";\n\n transform: translate(-50%, -50%);\n }\n"], ["\n color: ", ";\n\n pointer-events: ", ";\n\n &:focus {\n color: ", ";\n }\n\n > span:first-of-type {\n display: inherit;\n margin-right: ", ";\n }\n\n > span:last-of-type {\n display: inherit;\n margin-left: ", ";\n }\n\n .MuiCircularProgress-root {\n position: absolute;\n\n width: 16px !important;\n height: 16px !important;\n\n color: ", ";\n\n transform: translate(-50%, -50%);\n }\n"])), function (_a) {
21
- var loading = _a.loading;
22
- return loading && 'transparent';
23
- }, function (_a) {
24
- var loading = _a.loading;
25
- return (loading ? 'none' : 'inherit');
26
- }, function (_a) {
27
- var loading = _a.loading;
28
- return loading && 'transparent';
29
- }, function (_a) {
30
- var theme = _a.theme;
31
- return theme.spacing(2);
32
- }, function (_a) {
33
- var theme = _a.theme;
34
- return theme.spacing(2);
35
- }, getProgressColor);
36
- var templateObject_1;
@@ -1,6 +0,0 @@
1
- import { CircularProgressProps } from './types';
2
- export declare const StyledCircularProgress: import("@emotion/styled").StyledComponent<import("@mui/material").CircularProgressProps & {
3
- theme?: import("@emotion/react").Theme | undefined;
4
- } & Omit<CircularProgressProps, "color" | "size"> & {
5
- customColor?: "primary" | "inverted" | undefined;
6
- }, {}, {}>;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.StyledCircularProgress = void 0;
8
- var material_1 = require("@mui/material");
9
- var styles_1 = require("../styles");
10
- var constants_1 = require("./constants");
11
- var getColor = function (_a) {
12
- var theme = _a.theme, customColor = _a.customColor;
13
- if (customColor === constants_1.CircularProgressColors.PRIMARY)
14
- return theme.palette.primary.dark;
15
- return theme.palette.primary.contrastText;
16
- };
17
- exports.StyledCircularProgress = (0, styles_1.styled)(material_1.CircularProgress, {
18
- shouldForwardProp: function (prop) { return prop !== 'customColor'; },
19
- })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (props) { return getColor(props); });
20
- var templateObject_1;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledButton: import("@emotion/styled").StyledComponent<Omit<import("@mui/base/ButtonUnstyled/ButtonUnstyledProps").default<"button", {}>, "variant" | "color" | "size"> & {
3
- color?: "error" | "primary" | "success" | "warning" | undefined;
4
- variant?: "link" | "text" | "light" | "contained" | undefined;
5
- size?: "large" | "medium" | undefined;
6
- } & {
7
- theme?: import("@emotion/react").Theme | undefined;
8
- } & {
9
- loading?: boolean | undefined;
10
- startIcon?: import("react").ReactNode;
11
- endIcon?: import("react").ReactNode;
12
- }, {}, {}>;