@basic-ui/material 1.0.0-alpha.25 → 1.0.0-alpha.27
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/build/cjs/index.js +26 -11
- package/build/cjs/index.js.map +1 -1
- package/build/esm/Alert/Alert.d.ts +1 -1
- package/build/esm/AppBar/AppBar.d.ts +1 -1
- package/build/esm/AppBar/AppBarButton.d.ts +1 -1
- package/build/esm/BottomSheet/BottomSheet.d.ts +1 -1
- package/build/esm/BottomSheet/BottomSheetSurface.d.ts +1 -1
- package/build/esm/Button/Button.d.ts +1 -1
- package/build/esm/Button/ButtonGroup.d.ts +1 -1
- package/build/esm/Button/FilledButton.d.ts +1 -1
- package/build/esm/Button/OutlinedButton.d.ts +1 -1
- package/build/esm/Button/OutlinedButton.js +2 -2
- package/build/esm/Button/OutlinedButton.js.map +1 -1
- package/build/esm/Button/TransparentButton.d.ts +1 -1
- package/build/esm/Chip/ButtonChip.d.ts +1 -1
- package/build/esm/Chip/ChipBase.d.ts +1 -1
- package/build/esm/Chip/ChoiceChip.d.ts +1 -1
- package/build/esm/Combobox/Combobox.d.ts +7 -7
- package/build/esm/Dialog/Dialog.d.ts +1 -1
- package/build/esm/Dialog/DialogSurface.d.ts +1 -1
- package/build/esm/Divider/Divider.d.ts +1 -1
- package/build/esm/Divider/Divider.js +2 -3
- package/build/esm/Divider/Divider.js.map +1 -1
- package/build/esm/Link/Link.d.ts +1 -1
- package/build/esm/List/List.d.ts +1 -1
- package/build/esm/ListItem/ListItem.d.ts +1 -1
- package/build/esm/Menu/Menu.d.ts +5 -5
- package/build/esm/NavRail/NavRailItem.d.ts +3 -3
- package/build/esm/NavRail/NavRailItem.js +3 -3
- package/build/esm/NavRail/NavRailItem.js.map +1 -1
- package/build/esm/Paper/Paper.d.ts +1 -1
- package/build/esm/Paper/Paper.js +2 -2
- package/build/esm/Paper/Paper.js.map +1 -1
- package/build/esm/Select/Select.d.ts +1 -1
- package/build/esm/Select/SelectIcon.d.ts +1 -1
- package/build/esm/SelectionControl/SelectionControlText.d.ts +1 -1
- package/build/esm/Skeleton/Skeleton.d.ts +1 -1
- package/build/esm/Snackbar/Snackbar.d.ts +1 -1
- package/build/esm/Snackbar/index.d.ts +1 -0
- package/build/esm/Snackbar/index.js +1 -0
- package/build/esm/Snackbar/index.js.map +1 -1
- package/build/esm/Snackbar/useSnackbarAnimation.d.ts +0 -64
- package/build/esm/Snackbar/useSnackbarAnimation.js +1 -1
- package/build/esm/Snackbar/useSnackbarAnimation.js.map +1 -1
- package/build/esm/Tab/Tab.d.ts +1 -1
- package/build/esm/Table/Table.d.ts +1 -1
- package/build/esm/Table/Table.js +11 -3
- package/build/esm/Table/Table.js.map +1 -1
- package/build/esm/Table/TableHead.js +3 -2
- package/build/esm/Table/TableHead.js.map +1 -1
- package/build/esm/Table/TableRow.d.ts +1 -1
- package/build/esm/Table/TableRow.js +1 -2
- package/build/esm/Table/TableRow.js.map +1 -1
- package/build/esm/TextField/FilledContainer.d.ts +1 -1
- package/build/esm/TextField/HelperText.d.ts +1 -1
- package/build/esm/TextField/Input.d.ts +1 -1
- package/build/esm/TextField/TextField.d.ts +1 -1
- package/build/esm/ThemeExplorer/ThemeColors.js +4 -0
- package/build/esm/ThemeExplorer/ThemeColors.js.map +1 -1
- package/build/esm/ThemeExplorer/makeColorScheme.d.ts +4 -0
- package/build/esm/ThemeExplorer/makeColorScheme.js +6 -2
- package/build/esm/ThemeExplorer/makeColorScheme.js.map +1 -1
- package/build/esm/Tooltip/Tooltip.d.ts +1 -1
- package/build/esm/color.d.ts +1 -1
- package/build/esm/color.js +4 -0
- package/build/esm/color.js.map +1 -1
- package/build/tsconfig-build.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/Button/OutlinedButton.tsx +1 -1
- package/src/Divider/Divider.tsx +2 -3
- package/src/NavRail/NavRailItem.tsx +3 -3
- package/src/Paper/Paper.tsx +2 -6
- package/src/Snackbar/index.ts +1 -0
- package/src/Snackbar/useSnackbarAnimation.ts +1 -1
- package/src/Table/Table.tsx +10 -1
- package/src/Table/TableHead.tsx +3 -2
- package/src/Table/TableRow.tsx +1 -2
- package/src/ThemeExplorer/ThemeColors.tsx +5 -0
- package/src/ThemeExplorer/makeColorScheme.tsx +4 -0
- package/src/color.ts +3 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paper.js","names":["forwardRef","Box","useTheme","
|
|
1
|
+
{"version":3,"file":"Paper.js","names":["forwardRef","Box","useTheme","getBackgroundOverlay","getDarkThemeBackgroundOverlay","Paper","props","forwardedRef","outlined","elevation","backgroundOverlay","darkThemeBackgroundOverlay","__css","children","otherProps","theme","backgroundColor","boxShadow","String","outline","borderStyle","borderWidth","borderColor"],"sources":["../../../src/Paper/Paper.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTheme } from '../theme';\nimport { getBackgroundOverlay, getDarkThemeBackgroundOverlay } from '../color';\n\nexport interface PaperProps extends BoxProps {\n as?: ElementType<any>;\n elevation?: number;\n outlined?: boolean;\n backgroundOverlay?: number | string;\n darkThemeBackgroundOverlay?: number | string;\n children?: ReactNode;\n}\n\nexport const Paper = forwardRef<HTMLDivElement, PaperProps>(function Paper(\n props,\n forwardedRef\n) {\n const {\n outlined,\n elevation = 0,\n backgroundOverlay,\n darkThemeBackgroundOverlay,\n __css = {},\n children,\n ...otherProps\n } = props;\n const theme = useTheme();\n\n return (\n <Box\n ref={forwardedRef}\n __css={{\n backgroundColor: 'surface',\n boxShadow: String(elevation),\n ':focus': {\n outline: 'none',\n },\n ...(outlined\n ? {\n borderStyle: 'solid',\n borderWidth: rem(1),\n borderColor: 'surface-variant',\n }\n : {}),\n ...(backgroundOverlay\n ? getBackgroundOverlay(theme, backgroundOverlay, 'primary')\n : {}),\n ...(darkThemeBackgroundOverlay\n ? getDarkThemeBackgroundOverlay(\n theme,\n darkThemeBackgroundOverlay,\n 'primary'\n )\n : {}),\n ...__css,\n }}\n {...otherProps}\n >\n {children}\n </Box>\n );\n});\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,oBAAT,EAA+BC,6BAA/B,QAAoE,UAApE;;AAWA,OAAO,IAAMC,KAAK,gBAAGL,UAAU,CAA6B,SAASK,KAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;EACA,IACEC,QADF,GAQIF,KARJ,CACEE,QADF;EAAA,uBAQIF,KARJ,CAEEG,SAFF;EAAA,IAEEA,SAFF,iCAEc,CAFd;EAAA,IAGEC,iBAHF,GAQIJ,KARJ,CAGEI,iBAHF;EAAA,IAIEC,0BAJF,GAQIL,KARJ,CAIEK,0BAJF;EAAA,mBAQIL,KARJ,CAKEM,KALF;EAAA,IAKEA,KALF,6BAKU,EALV;EAAA,IAMEC,QANF,GAQIP,KARJ,CAMEO,QANF;EAAA,IAOKC,UAPL,4BAQIR,KARJ;;EASA,IAAMS,KAAK,GAAGb,QAAQ,EAAtB;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEK,YADP;IAEE,KAAK;MACHS,eAAe,EAAE,SADd;MAEHC,SAAS,EAAEC,MAAM,CAACT,SAAD,CAFd;MAGH,UAAU;QACRU,OAAO,EAAE;MADD;IAHP,GAMCX,QAAQ,GACR;MACEY,WAAW,EAAE,OADf;MAEEC,WAAW,aAFb;MAGEC,WAAW,EAAE;IAHf,CADQ,GAMR,EAZD,GAaCZ,iBAAiB,GACjBP,oBAAoB,CAACY,KAAD,EAAQL,iBAAR,EAA2B,SAA3B,CADH,GAEjB,EAfD,GAgBCC,0BAA0B,GAC1BP,6BAA6B,CAC3BW,KAD2B,EAE3BJ,0BAF2B,EAG3B,SAH2B,CADH,GAM1B,EAtBD,GAuBAC,KAvBA;EAFP,GA2BME,UA3BN;IAAA,UA6BGD;EA7BH,GADF;AAiCD,CAhD8B,CAAxB"}
|
|
@@ -15,4 +15,4 @@ export interface SelectProps extends Omit<BoxProps<HTMLSelectElement, SelectHTML
|
|
|
15
15
|
renderValue?: (value?: string) => string | undefined;
|
|
16
16
|
leadingIcon?: ReactNode;
|
|
17
17
|
}
|
|
18
|
-
export declare const Select: import("react").ForwardRefExoticComponent<Pick<SelectProps, "
|
|
18
|
+
export declare const Select: import("react").ForwardRefExoticComponent<Pick<SelectProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "form" | "label" | "key" | "value" | "error" | "autoFocus" | "disabled" | "name" | "multiple" | "autoComplete" | "required" | "leadingIcon" | "helperText" | "native" | "renderValue"> & import("react").RefAttributes<HTMLButtonElement | HTMLSelectElement>>;
|
|
@@ -3,4 +3,4 @@ import type { BoxProps } from '../Box';
|
|
|
3
3
|
export declare type SelectIconProps = BoxProps<SVGElement, SVGAttributes<SVGElement>> & {
|
|
4
4
|
open?: boolean;
|
|
5
5
|
};
|
|
6
|
-
export declare const SelectIcon: import("react").ForwardRefExoticComponent<Pick<SelectIconProps, "string" | "clipPath" | "cursor" | "direction" | "filter" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "textDecoration" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "local" | "
|
|
6
|
+
export declare const SelectIcon: import("react").ForwardRefExoticComponent<Pick<SelectIconProps, "string" | "clipPath" | "cursor" | "direction" | "filter" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "textDecoration" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "local" | "values" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "className" | "id" | "lang" | "style" | "tabIndex" | "role" | "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" | "path" | "key" | "end" | "x" | "y" | "open" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "name" | "type" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGElement>>;
|
|
@@ -5,4 +5,4 @@ export interface SelectionControlTextProps extends TextProps {
|
|
|
5
5
|
children?: ReactNode;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export declare const SelectionControlText: import("react").ForwardRefExoticComponent<Pick<SelectionControlTextProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "
|
|
8
|
+
export declare const SelectionControlText: import("react").ForwardRefExoticComponent<Pick<SelectionControlTextProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "disabled" | "key"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -6,4 +6,4 @@ export interface SkeletonProps extends BoxProps<HTMLSpanElement, HTMLAttributes<
|
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
animation?: 'pulse' | 'wave';
|
|
8
8
|
}
|
|
9
|
-
export declare const Skeleton: import("react").ForwardRefExoticComponent<Pick<SkeletonProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "animation" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "
|
|
9
|
+
export declare const Skeleton: import("react").ForwardRefExoticComponent<Pick<SkeletonProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "animation" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "innerAs" | "key"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -5,4 +5,4 @@ export interface SnackbarProps extends PaperProps {
|
|
|
5
5
|
timeout?: number;
|
|
6
6
|
dismissible?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export declare const Snackbar: import("react").ForwardRefExoticComponent<Pick<SnackbarProps, "
|
|
8
|
+
export declare const Snackbar: import("react").ForwardRefExoticComponent<Pick<SnackbarProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "key" | "action" | "timeout" | "dismissible"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/Snackbar/index.ts"],"sourcesContent":["export * from './Snackbar';\nexport * from './Stack';\n"],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,SAAd"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/Snackbar/index.ts"],"sourcesContent":["export * from './Snackbar';\nexport * from './Stack';\nexport * from './useSnackbarAnimation';\n"],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,wBAAd"}
|
|
@@ -1,70 +1,6 @@
|
|
|
1
1
|
import type { CSSProperties, MutableRefObject } from 'react';
|
|
2
|
-
declare type AnimationState = 'entering' | 'entered' | 'exiting';
|
|
3
|
-
export declare const placements: {
|
|
4
|
-
'top-right': {
|
|
5
|
-
style: {
|
|
6
|
-
top: number;
|
|
7
|
-
right: number;
|
|
8
|
-
};
|
|
9
|
-
animate: (state: AnimationState, translateY: number) => {
|
|
10
|
-
opacity: number;
|
|
11
|
-
transform: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
'top-center': {
|
|
15
|
-
style: {
|
|
16
|
-
top: number;
|
|
17
|
-
left: string;
|
|
18
|
-
};
|
|
19
|
-
animate: (state: AnimationState, translateY: number) => {
|
|
20
|
-
opacity: number;
|
|
21
|
-
transform: string;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
'top-left': {
|
|
25
|
-
style: {
|
|
26
|
-
top: number;
|
|
27
|
-
left: number;
|
|
28
|
-
};
|
|
29
|
-
animate: (state: AnimationState, translateY: number) => {
|
|
30
|
-
opacity: number;
|
|
31
|
-
transform: string;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
'bottom-right': {
|
|
35
|
-
style: {
|
|
36
|
-
bottom: number;
|
|
37
|
-
right: number;
|
|
38
|
-
};
|
|
39
|
-
animate: (state: AnimationState, translateY: number) => {
|
|
40
|
-
opacity: number;
|
|
41
|
-
transform: string;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
'bottom-center': {
|
|
45
|
-
style: {
|
|
46
|
-
bottom: number;
|
|
47
|
-
left: string;
|
|
48
|
-
};
|
|
49
|
-
animate: (state: AnimationState, translateY: number) => {
|
|
50
|
-
opacity: number;
|
|
51
|
-
transform: string;
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
'bottom-left': {
|
|
55
|
-
style: {
|
|
56
|
-
bottom: number;
|
|
57
|
-
left: number;
|
|
58
|
-
};
|
|
59
|
-
animate: (state: AnimationState, translateY: number) => {
|
|
60
|
-
opacity: number;
|
|
61
|
-
transform: string;
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
2
|
export declare function useSnackbarAnimation(ref: MutableRefObject<HTMLDivElement | null>, timeout: number): {
|
|
66
3
|
style: CSSProperties;
|
|
67
4
|
placementStyle: CSSProperties;
|
|
68
5
|
onClose?: () => void;
|
|
69
6
|
};
|
|
70
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSnackbarAnimation.js","names":["useEffect","EASING_STANDARD","useStackItem","TRANSITION_TIME","slideFromBottom","entering","x","y","opacity","transform","entered","exiting","slideFromTop","slideFromRight","slideFromLeft","placements","style","top","right","animate","state","translateY","left","bottom","commonStyle","position","zIndex","getTransition","timems","defaultAnimation","placementStyle","onClose","undefined","useSnackbarAnimation","ref","timeout","stackItem","closeTimeoutInMilliseconds","placement","animateFn","handler","setTimeout","clearTimeout","visibility","transition"],"sources":["../../../src/Snackbar/useSnackbarAnimation.ts"],"sourcesContent":["import type { CSSProperties, MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport { EASING_STANDARD } from '../motion';\nimport { useStackItem } from './Stack';\n\nconst TRANSITION_TIME = 150;\nconst slideFromBottom = {\n entering: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(${x}, calc(${y} + 100%))`,\n }),\n entered: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, ${y})`,\n }),\n exiting: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, calc(${y} - 100%))`,\n }),\n};\n\nconst slideFromTop = {\n entering: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(${x}, calc(${y} - 100%))`,\n }),\n entered: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, ${y})`,\n }),\n exiting: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, calc(${y} + 100%))`,\n }),\n};\n\nconst slideFromRight = {\n entering: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(calc(${x} + 100%), ${y})`,\n }),\n entered: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, ${y})`,\n }),\n exiting: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(calc(${x} + 100%), ${y})`,\n }),\n};\n\nconst slideFromLeft = {\n entering: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(calc(${x} - 100%), ${y})`,\n }),\n entered: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, ${y})`,\n }),\n exiting: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(calc(${x} - 100%), ${y})`,\n }),\n};\n\ntype AnimationState = 'entering' | 'entered' | 'exiting';\nexport const placements = {\n 'top-right': {\n style: { top: 3, right: 3 },\n animate: (state: AnimationState, translateY: number) =>\n slideFromRight[state]('0px', `${translateY}px`),\n },\n 'top-center': {\n style: { top: 3, left: '50%' },\n animate: (state: AnimationState, translateY: number) =>\n slideFromBottom[state]('-50%', `${translateY}px`),\n },\n 'top-left': {\n style: { top: 3, left: 3 },\n animate: (state: AnimationState, translateY: number) =>\n slideFromLeft[state]('0px', `${translateY}px`),\n },\n 'bottom-right': {\n style: { bottom: 3, right: 3 },\n animate: (state: AnimationState, translateY: number) =>\n slideFromRight[state]('0px', `${-translateY}px`),\n },\n 'bottom-center': {\n style: { bottom: 3, left: '50%' },\n animate: (state: AnimationState, translateY: number) =>\n slideFromTop[state]('-50%', `${-translateY}px`),\n },\n 'bottom-left': {\n style: { bottom: 3, left: 3 },\n animate: (state: AnimationState, translateY: number) =>\n slideFromLeft[state]('0px', `${-translateY}px`),\n },\n};\nconst commonStyle = { position: 'fixed', zIndex: 'snackbar' };\n\nfunction getTransition(timems: number) {\n return `opacity ${timems}ms ${EASING_STANDARD},transform ${timems}ms ${EASING_STANDARD}`;\n}\n\nconst defaultAnimation = {\n style: {},\n placementStyle: {},\n onClose: undefined,\n};\n\nexport function useSnackbarAnimation(\n ref: MutableRefObject<HTMLDivElement | null>,\n timeout: number\n): {\n style: CSSProperties;\n placementStyle: CSSProperties;\n onClose?: () => void;\n} {\n const stackItem = useStackItem({\n ref,\n closeTimeoutInMilliseconds: TRANSITION_TIME,\n });\n if (!stackItem) {\n return defaultAnimation;\n }\n\n const { onClose, state, translateY = 0, placement } = stackItem;\n const placementStyle = placements[placement].style;\n const animateFn = placements[placement].animate;\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => {\n const handler = setTimeout(() => {\n onClose();\n }, timeout);\n return () => {\n clearTimeout(handler);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [timeout]);\n\n switch (state) {\n case 'entering':\n return {\n style: { ...animateFn('entering', translateY), visibility: 'hidden' },\n placementStyle: { ...(placementStyle as any), ...commonStyle },\n onClose,\n };\n case 'entered':\n return {\n style: {\n ...animateFn('entered', translateY),\n transition: getTransition(TRANSITION_TIME),\n },\n placementStyle: { ...(placementStyle as any), ...commonStyle },\n onClose,\n };\n case 'exiting':\n return {\n style: {\n ...animateFn('exiting', translateY),\n transition: getTransition(TRANSITION_TIME),\n },\n placementStyle: { ...(placementStyle as any), ...commonStyle },\n onClose,\n };\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useSnackbarAnimation.js","names":["useEffect","EASING_STANDARD","useStackItem","TRANSITION_TIME","slideFromBottom","entering","x","y","opacity","transform","entered","exiting","slideFromTop","slideFromRight","slideFromLeft","placements","style","top","right","animate","state","translateY","left","bottom","commonStyle","position","zIndex","getTransition","timems","defaultAnimation","placementStyle","onClose","undefined","useSnackbarAnimation","ref","timeout","stackItem","closeTimeoutInMilliseconds","placement","animateFn","handler","setTimeout","clearTimeout","visibility","transition"],"sources":["../../../src/Snackbar/useSnackbarAnimation.ts"],"sourcesContent":["import type { CSSProperties, MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport { EASING_STANDARD } from '../motion';\nimport { useStackItem } from './Stack';\n\nconst TRANSITION_TIME = 150;\nconst slideFromBottom = {\n entering: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(${x}, calc(${y} + 100%))`,\n }),\n entered: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, ${y})`,\n }),\n exiting: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, calc(${y} - 100%))`,\n }),\n};\n\nconst slideFromTop = {\n entering: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(${x}, calc(${y} - 100%))`,\n }),\n entered: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, ${y})`,\n }),\n exiting: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, calc(${y} + 100%))`,\n }),\n};\n\nconst slideFromRight = {\n entering: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(calc(${x} + 100%), ${y})`,\n }),\n entered: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, ${y})`,\n }),\n exiting: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(calc(${x} + 100%), ${y})`,\n }),\n};\n\nconst slideFromLeft = {\n entering: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(calc(${x} - 100%), ${y})`,\n }),\n entered: (x: string, y: string) => ({\n opacity: 1,\n transform: `translate(${x}, ${y})`,\n }),\n exiting: (x: string, y: string) => ({\n opacity: 0.6,\n transform: `translate(calc(${x} - 100%), ${y})`,\n }),\n};\n\ntype AnimationState = 'entering' | 'entered' | 'exiting';\nconst placements = {\n 'top-right': {\n style: { top: 3, right: 3 },\n animate: (state: AnimationState, translateY: number) =>\n slideFromRight[state]('0px', `${translateY}px`),\n },\n 'top-center': {\n style: { top: 3, left: '50%' },\n animate: (state: AnimationState, translateY: number) =>\n slideFromBottom[state]('-50%', `${translateY}px`),\n },\n 'top-left': {\n style: { top: 3, left: 3 },\n animate: (state: AnimationState, translateY: number) =>\n slideFromLeft[state]('0px', `${translateY}px`),\n },\n 'bottom-right': {\n style: { bottom: 3, right: 3 },\n animate: (state: AnimationState, translateY: number) =>\n slideFromRight[state]('0px', `${-translateY}px`),\n },\n 'bottom-center': {\n style: { bottom: 3, left: '50%' },\n animate: (state: AnimationState, translateY: number) =>\n slideFromTop[state]('-50%', `${-translateY}px`),\n },\n 'bottom-left': {\n style: { bottom: 3, left: 3 },\n animate: (state: AnimationState, translateY: number) =>\n slideFromLeft[state]('0px', `${-translateY}px`),\n },\n};\nconst commonStyle = { position: 'fixed', zIndex: 'snackbar' };\n\nfunction getTransition(timems: number) {\n return `opacity ${timems}ms ${EASING_STANDARD},transform ${timems}ms ${EASING_STANDARD}`;\n}\n\nconst defaultAnimation = {\n style: {},\n placementStyle: {},\n onClose: undefined,\n};\n\nexport function useSnackbarAnimation(\n ref: MutableRefObject<HTMLDivElement | null>,\n timeout: number\n): {\n style: CSSProperties;\n placementStyle: CSSProperties;\n onClose?: () => void;\n} {\n const stackItem = useStackItem({\n ref,\n closeTimeoutInMilliseconds: TRANSITION_TIME,\n });\n if (!stackItem) {\n return defaultAnimation;\n }\n\n const { onClose, state, translateY = 0, placement } = stackItem;\n const placementStyle = placements[placement].style;\n const animateFn = placements[placement].animate;\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => {\n const handler = setTimeout(() => {\n onClose();\n }, timeout);\n return () => {\n clearTimeout(handler);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [timeout]);\n\n switch (state) {\n case 'entering':\n return {\n style: { ...animateFn('entering', translateY), visibility: 'hidden' },\n placementStyle: { ...(placementStyle as any), ...commonStyle },\n onClose,\n };\n case 'entered':\n return {\n style: {\n ...animateFn('entered', translateY),\n transition: getTransition(TRANSITION_TIME),\n },\n placementStyle: { ...(placementStyle as any), ...commonStyle },\n onClose,\n };\n case 'exiting':\n return {\n style: {\n ...animateFn('exiting', translateY),\n transition: getTransition(TRANSITION_TIME),\n },\n placementStyle: { ...(placementStyle as any), ...commonStyle },\n onClose,\n };\n }\n}\n"],"mappings":"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"}
|
package/build/esm/Tab/Tab.d.ts
CHANGED
|
@@ -2,4 +2,4 @@ import type { ButtonHTMLAttributes } from 'react';
|
|
|
2
2
|
import type { TabProps as TabPropsCore } from '@basic-ui/core';
|
|
3
3
|
import type { RippleBoxProps } from '../Ripple';
|
|
4
4
|
export declare type TabProps = TabPropsCore & RippleBoxProps<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
5
|
-
export declare const Tab: import("react").ForwardRefExoticComponent<Pick<TabProps, "
|
|
5
|
+
export declare const Tab: import("react").ForwardRefExoticComponent<Pick<TabProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "center" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "innerAs" | "form" | "disabled" | "key" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "baseOpacity" | "hoverOpacity" | "focusOpacity" | "pressedOpacity" | "rippleColor" | "rippleEnabled" | "mouseFocus"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { PaperProps } from '../Paper';
|
|
3
3
|
export declare type TableProps = PaperProps;
|
|
4
|
-
export declare const Table: import("react").ForwardRefExoticComponent<Pick<PaperProps, "
|
|
4
|
+
export declare const Table: import("react").ForwardRefExoticComponent<Pick<PaperProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
|