@onewelcome/react-lib-components 1.8.3 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Button/BaseButton.d.ts +2 -1
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Button/IconButton.d.ts +1 -1
- package/dist/Button/Spinner.d.ts +2 -0
- package/dist/_BaseStyling_/BaseStyling.d.ts +1 -1
- package/dist/react-lib-components.cjs.development.js +39 -14
- package/dist/react-lib-components.cjs.development.js.map +1 -1
- package/dist/react-lib-components.cjs.production.min.js +1 -1
- package/dist/react-lib-components.cjs.production.min.js.map +1 -1
- package/dist/react-lib-components.esm.js +40 -15
- package/dist/react-lib-components.esm.js.map +1 -1
- package/dist/util/helper.d.ts +1 -0
- package/package.json +14 -14
- package/src/Button/BaseButton.module.scss +24 -0
- package/src/Button/BaseButton.test.tsx +12 -0
- package/src/Button/BaseButton.tsx +17 -5
- package/src/Button/Spinner.tsx +33 -0
- package/src/DataGrid/DataGridBody/__snapshots__/DataGridBody.test.tsx.snap +4 -4
- package/src/Form/FileUpload/FileUpload.module.scss +9 -2
- package/src/Form/FileUpload/FileUpload.tsx +35 -33
- package/src/Form/Wrapper/InputWrapper/InputWrapper.module.scss +1 -0
- package/src/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss +1 -1
- package/src/_BaseStyling_/BaseStyling.tsx +14 -6
- package/src/hooks/useUploadFile.test.ts +2 -2
- package/src/hooks/useUploadFile.tsx +8 -5
- package/src/util/helper.test.tsx +16 -1
- package/src/util/helper.tsx +9 -0
|
@@ -2,6 +2,7 @@ import React, { ComponentPropsWithRef } from "react";
|
|
|
2
2
|
export interface Props extends ComponentPropsWithRef<"button"> {
|
|
3
3
|
type?: "submit" | "button" | "reset";
|
|
4
4
|
disabled?: boolean;
|
|
5
|
+
loading?: boolean;
|
|
5
6
|
color?: "primary" | "secondary" | "tertiary" | "default";
|
|
6
7
|
}
|
|
7
|
-
export declare const BaseButton: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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"> & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export declare const BaseButton: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
|
package/dist/Button/Button.d.ts
CHANGED
|
@@ -5,4 +5,4 @@ export interface Props extends BaseButtonProps {
|
|
|
5
5
|
endIcon?: React.ReactNode | false;
|
|
6
6
|
variant?: "text" | "fill" | "outline";
|
|
7
7
|
}
|
|
8
|
-
export declare const Button: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "startIcon" | "endIcon" | "variant"> & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export declare const Button: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "startIcon" | "endIcon" | "variant" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -8,4 +8,4 @@ export interface Props extends BaseButtonProps {
|
|
|
8
8
|
title?: string;
|
|
9
9
|
}
|
|
10
10
|
export declare const IconButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props>;
|
|
11
|
-
export declare const IconButton: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "variant" | "iconSize"> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
export declare const IconButton: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "variant" | "iconSize" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -88,5 +88,5 @@ export interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
|
88
88
|
children?: ReactChild;
|
|
89
89
|
properties?: CSSProperties;
|
|
90
90
|
}
|
|
91
|
-
export declare const BaseStyling: ({ children, properties }: Props) => JSX.Element
|
|
91
|
+
export declare const BaseStyling: ({ children, properties }: Props) => JSX.Element;
|
|
92
92
|
export {};
|
|
@@ -125,6 +125,7 @@ var BaseStyling = function BaseStyling(_ref) {
|
|
|
125
125
|
var _useState = React.useState(true),
|
|
126
126
|
isLoading = _useState[0],
|
|
127
127
|
setIsLoading = _useState[1];
|
|
128
|
+
var baseStylingWrapper = React.useRef(null);
|
|
128
129
|
var setCSSProperties = function setCSSProperties(CSSPropertiesObject) {
|
|
129
130
|
for (var _i = 0, _Object$entries = Object.entries(CSSPropertiesObject); _i < _Object$entries.length; _i++) {
|
|
130
131
|
var _Object$entries$_i = _Object$entries[_i],
|
|
@@ -133,41 +134,65 @@ var BaseStyling = function BaseStyling(_ref) {
|
|
|
133
134
|
var formattedPropertyName = key.replace(/([A-Z])/g, function (val) {
|
|
134
135
|
return "-" + val.toLowerCase();
|
|
135
136
|
});
|
|
136
|
-
|
|
137
|
+
baseStylingWrapper.current.style.setProperty("--" + formattedPropertyName, value);
|
|
137
138
|
}
|
|
138
139
|
};
|
|
139
140
|
React.useEffect(function () {
|
|
140
|
-
if (Object.keys(properties).length !== 0) {
|
|
141
|
+
if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {
|
|
141
142
|
var mergedState = _extends({}, defaultProperties, properties);
|
|
142
143
|
setCSSProperties(mergedState);
|
|
143
|
-
} else {
|
|
144
|
+
} else if (baseStylingWrapper.current) {
|
|
144
145
|
setCSSProperties(defaultProperties);
|
|
145
146
|
}
|
|
146
147
|
setIsLoading(false);
|
|
147
|
-
}, [properties]);
|
|
148
|
-
return
|
|
148
|
+
}, [properties, baseStylingWrapper.current]);
|
|
149
|
+
return React__default["default"].createElement("div", {
|
|
150
|
+
className: "basestyling-wrapper",
|
|
151
|
+
ref: baseStylingWrapper
|
|
152
|
+
}, !isLoading ? children : null);
|
|
149
153
|
};
|
|
150
154
|
|
|
151
155
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
152
156
|
|
|
153
|
-
var css$Y = ".
|
|
154
|
-
var modules_3484519b = {"sr-only":"
|
|
157
|
+
var css$Y = ".BaseButton_module_srOnly__3c780b95{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseButton_module_hidden__3c780b95{display:none}.BaseButton_module_slideIn__3c780b95{animation:BaseButton_module_slideIn__3c780b95 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_module_slideIn__3c780b95{animation-duration:.1ms}}.BaseButton_module_slideOut__3c780b95{animation:BaseButton_module_slideOut__3c780b95 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_module_slideOut__3c780b95{animation-duration:.1ms}}@keyframes BaseButton_module_slideIn__3c780b95{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseButton_module_slideOut__3c780b95{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.BaseButton_module_w6__3c780b95{width:6%}.BaseButton_module_w7__3c780b95{width:7%}.BaseButton_module_w8__3c780b95{width:8%}.BaseButton_module_w9__3c780b95{width:9%}.BaseButton_module_w10__3c780b95{width:10%}.BaseButton_module_w11__3c780b95{width:11%}.BaseButton_module_w12__3c780b95{width:12%}.BaseButton_module_w13__3c780b95{width:13%}.BaseButton_module_w14__3c780b95{width:14%}.BaseButton_module_w15__3c780b95{width:15%}.BaseButton_module_w16__3c780b95{width:16%}.BaseButton_module_w17__3c780b95{width:17%}.BaseButton_module_w18__3c780b95{width:18%}.BaseButton_module_w19__3c780b95{width:19%}.BaseButton_module_w20__3c780b95{width:20%}.BaseButton_module_w21__3c780b95{width:21%}.BaseButton_module_w22__3c780b95{width:22%}.BaseButton_module_w23__3c780b95{width:23%}.BaseButton_module_w24__3c780b95{width:24%}.BaseButton_module_w25__3c780b95{width:25%}.BaseButton_module_w26__3c780b95{width:26%}.BaseButton_module_w27__3c780b95{width:27%}.BaseButton_module_w28__3c780b95{width:28%}.BaseButton_module_w29__3c780b95{width:29%}.BaseButton_module_w30__3c780b95{width:30%}.BaseButton_module_w31__3c780b95{width:31%}.BaseButton_module_w32__3c780b95{width:32%}.BaseButton_module_w33__3c780b95{width:33%}.BaseButton_module_w34__3c780b95{width:34%}.BaseButton_module_w35__3c780b95{width:35%}.BaseButton_module_w36__3c780b95{width:36%}.BaseButton_module_w37__3c780b95{width:37%}.BaseButton_module_w38__3c780b95{width:38%}.BaseButton_module_w39__3c780b95{width:39%}.BaseButton_module_w40__3c780b95{width:40%}.BaseButton_module_w41__3c780b95{width:41%}.BaseButton_module_w42__3c780b95{width:42%}.BaseButton_module_w43__3c780b95{width:43%}.BaseButton_module_w44__3c780b95{width:44%}.BaseButton_module_w45__3c780b95{width:45%}.BaseButton_module_w46__3c780b95{width:46%}.BaseButton_module_w47__3c780b95{width:47%}.BaseButton_module_w48__3c780b95{width:48%}.BaseButton_module_w49__3c780b95{width:49%}.BaseButton_module_w50__3c780b95{width:50%}.BaseButton_module_w51__3c780b95{width:51%}.BaseButton_module_w52__3c780b95{width:52%}.BaseButton_module_w53__3c780b95{width:53%}.BaseButton_module_w54__3c780b95{width:54%}.BaseButton_module_w55__3c780b95{width:55%}.BaseButton_module_w56__3c780b95{width:56%}.BaseButton_module_w57__3c780b95{width:57%}.BaseButton_module_w58__3c780b95{width:58%}.BaseButton_module_w59__3c780b95{width:59%}.BaseButton_module_w60__3c780b95{width:60%}.BaseButton_module_w61__3c780b95{width:61%}.BaseButton_module_w62__3c780b95{width:62%}.BaseButton_module_w63__3c780b95{width:63%}.BaseButton_module_w64__3c780b95{width:64%}.BaseButton_module_w65__3c780b95{width:65%}.BaseButton_module_w66__3c780b95{width:66%}.BaseButton_module_w67__3c780b95{width:67%}.BaseButton_module_w68__3c780b95{width:68%}.BaseButton_module_w69__3c780b95{width:69%}.BaseButton_module_w70__3c780b95{width:70%}.BaseButton_module_w71__3c780b95{width:71%}.BaseButton_module_w72__3c780b95{width:72%}.BaseButton_module_w73__3c780b95{width:73%}.BaseButton_module_w74__3c780b95{width:74%}.BaseButton_module_w75__3c780b95{width:75%}.BaseButton_module_w76__3c780b95{width:76%}.BaseButton_module_w77__3c780b95{width:77%}.BaseButton_module_w78__3c780b95{width:78%}.BaseButton_module_w79__3c780b95{width:79%}.BaseButton_module_w80__3c780b95{width:80%}.BaseButton_module_w81__3c780b95{width:81%}.BaseButton_module_w82__3c780b95{width:82%}.BaseButton_module_w83__3c780b95{width:83%}.BaseButton_module_w84__3c780b95{width:84%}.BaseButton_module_w85__3c780b95{width:85%}.BaseButton_module_w86__3c780b95{width:86%}.BaseButton_module_w87__3c780b95{width:87%}.BaseButton_module_w88__3c780b95{width:88%}.BaseButton_module_w89__3c780b95{width:89%}.BaseButton_module_w90__3c780b95{width:90%}.BaseButton_module_w91__3c780b95{width:91%}.BaseButton_module_w92__3c780b95{width:92%}.BaseButton_module_w93__3c780b95{width:93%}.BaseButton_module_w94__3c780b95{width:94%}.BaseButton_module_w95__3c780b95{width:95%}.BaseButton_module_w96__3c780b95{width:96%}.BaseButton_module_w97__3c780b95{width:97%}.BaseButton_module_w98__3c780b95{width:98%}.BaseButton_module_w99__3c780b95{width:99%}.BaseButton_module_w100__3c780b95{width:100%}.BaseButton_module_w101__3c780b95{width:101%}.BaseButton_module_w102__3c780b95{width:102%}.BaseButton_module_w103__3c780b95{width:103%}.BaseButton_module_w104__3c780b95{width:104%}.BaseButton_module_w105__3c780b95{width:105%}.BaseButton_module_button__3c780b95{border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);cursor:pointer;font-family:var(--font-family);font-size:var(--button-font-size);line-height:var(--button-font-size);margin:0;min-height:2.5rem;padding:.5rem 1.25rem;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.BaseButton_module_button__3c780b95{transition-duration:.1ms}}.BaseButton_module_button__3c780b95:disabled{color:var(--greyed-out);cursor:not-allowed}.BaseButton_module_button__3c780b95 .BaseButton_module_contentHidden__3c780b95{display:flex;visibility:hidden}.BaseButton_module_spinner__3c780b95{animation:BaseButton_module_spin__3c780b95 1s linear infinite;left:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transform:translate(-50%,-50%)}@keyframes BaseButton_module_spin__3c780b95{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}";
|
|
158
|
+
var modules_3484519b = {"sr-only":"BaseButton_module_srOnly__3c780b95","hidden":"BaseButton_module_hidden__3c780b95","slide-in":"BaseButton_module_slideIn__3c780b95","slide-out":"BaseButton_module_slideOut__3c780b95","w-6":"BaseButton_module_w6__3c780b95","w-7":"BaseButton_module_w7__3c780b95","w-8":"BaseButton_module_w8__3c780b95","w-9":"BaseButton_module_w9__3c780b95","w-10":"BaseButton_module_w10__3c780b95","w-11":"BaseButton_module_w11__3c780b95","w-12":"BaseButton_module_w12__3c780b95","w-13":"BaseButton_module_w13__3c780b95","w-14":"BaseButton_module_w14__3c780b95","w-15":"BaseButton_module_w15__3c780b95","w-16":"BaseButton_module_w16__3c780b95","w-17":"BaseButton_module_w17__3c780b95","w-18":"BaseButton_module_w18__3c780b95","w-19":"BaseButton_module_w19__3c780b95","w-20":"BaseButton_module_w20__3c780b95","w-21":"BaseButton_module_w21__3c780b95","w-22":"BaseButton_module_w22__3c780b95","w-23":"BaseButton_module_w23__3c780b95","w-24":"BaseButton_module_w24__3c780b95","w-25":"BaseButton_module_w25__3c780b95","w-26":"BaseButton_module_w26__3c780b95","w-27":"BaseButton_module_w27__3c780b95","w-28":"BaseButton_module_w28__3c780b95","w-29":"BaseButton_module_w29__3c780b95","w-30":"BaseButton_module_w30__3c780b95","w-31":"BaseButton_module_w31__3c780b95","w-32":"BaseButton_module_w32__3c780b95","w-33":"BaseButton_module_w33__3c780b95","w-34":"BaseButton_module_w34__3c780b95","w-35":"BaseButton_module_w35__3c780b95","w-36":"BaseButton_module_w36__3c780b95","w-37":"BaseButton_module_w37__3c780b95","w-38":"BaseButton_module_w38__3c780b95","w-39":"BaseButton_module_w39__3c780b95","w-40":"BaseButton_module_w40__3c780b95","w-41":"BaseButton_module_w41__3c780b95","w-42":"BaseButton_module_w42__3c780b95","w-43":"BaseButton_module_w43__3c780b95","w-44":"BaseButton_module_w44__3c780b95","w-45":"BaseButton_module_w45__3c780b95","w-46":"BaseButton_module_w46__3c780b95","w-47":"BaseButton_module_w47__3c780b95","w-48":"BaseButton_module_w48__3c780b95","w-49":"BaseButton_module_w49__3c780b95","w-50":"BaseButton_module_w50__3c780b95","w-51":"BaseButton_module_w51__3c780b95","w-52":"BaseButton_module_w52__3c780b95","w-53":"BaseButton_module_w53__3c780b95","w-54":"BaseButton_module_w54__3c780b95","w-55":"BaseButton_module_w55__3c780b95","w-56":"BaseButton_module_w56__3c780b95","w-57":"BaseButton_module_w57__3c780b95","w-58":"BaseButton_module_w58__3c780b95","w-59":"BaseButton_module_w59__3c780b95","w-60":"BaseButton_module_w60__3c780b95","w-61":"BaseButton_module_w61__3c780b95","w-62":"BaseButton_module_w62__3c780b95","w-63":"BaseButton_module_w63__3c780b95","w-64":"BaseButton_module_w64__3c780b95","w-65":"BaseButton_module_w65__3c780b95","w-66":"BaseButton_module_w66__3c780b95","w-67":"BaseButton_module_w67__3c780b95","w-68":"BaseButton_module_w68__3c780b95","w-69":"BaseButton_module_w69__3c780b95","w-70":"BaseButton_module_w70__3c780b95","w-71":"BaseButton_module_w71__3c780b95","w-72":"BaseButton_module_w72__3c780b95","w-73":"BaseButton_module_w73__3c780b95","w-74":"BaseButton_module_w74__3c780b95","w-75":"BaseButton_module_w75__3c780b95","w-76":"BaseButton_module_w76__3c780b95","w-77":"BaseButton_module_w77__3c780b95","w-78":"BaseButton_module_w78__3c780b95","w-79":"BaseButton_module_w79__3c780b95","w-80":"BaseButton_module_w80__3c780b95","w-81":"BaseButton_module_w81__3c780b95","w-82":"BaseButton_module_w82__3c780b95","w-83":"BaseButton_module_w83__3c780b95","w-84":"BaseButton_module_w84__3c780b95","w-85":"BaseButton_module_w85__3c780b95","w-86":"BaseButton_module_w86__3c780b95","w-87":"BaseButton_module_w87__3c780b95","w-88":"BaseButton_module_w88__3c780b95","w-89":"BaseButton_module_w89__3c780b95","w-90":"BaseButton_module_w90__3c780b95","w-91":"BaseButton_module_w91__3c780b95","w-92":"BaseButton_module_w92__3c780b95","w-93":"BaseButton_module_w93__3c780b95","w-94":"BaseButton_module_w94__3c780b95","w-95":"BaseButton_module_w95__3c780b95","w-96":"BaseButton_module_w96__3c780b95","w-97":"BaseButton_module_w97__3c780b95","w-98":"BaseButton_module_w98__3c780b95","w-99":"BaseButton_module_w99__3c780b95","w-100":"BaseButton_module_w100__3c780b95","w-101":"BaseButton_module_w101__3c780b95","w-102":"BaseButton_module_w102__3c780b95","w-103":"BaseButton_module_w103__3c780b95","w-104":"BaseButton_module_w104__3c780b95","w-105":"BaseButton_module_w105__3c780b95","button":"BaseButton_module_button__3c780b95","content-hidden":"BaseButton_module_contentHidden__3c780b95","spinner":"BaseButton_module_spinner__3c780b95","spin":"BaseButton_module_spin__3c780b95"};
|
|
155
159
|
n(css$Y,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
156
160
|
|
|
157
|
-
var
|
|
161
|
+
var Spinner = function Spinner(props) {
|
|
162
|
+
return React__default["default"].createElement("svg", _extends({}, props, {
|
|
163
|
+
width: "24",
|
|
164
|
+
height: "24",
|
|
165
|
+
viewBox: "0 0 24 24",
|
|
166
|
+
fill: "none",
|
|
167
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
168
|
+
}), React__default["default"].createElement("path", {
|
|
169
|
+
d: "M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8323 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.2918 23.4127C6.49076 22.8275 4.85378 21.8243 3.51472 20.4853C2.17565 19.1462 1.17251 17.5092 0.587322 15.7082C0.00212849 13.9072 -0.148504 11.9932 0.14774 10.1228C0.443984 8.25238 1.17869 6.47863 2.2918 4.94658L3.91307 6.1245C2.98585 7.4007 2.37384 8.87823 2.12707 10.4363C1.8803 11.9943 2.00577 13.5887 2.49324 15.0889C2.9807 16.5892 3.81632 17.9528 4.93176 19.0682C6.0472 20.1837 7.4108 21.0193 8.91107 21.5068C10.4113 21.9942 12.0057 22.1197 13.5637 21.8729C15.1218 21.6262 16.5993 21.0141 17.8755 20.0869C19.1517 19.1597 20.1903 17.9436 20.9065 16.5381C21.6227 15.1326 21.996 13.5775 21.996 12H24Z",
|
|
170
|
+
fill: "#5D607E"
|
|
171
|
+
}));
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
var _excluded$_ = ["children", "type", "className", "loading", "disabled"];
|
|
158
175
|
var BaseButtonComponent = function BaseButtonComponent(_ref, ref) {
|
|
159
176
|
var children = _ref.children,
|
|
160
177
|
_ref$type = _ref.type,
|
|
161
178
|
type = _ref$type === void 0 ? "button" : _ref$type,
|
|
162
179
|
className = _ref.className,
|
|
180
|
+
loading = _ref.loading,
|
|
181
|
+
disabled = _ref.disabled,
|
|
163
182
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded$_);
|
|
164
183
|
var validTypes = ["submit", "button", "reset"];
|
|
184
|
+
var isDisabled = disabled || loading;
|
|
165
185
|
if (!validTypes.includes(type)) throw new Error("You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got " + type);
|
|
166
186
|
return React__default["default"].createElement("button", _extends({}, rest, {
|
|
187
|
+
disabled: isDisabled,
|
|
167
188
|
ref: ref,
|
|
168
189
|
type: type,
|
|
169
|
-
className: modules_3484519b.button + " " + (className ? className : "")
|
|
170
|
-
}),
|
|
190
|
+
className: modules_3484519b.button + " " + (loading ? modules_3484519b.loading : "") + " " + (className ? className : "")
|
|
191
|
+
}), loading ? React__default["default"].createElement(React.Fragment, null, React__default["default"].createElement("div", {
|
|
192
|
+
className: modules_3484519b["content-hidden"]
|
|
193
|
+
}, children), React__default["default"].createElement(Spinner, {
|
|
194
|
+
className: modules_3484519b["spinner"]
|
|
195
|
+
})) : children);
|
|
171
196
|
};
|
|
172
197
|
var BaseButton = /*#__PURE__*/React__default["default"].forwardRef(BaseButtonComponent);
|
|
173
198
|
|
|
@@ -2564,8 +2589,8 @@ var BaseModalContentComponent = function BaseModalContentComponent(_ref, ref) {
|
|
|
2564
2589
|
};
|
|
2565
2590
|
var BaseModalContent = /*#__PURE__*/React__default["default"].forwardRef(BaseModalContentComponent);
|
|
2566
2591
|
|
|
2567
|
-
var css$x = ".
|
|
2568
|
-
var modules_6b4a9db0 = {"actions":"
|
|
2592
|
+
var css$x = ".BaseModalActions_module_actions__b0981b5d{display:flex;justify-content:flex-end;margin:1.875rem 1.25rem}.BaseModalActions_module_actions__b0981b5d>*{margin-left:2rem}";
|
|
2593
|
+
var modules_6b4a9db0 = {"actions":"BaseModalActions_module_actions__b0981b5d"};
|
|
2569
2594
|
n(css$x,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
2570
2595
|
|
|
2571
2596
|
var _excluded$z = ["children", "className"];
|
|
@@ -3570,8 +3595,8 @@ var FormControlComponent = function FormControlComponent(_ref, ref) {
|
|
|
3570
3595
|
};
|
|
3571
3596
|
var FormControl = /*#__PURE__*/React__default["default"].forwardRef(FormControlComponent);
|
|
3572
3597
|
|
|
3573
|
-
var css$h = ".
|
|
3574
|
-
var modules_bc06a1ad = {"sr-only":"
|
|
3598
|
+
var css$h = ".InputWrapper_module_srOnly__ff80c51e{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.InputWrapper_module_hidden__ff80c51e{display:none}.InputWrapper_module_slideIn__ff80c51e{animation:InputWrapper_module_slideIn__ff80c51e .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper_module_slideIn__ff80c51e{animation-duration:.1ms}}.InputWrapper_module_slideOut__ff80c51e{animation:InputWrapper_module_slideOut__ff80c51e .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper_module_slideOut__ff80c51e{animation-duration:.1ms}}@keyframes InputWrapper_module_slideIn__ff80c51e{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_module_slideOut__ff80c51e{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.InputWrapper_module_w6__ff80c51e{width:6%}.InputWrapper_module_w7__ff80c51e{width:7%}.InputWrapper_module_w8__ff80c51e{width:8%}.InputWrapper_module_w9__ff80c51e{width:9%}.InputWrapper_module_w10__ff80c51e{width:10%}.InputWrapper_module_w11__ff80c51e{width:11%}.InputWrapper_module_w12__ff80c51e{width:12%}.InputWrapper_module_w13__ff80c51e{width:13%}.InputWrapper_module_w14__ff80c51e{width:14%}.InputWrapper_module_w15__ff80c51e{width:15%}.InputWrapper_module_w16__ff80c51e{width:16%}.InputWrapper_module_w17__ff80c51e{width:17%}.InputWrapper_module_w18__ff80c51e{width:18%}.InputWrapper_module_w19__ff80c51e{width:19%}.InputWrapper_module_w20__ff80c51e{width:20%}.InputWrapper_module_w21__ff80c51e{width:21%}.InputWrapper_module_w22__ff80c51e{width:22%}.InputWrapper_module_w23__ff80c51e{width:23%}.InputWrapper_module_w24__ff80c51e{width:24%}.InputWrapper_module_w25__ff80c51e{width:25%}.InputWrapper_module_w26__ff80c51e{width:26%}.InputWrapper_module_w27__ff80c51e{width:27%}.InputWrapper_module_w28__ff80c51e{width:28%}.InputWrapper_module_w29__ff80c51e{width:29%}.InputWrapper_module_w30__ff80c51e{width:30%}.InputWrapper_module_w31__ff80c51e{width:31%}.InputWrapper_module_w32__ff80c51e{width:32%}.InputWrapper_module_w33__ff80c51e{width:33%}.InputWrapper_module_w34__ff80c51e{width:34%}.InputWrapper_module_w35__ff80c51e{width:35%}.InputWrapper_module_w36__ff80c51e{width:36%}.InputWrapper_module_w37__ff80c51e{width:37%}.InputWrapper_module_w38__ff80c51e{width:38%}.InputWrapper_module_w39__ff80c51e{width:39%}.InputWrapper_module_w40__ff80c51e{width:40%}.InputWrapper_module_w41__ff80c51e{width:41%}.InputWrapper_module_w42__ff80c51e{width:42%}.InputWrapper_module_w43__ff80c51e{width:43%}.InputWrapper_module_w44__ff80c51e{width:44%}.InputWrapper_module_w45__ff80c51e{width:45%}.InputWrapper_module_w46__ff80c51e{width:46%}.InputWrapper_module_w47__ff80c51e{width:47%}.InputWrapper_module_w48__ff80c51e{width:48%}.InputWrapper_module_w49__ff80c51e{width:49%}.InputWrapper_module_w50__ff80c51e{width:50%}.InputWrapper_module_w51__ff80c51e{width:51%}.InputWrapper_module_w52__ff80c51e{width:52%}.InputWrapper_module_w53__ff80c51e{width:53%}.InputWrapper_module_w54__ff80c51e{width:54%}.InputWrapper_module_w55__ff80c51e{width:55%}.InputWrapper_module_w56__ff80c51e{width:56%}.InputWrapper_module_w57__ff80c51e{width:57%}.InputWrapper_module_w58__ff80c51e{width:58%}.InputWrapper_module_w59__ff80c51e{width:59%}.InputWrapper_module_w60__ff80c51e{width:60%}.InputWrapper_module_w61__ff80c51e{width:61%}.InputWrapper_module_w62__ff80c51e{width:62%}.InputWrapper_module_w63__ff80c51e{width:63%}.InputWrapper_module_w64__ff80c51e{width:64%}.InputWrapper_module_w65__ff80c51e{width:65%}.InputWrapper_module_w66__ff80c51e{width:66%}.InputWrapper_module_w67__ff80c51e{width:67%}.InputWrapper_module_w68__ff80c51e{width:68%}.InputWrapper_module_w69__ff80c51e{width:69%}.InputWrapper_module_w70__ff80c51e{width:70%}.InputWrapper_module_w71__ff80c51e{width:71%}.InputWrapper_module_w72__ff80c51e{width:72%}.InputWrapper_module_w73__ff80c51e{width:73%}.InputWrapper_module_w74__ff80c51e{width:74%}.InputWrapper_module_w75__ff80c51e{width:75%}.InputWrapper_module_w76__ff80c51e{width:76%}.InputWrapper_module_w77__ff80c51e{width:77%}.InputWrapper_module_w78__ff80c51e{width:78%}.InputWrapper_module_w79__ff80c51e{width:79%}.InputWrapper_module_w80__ff80c51e{width:80%}.InputWrapper_module_w81__ff80c51e{width:81%}.InputWrapper_module_w82__ff80c51e{width:82%}.InputWrapper_module_w83__ff80c51e{width:83%}.InputWrapper_module_w84__ff80c51e{width:84%}.InputWrapper_module_w85__ff80c51e{width:85%}.InputWrapper_module_w86__ff80c51e{width:86%}.InputWrapper_module_w87__ff80c51e{width:87%}.InputWrapper_module_w88__ff80c51e{width:88%}.InputWrapper_module_w89__ff80c51e{width:89%}.InputWrapper_module_w90__ff80c51e{width:90%}.InputWrapper_module_w91__ff80c51e{width:91%}.InputWrapper_module_w92__ff80c51e{width:92%}.InputWrapper_module_w93__ff80c51e{width:93%}.InputWrapper_module_w94__ff80c51e{width:94%}.InputWrapper_module_w95__ff80c51e{width:95%}.InputWrapper_module_w96__ff80c51e{width:96%}.InputWrapper_module_w97__ff80c51e{width:97%}.InputWrapper_module_w98__ff80c51e{width:98%}.InputWrapper_module_w99__ff80c51e{width:99%}.InputWrapper_module_w100__ff80c51e{width:100%}.InputWrapper_module_w101__ff80c51e{width:101%}.InputWrapper_module_w102__ff80c51e{width:102%}.InputWrapper_module_w103__ff80c51e{width:103%}.InputWrapper_module_w104__ff80c51e{width:104%}.InputWrapper_module_w105__ff80c51e{width:105%}label.InputWrapper_module_inputLabel__ff80c51e.InputWrapper_module_focus__ff80c51e.InputWrapper_module_focus__ff80c51e{color:var(--color-primary)}input.InputWrapper_module_floatingLabel__ff80c51e{padding-top:1rem}.InputWrapper_module_inputWrapperHelper__ff80c51e{margin-top:.25rem}.InputWrapper_module_inputWrapper__ff80c51e [data-icon]:before{font-size:1.125rem;transform:translateY(0);transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.InputWrapper_module_inputWrapper__ff80c51e [data-icon]:before{transition-duration:.1ms}}.InputWrapper_module_inputWrapper__ff80c51e .InputWrapper_module_floatingLabelActive__ff80c51e [data-icon]:before{transform:translateY(5px)}.InputWrapper_module_inputWrapper__ff80c51e [data-prefix],.InputWrapper_module_inputWrapper__ff80c51e [data-suffix]{font-family:var(--font-family);transform:translateY(-.125rem)}.InputWrapper_module_inputWrapper__ff80c51e [data-prefix]+input{padding-left:.5rem}.InputWrapper_module_inputWrapper__ff80c51e [data-suffix]{padding-left:1.25rem}.InputWrapper_module_inputWrapper__ff80c51e input+[data-suffix]{padding-left:.5rem}.InputWrapper_module_inputWrapper__ff80c51e .InputWrapper_module_disabled__ff80c51e{background-color:var(--disabled);cursor:not-allowed}.InputWrapper_module_floatingLabelActive__ff80c51e [data-prefix],.InputWrapper_module_floatingLabelActive__ff80c51e [data-suffix]{padding-top:1rem;transform:translateY(0)}";
|
|
3599
|
+
var modules_bc06a1ad = {"sr-only":"InputWrapper_module_srOnly__ff80c51e","hidden":"InputWrapper_module_hidden__ff80c51e","slide-in":"InputWrapper_module_slideIn__ff80c51e","slide-out":"InputWrapper_module_slideOut__ff80c51e","w-6":"InputWrapper_module_w6__ff80c51e","w-7":"InputWrapper_module_w7__ff80c51e","w-8":"InputWrapper_module_w8__ff80c51e","w-9":"InputWrapper_module_w9__ff80c51e","w-10":"InputWrapper_module_w10__ff80c51e","w-11":"InputWrapper_module_w11__ff80c51e","w-12":"InputWrapper_module_w12__ff80c51e","w-13":"InputWrapper_module_w13__ff80c51e","w-14":"InputWrapper_module_w14__ff80c51e","w-15":"InputWrapper_module_w15__ff80c51e","w-16":"InputWrapper_module_w16__ff80c51e","w-17":"InputWrapper_module_w17__ff80c51e","w-18":"InputWrapper_module_w18__ff80c51e","w-19":"InputWrapper_module_w19__ff80c51e","w-20":"InputWrapper_module_w20__ff80c51e","w-21":"InputWrapper_module_w21__ff80c51e","w-22":"InputWrapper_module_w22__ff80c51e","w-23":"InputWrapper_module_w23__ff80c51e","w-24":"InputWrapper_module_w24__ff80c51e","w-25":"InputWrapper_module_w25__ff80c51e","w-26":"InputWrapper_module_w26__ff80c51e","w-27":"InputWrapper_module_w27__ff80c51e","w-28":"InputWrapper_module_w28__ff80c51e","w-29":"InputWrapper_module_w29__ff80c51e","w-30":"InputWrapper_module_w30__ff80c51e","w-31":"InputWrapper_module_w31__ff80c51e","w-32":"InputWrapper_module_w32__ff80c51e","w-33":"InputWrapper_module_w33__ff80c51e","w-34":"InputWrapper_module_w34__ff80c51e","w-35":"InputWrapper_module_w35__ff80c51e","w-36":"InputWrapper_module_w36__ff80c51e","w-37":"InputWrapper_module_w37__ff80c51e","w-38":"InputWrapper_module_w38__ff80c51e","w-39":"InputWrapper_module_w39__ff80c51e","w-40":"InputWrapper_module_w40__ff80c51e","w-41":"InputWrapper_module_w41__ff80c51e","w-42":"InputWrapper_module_w42__ff80c51e","w-43":"InputWrapper_module_w43__ff80c51e","w-44":"InputWrapper_module_w44__ff80c51e","w-45":"InputWrapper_module_w45__ff80c51e","w-46":"InputWrapper_module_w46__ff80c51e","w-47":"InputWrapper_module_w47__ff80c51e","w-48":"InputWrapper_module_w48__ff80c51e","w-49":"InputWrapper_module_w49__ff80c51e","w-50":"InputWrapper_module_w50__ff80c51e","w-51":"InputWrapper_module_w51__ff80c51e","w-52":"InputWrapper_module_w52__ff80c51e","w-53":"InputWrapper_module_w53__ff80c51e","w-54":"InputWrapper_module_w54__ff80c51e","w-55":"InputWrapper_module_w55__ff80c51e","w-56":"InputWrapper_module_w56__ff80c51e","w-57":"InputWrapper_module_w57__ff80c51e","w-58":"InputWrapper_module_w58__ff80c51e","w-59":"InputWrapper_module_w59__ff80c51e","w-60":"InputWrapper_module_w60__ff80c51e","w-61":"InputWrapper_module_w61__ff80c51e","w-62":"InputWrapper_module_w62__ff80c51e","w-63":"InputWrapper_module_w63__ff80c51e","w-64":"InputWrapper_module_w64__ff80c51e","w-65":"InputWrapper_module_w65__ff80c51e","w-66":"InputWrapper_module_w66__ff80c51e","w-67":"InputWrapper_module_w67__ff80c51e","w-68":"InputWrapper_module_w68__ff80c51e","w-69":"InputWrapper_module_w69__ff80c51e","w-70":"InputWrapper_module_w70__ff80c51e","w-71":"InputWrapper_module_w71__ff80c51e","w-72":"InputWrapper_module_w72__ff80c51e","w-73":"InputWrapper_module_w73__ff80c51e","w-74":"InputWrapper_module_w74__ff80c51e","w-75":"InputWrapper_module_w75__ff80c51e","w-76":"InputWrapper_module_w76__ff80c51e","w-77":"InputWrapper_module_w77__ff80c51e","w-78":"InputWrapper_module_w78__ff80c51e","w-79":"InputWrapper_module_w79__ff80c51e","w-80":"InputWrapper_module_w80__ff80c51e","w-81":"InputWrapper_module_w81__ff80c51e","w-82":"InputWrapper_module_w82__ff80c51e","w-83":"InputWrapper_module_w83__ff80c51e","w-84":"InputWrapper_module_w84__ff80c51e","w-85":"InputWrapper_module_w85__ff80c51e","w-86":"InputWrapper_module_w86__ff80c51e","w-87":"InputWrapper_module_w87__ff80c51e","w-88":"InputWrapper_module_w88__ff80c51e","w-89":"InputWrapper_module_w89__ff80c51e","w-90":"InputWrapper_module_w90__ff80c51e","w-91":"InputWrapper_module_w91__ff80c51e","w-92":"InputWrapper_module_w92__ff80c51e","w-93":"InputWrapper_module_w93__ff80c51e","w-94":"InputWrapper_module_w94__ff80c51e","w-95":"InputWrapper_module_w95__ff80c51e","w-96":"InputWrapper_module_w96__ff80c51e","w-97":"InputWrapper_module_w97__ff80c51e","w-98":"InputWrapper_module_w98__ff80c51e","w-99":"InputWrapper_module_w99__ff80c51e","w-100":"InputWrapper_module_w100__ff80c51e","w-101":"InputWrapper_module_w101__ff80c51e","w-102":"InputWrapper_module_w102__ff80c51e","w-103":"InputWrapper_module_w103__ff80c51e","w-104":"InputWrapper_module_w104__ff80c51e","w-105":"InputWrapper_module_w105__ff80c51e","input-label":"InputWrapper_module_inputLabel__ff80c51e","focus":"InputWrapper_module_focus__ff80c51e","floating-label":"InputWrapper_module_floatingLabel__ff80c51e","input-wrapper-helper":"InputWrapper_module_inputWrapperHelper__ff80c51e","input-wrapper":"InputWrapper_module_inputWrapper__ff80c51e","floating-label-active":"InputWrapper_module_floatingLabelActive__ff80c51e","disabled":"InputWrapper_module_disabled__ff80c51e"};
|
|
3575
3600
|
n(css$h,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
3576
3601
|
|
|
3577
3602
|
var css$g = ".FormGroup_module_formGroup__9eafa373{position:relative}.FormGroup_module_error__9eafa373{color:var(--error)}.FormGroup_module_errorMessage__9eafa373{align-items:flex-end;display:flex}.FormGroup_module_errorIcon__9eafa373{font-size:1.25rem;margin-right:.5rem}.FormGroup_module_errorIconBefore__9eafa373{margin-right:.5rem}.FormGroup_module_errorIconAfter__9eafa373{margin-left:.5rem}.FormGroup_module_defaultHelper__9eafa373{font-size:.75rem}";
|