@basic-ui/material 0.1.16 → 1.0.0-alpha.2

package/build/esm/List/List.d.ts

@@ -1,8 +1,8 @@
-import type * as React from 'react';
-import { PaperProps } from '../Paper';
+import * as React from 'react';
+import type { PaperProps } from '../Paper';
 export interface ListProps extends PaperProps {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;
     children?: React.ReactNode;
 }
-export declare const List: React.ForwardRefExoticComponent<Pick<ListProps, "children" | "p" | "slot" | "style" | "title" | "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" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "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" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "elevation" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "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" | "outlined" | "backgroundOverlay" | "key" | "innerAs"> & React.RefAttributes<HTMLDivElement>>;
+export declare const List: React.ForwardRefExoticComponent<Pick<ListProps, "children" | "p" | "slot" | "style" | "title" | "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" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "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" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "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" | "key" | "innerAs" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/List/List.js

@@ -1,20 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { Paper } from '../Paper';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const List = /*#__PURE__*/forwardRef(function List(props, forwardedRef) {
-  const {
-    as = 'div',
-    innerAs,
-    elevation = 0,
-    py = 2,
-    px = 0,
-    outlined = true,
-    variant = 'square',
-    __css = {}
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "innerAs", "elevation", "py", "px", "outlined", "variant", "__css"]);
+export var List = /*#__PURE__*/forwardRef(function List(props, forwardedRef) {
+  var _props$as = props.as,
+      as = _props$as === void 0 ? 'div' : _props$as,
+      innerAs = props.innerAs,
+      _props$elevation = props.elevation,
+      elevation = _props$elevation === void 0 ? 0 : _props$elevation,
+      _props$py = props.py,
+      py = _props$py === void 0 ? 2 : _props$py,
+      _props$px = props.px,
+      px = _props$px === void 0 ? 0 : _props$px,
+      _props$outlined = props.outlined,
+      outlined = _props$outlined === void 0 ? true : _props$outlined,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? 'square' : _props$variant,
+      _props$__css = props.__css,
+      __css = _props$__css === void 0 ? {} : _props$__css,
+      otherProps = _objectWithoutProperties(props, ["as", "innerAs", "elevation", "py", "px", "outlined", "variant", "__css"]);
 
   return /*#__PURE__*/_jsx(Paper, _extends({
     as: innerAs || as,
@@ -22,6 +28,7 @@ export const List = /*#__PURE__*/forwardRef(function List(props, forwardedRef) {
     py: py,
     px: px,
     elevation: elevation,
+    darkThemeBackgroundOverlay: elevation,
     variant: variant,
     outlined: outlined,
     __css: _extends({

package/build/esm/List/List.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/List/List.tsx"],"names":["forwardRef","Paper","List","props","forwardedRef","as","innerAs","elevation","py","px","outlined","variant","__css","otherProps","width"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,KAAT,QAAkC,UAAlC;;AAQA,OAAO,MAAMC,IAAI,gBAAGF,UAAU,CAA4B,SAASE,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;AACA,QAAM;AACJC,IAAAA,EAAE,GAAG,KADD;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,SAAS,GAAG,CAHR;AAIJC,IAAAA,EAAE,GAAG,CAJD;AAKJC,IAAAA,EAAE,GAAG,CALD;AAMJC,IAAAA,QAAQ,GAAG,IANP;AAOJC,IAAAA,OAAO,GAAG,QAPN;AAQJC,IAAAA,KAAK,GAAG;AARJ,MAUFT,KAVJ;AAAA,QASKU,UATL,iCAUIV,KAVJ;;AAYA,sBACE,KAAC,KAAD;AACE,IAAA,EAAE,EAAEG,OAAO,IAAID,EADjB;AAEE,IAAA,GAAG,EAAED,YAFP;AAGE,IAAA,EAAE,EAAEI,EAHN;AAIE,IAAA,EAAE,EAAEC,EAJN;AAKE,IAAA,SAAS,EAAEF,SALb;AAME,IAAA,OAAO,EAAEI,OANX;AAOE,IAAA,QAAQ,EAAED,QAPZ;AAQE,IAAA,KAAK;AACHI,MAAAA,KAAK,EAAE;AADJ,OAEAF,KAFA;AARP,KAYMC,UAZN,EADF;AAgBD,CAhC6B,CAAvB","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { Paper, PaperProps } from '../Paper';\n\nexport interface ListProps extends PaperProps {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n}\n\nexport const List = forwardRef<HTMLDivElement, ListProps>(function List(\n  props,\n  forwardedRef\n) {\n  const {\n    as = 'div',\n    innerAs,\n    elevation = 0,\n    py = 2,\n    px = 0,\n    outlined = true,\n    variant = 'square',\n    __css = {},\n    ...otherProps\n  } = props;\n\n  return (\n    <Paper\n      as={innerAs || as}\n      ref={forwardedRef}\n      py={py}\n      px={px}\n      elevation={elevation}\n      variant={variant}\n      outlined={outlined}\n      __css={{\n        width: '100%',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"file":"List.js"}
+{"version":3,"sources":["../../../src/List/List.tsx"],"names":["forwardRef","React","Paper","List","props","forwardedRef","as","innerAs","elevation","py","px","outlined","variant","__css","otherProps","width"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,KAAT,QAAsB,UAAtB;;AAQA,OAAO,IAAMC,IAAI,gBAAGH,UAAU,CAA4B,SAASG,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;AAAA,kBAWID,KAXJ,CAEEE,EAFF;AAAA,MAEEA,EAFF,0BAEO,KAFP;AAAA,MAGEC,OAHF,GAWIH,KAXJ,CAGEG,OAHF;AAAA,yBAWIH,KAXJ,CAIEI,SAJF;AAAA,MAIEA,SAJF,iCAIc,CAJd;AAAA,kBAWIJ,KAXJ,CAKEK,EALF;AAAA,MAKEA,EALF,0BAKO,CALP;AAAA,kBAWIL,KAXJ,CAMEM,EANF;AAAA,MAMEA,EANF,0BAMO,CANP;AAAA,wBAWIN,KAXJ,CAOEO,QAPF;AAAA,MAOEA,QAPF,gCAOa,IAPb;AAAA,uBAWIP,KAXJ,CAQEQ,OARF;AAAA,MAQEA,OARF,+BAQY,QARZ;AAAA,qBAWIR,KAXJ,CASES,KATF;AAAA,MASEA,KATF,6BASU,EATV;AAAA,MAUKC,UAVL,4BAWIV,KAXJ;;AAaA,sBACE,KAAC,KAAD;AACE,IAAA,EAAE,EAAEG,OAAO,IAAID,EADjB;AAEE,IAAA,GAAG,EAAED,YAFP;AAGE,IAAA,EAAE,EAAEI,EAHN;AAIE,IAAA,EAAE,EAAEC,EAJN;AAKE,IAAA,SAAS,EAAEF,SALb;AAME,IAAA,0BAA0B,EAAEA,SAN9B;AAOE,IAAA,OAAO,EAAEI,OAPX;AAQE,IAAA,QAAQ,EAAED,QARZ;AASE,IAAA,KAAK;AACHI,MAAAA,KAAK,EAAE;AADJ,OAEAF,KAFA;AATP,KAaMC,UAbN,EADF;AAiBD,CAjC6B,CAAvB","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\n\nexport interface ListProps extends PaperProps {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n}\n\nexport const List = forwardRef<HTMLDivElement, ListProps>(function List(\n  props,\n  forwardedRef\n) {\n  const {\n    as = 'div',\n    innerAs,\n    elevation = 0,\n    py = 2,\n    px = 0,\n    outlined = true,\n    variant = 'square',\n    __css = {},\n    ...otherProps\n  } = props;\n\n  return (\n    <Paper\n      as={innerAs || as}\n      ref={forwardedRef}\n      py={py}\n      px={px}\n      elevation={elevation}\n      darkThemeBackgroundOverlay={elevation}\n      variant={variant}\n      outlined={outlined}\n      __css={{\n        width: '100%',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"file":"List.js"}

package/build/esm/ListItem/ListItem.d.ts

@@ -1,5 +1,5 @@
-import type * as React from 'react';
-import { BoxProps } from '../Box';
+import * as React from 'react';
+import type { BoxProps } from '../Box';
 export interface ListItemProps extends BoxProps {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;
@@ -9,4 +9,4 @@ export interface ListItemProps extends BoxProps {
     color?: string;
     rippleColor?: string;
 }
-export declare const ListItem: React.ForwardRefExoticComponent<Pick<ListItemProps, "children" | "p" | "slot" | "style" | "title" | "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" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "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" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "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" | "key" | "disabled" | "rippleColor" | "innerAs" | "selected"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ListItem: React.ForwardRefExoticComponent<Pick<ListItemProps, "children" | "p" | "slot" | "style" | "title" | "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" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "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" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "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" | "key" | "innerAs" | "disabled" | "selected" | "rippleColor"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/ListItem/ListItem.js

@@ -1,60 +1,82 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import { RippleBox } from '../Ripple';
-import { useTheme } from '../theme';
-import { ListItemProvider } from './context';
+import * as React from 'react';
 import { get } from '@styled-system/css';
+import { Box } from '../Box';
+import { useTheme } from '../theme';
 import { alpha } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ListItem = /*#__PURE__*/forwardRef(function ListItem(props, forwardedRef) {
-  const {
-    as = 'div',
-    innerAs,
-    children,
-    selected: selectedProp = false,
-    'aria-selected': ariaSelectedProp = false,
-    disabled = false,
-    color: colorProp,
-    rippleColor,
-    __css
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "innerAs", "children", "selected", "aria-selected", "disabled", "color", "rippleColor", "__css"]);
+export var ListItem = /*#__PURE__*/forwardRef(function ListItem(props, forwardedRef) {
+  var _props$as = props.as,
+      as = _props$as === void 0 ? 'div' : _props$as,
+      innerAs = props.innerAs,
+      children = props.children,
+      _props$selected = props.selected,
+      selectedProp = _props$selected === void 0 ? false : _props$selected,
+      _props$ariaSelected = props['aria-selected'],
+      ariaSelectedProp = _props$ariaSelected === void 0 ? false : _props$ariaSelected,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      colorProp = props.color,
+      rippleColor = props.rippleColor,
+      __css = props.__css,
+      otherProps = _objectWithoutProperties(props, ["as", "innerAs", "children", "selected", "aria-selected", "disabled", "color", "rippleColor", "__css"]);
 
-  const selected = ariaSelectedProp || selectedProp;
-  const color = colorProp ? colorProp : selected ? 'primary' : 'on.surface';
-  const theme = useTheme();
-  return /*#__PURE__*/_jsx(ListItemProvider, {
-    value: {
-      color,
-      disabled
-    },
-    children: /*#__PURE__*/_jsx(RippleBox, _extends({
-      ref: forwardedRef,
-      as: innerAs || as,
-      theme: theme,
-      display: "flex",
-      "data-disabled": disabled ? '' : undefined,
-      rippleColor: rippleColor || color,
-      baseOpacity: selected ? 0.12 : 0,
-      hoverOpacity: selected ? 0.16 : 0.04,
-      focusOpacity: selected ? 0.24 : 0.12,
-      "aria-selected": selected ? 'true' : undefined,
-      disabled: disabled
-    }, otherProps, {
-      __css: _extends({
-        px: 3,
-        py: "0.75rem",
-        backgroundColor: 'transparent',
-        color: disabled ? alpha(color, 0.6) : alpha(color, 0.87),
+  var selected = ariaSelectedProp || selectedProp;
+  var color = rippleColor || colorProp || 'primary';
+  var theme = useTheme();
+  var baseOpacity = 0.12;
+  var hoverOpacity = 0.16;
+  var focusOpacity = 0.24;
+  return /*#__PURE__*/_jsx(Box, _extends({
+    ref: forwardedRef,
+    as: innerAs || as,
+    theme: theme,
+    display: "flex",
+    "data-disabled": disabled ? '' : undefined,
+    "aria-selected": selected ? 'true' : undefined,
+    disabled: disabled
+  }, otherProps, {
+    __css: _extends({
+      px: 3,
+      py: "0.75rem",
+      transition: 'background-color 75ms linear',
+      backgroundColor: 'transparent',
+      color: alpha('on.surface', 0.87),
+      cursor: 'pointer',
+      ':hover': {
+        backgroundColor: alpha('on.surface', hoverOpacity)
+      },
+      ':focus': {
+        outline: 'none',
+        backgroundColor: alpha('on.surface', focusOpacity)
+      },
+      ':active': {
+        backgroundColor: alpha('on.surface', baseOpacity + 0.12)
+      },
+      '&[aria-selected="true"]': {
+        backgroundColor: alpha(color, baseOpacity + 0.12),
+        ':hover': {
+          backgroundColor: alpha(color, hoverOpacity + 0.12)
+        },
         ':focus': {
-          outline: 'none'
+          outline: 'none',
+          backgroundColor: alpha(color, focusOpacity + 0.12)
         },
-        textDecoration: 'none',
-        WebkitTapHighlightColor: 'transparent'
-      }, get(theme, 'text.subtitle1'), __css),
-      children: children
-    }))
-  });
+        ':active': {
+          backgroundColor: alpha(color, baseOpacity + 0.24)
+        }
+      },
+      '&[data-disabled]': {
+        color: alpha('on.surface', 0.6),
+        backgroundColor: 'transparent',
+        cursor: 'default'
+      },
+      textDecoration: 'none',
+      WebkitTapHighlightColor: 'transparent'
+    }, get(theme, 'text.subtitle1'), __css),
+    children: children
+  }));
 });
 //# sourceMappingURL=ListItem.js.map

package/build/esm/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ListItem/ListItem.tsx"],"names":["forwardRef","RippleBox","useTheme","ListItemProvider","get","alpha","ListItem","props","forwardedRef","as","innerAs","children","selected","selectedProp","ariaSelectedProp","disabled","color","colorProp","rippleColor","__css","otherProps","theme","undefined","px","py","backgroundColor","outline","textDecoration","WebkitTapHighlightColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,gBAAT,QAAiC,WAAjC;AACA,SAASC,GAAT,QAAoB,oBAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAYA,OAAO,MAAMC,QAAQ,gBAAGN,UAAU,CAChC,SAASM,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;AACrC,QAAM;AACJC,IAAAA,EAAE,GAAG,KADD;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,QAAQ,EAAEC,YAAY,GAAG,KAJrB;AAKJ,qBAAiBC,gBAAgB,GAAG,KALhC;AAMJC,IAAAA,QAAQ,GAAG,KANP;AAOJC,IAAAA,KAAK,EAAEC,SAPH;AAQJC,IAAAA,WARI;AASJC,IAAAA;AATI,MAWFZ,KAXJ;AAAA,QAUKa,UAVL,iCAWIb,KAXJ;;AAYA,QAAMK,QAAQ,GAAGE,gBAAgB,IAAID,YAArC;AACA,QAAMG,KAAK,GAAGC,SAAS,GAAGA,SAAH,GAAeL,QAAQ,GAAG,SAAH,GAAe,YAA7D;AACA,QAAMS,KAAK,GAAGnB,QAAQ,EAAtB;AAEA,sBACE,KAAC,gBAAD;AAAkB,IAAA,KAAK,EAAE;AAAEc,MAAAA,KAAF;AAASD,MAAAA;AAAT,KAAzB;AAAA,2BACE,KAAC,SAAD;AACE,MAAA,GAAG,EAAEP,YADP;AAEE,MAAA,EAAE,EAAEE,OAAO,IAAID,EAFjB;AAGE,MAAA,KAAK,EAAEY,KAHT;AAIE,MAAA,OAAO,EAAC,MAJV;AAKE,uBAAeN,QAAQ,GAAG,EAAH,GAAQO,SALjC;AAME,MAAA,WAAW,EAAEJ,WAAW,IAAIF,KAN9B;AAOE,MAAA,WAAW,EAAEJ,QAAQ,GAAG,IAAH,GAAU,CAPjC;AAQE,MAAA,YAAY,EAAEA,QAAQ,GAAG,IAAH,GAAU,IARlC;AASE,MAAA,YAAY,EAAEA,QAAQ,GAAG,IAAH,GAAU,IATlC;AAUE,uBAAeA,QAAQ,GAAG,MAAH,GAAYU,SAVrC;AAWE,MAAA,QAAQ,EAAEP;AAXZ,OAYMK,UAZN;AAaE,MAAA,KAAK;AACHG,QAAAA,EAAE,EAAE,CADD;AAEHC,QAAAA,EAAE,WAFC;AAGHC,QAAAA,eAAe,EAAE,aAHd;AAIHT,QAAAA,KAAK,EAAED,QAAQ,GAAGV,KAAK,CAACW,KAAD,EAAQ,GAAR,CAAR,GAAuBX,KAAK,CAACW,KAAD,EAAQ,IAAR,CAJxC;AAKH,kBAAU;AACRU,UAAAA,OAAO,EAAE;AADD,SALP;AAQHC,QAAAA,cAAc,EAAE,MARb;AASHC,QAAAA,uBAAuB,EAAE;AATtB,SAUAxB,GAAG,CAACiB,KAAD,EAAQ,gBAAR,CAVH,EAWAF,KAXA,CAbP;AAAA,gBA2BGR;AA3BH;AADF,IADF;AAiCD,CAnD+B,CAA3B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { BoxProps } from '../Box';\nimport { rem } from 'polished';\nimport { RippleBox } from '../Ripple';\nimport { useTheme } from '../theme';\nimport { ListItemProvider } from './context';\nimport { get } from '@styled-system/css';\nimport { alpha } from '../color';\n\nexport interface ListItemProps extends BoxProps {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  selected?: boolean;\n  color?: string;\n  rippleColor?: string;\n}\n\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n  function ListItem(props, forwardedRef) {\n    const {\n      as = 'div',\n      innerAs,\n      children,\n      selected: selectedProp = false,\n      'aria-selected': ariaSelectedProp = false,\n      disabled = false,\n      color: colorProp,\n      rippleColor,\n      __css,\n      ...otherProps\n    } = props;\n    const selected = ariaSelectedProp || selectedProp;\n    const color = colorProp ? colorProp : selected ? 'primary' : 'on.surface';\n    const theme = useTheme();\n\n    return (\n      <ListItemProvider value={{ color, disabled }}>\n        <RippleBox\n          ref={forwardedRef}\n          as={innerAs || as}\n          theme={theme}\n          display=\"flex\"\n          data-disabled={disabled ? '' : undefined}\n          rippleColor={rippleColor || color}\n          baseOpacity={selected ? 0.12 : 0}\n          hoverOpacity={selected ? 0.16 : 0.04}\n          focusOpacity={selected ? 0.24 : 0.12}\n          aria-selected={selected ? 'true' : undefined}\n          disabled={disabled}\n          {...otherProps}\n          __css={{\n            px: 3,\n            py: rem(12),\n            backgroundColor: 'transparent',\n            color: disabled ? alpha(color, 0.6) : alpha(color, 0.87),\n            ':focus': {\n              outline: 'none',\n            },\n            textDecoration: 'none',\n            WebkitTapHighlightColor: 'transparent',\n            ...get(theme, 'text.subtitle1'),\n            ...__css,\n          }}\n        >\n          {children}\n        </RippleBox>\n      </ListItemProvider>\n    );\n  }\n);\n"],"file":"ListItem.js"}
+{"version":3,"sources":["../../../src/ListItem/ListItem.tsx"],"names":["forwardRef","React","get","Box","useTheme","alpha","ListItem","props","forwardedRef","as","innerAs","children","selected","selectedProp","ariaSelectedProp","disabled","colorProp","color","rippleColor","__css","otherProps","theme","baseOpacity","hoverOpacity","focusOpacity","undefined","px","py","transition","backgroundColor","cursor","outline","textDecoration","WebkitTapHighlightColor"],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\nimport { get } from '@styled-system/css';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTheme } from '../theme';\nimport { alpha } from '../color';\n\nexport interface ListItemProps extends BoxProps {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  selected?: boolean;\n  color?: string;\n  rippleColor?: string;\n}\n\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n  function ListItem(props, forwardedRef) {\n    const {\n      as = 'div',\n      innerAs,\n      children,\n      selected: selectedProp = false,\n      'aria-selected': ariaSelectedProp = false,\n      disabled = false,\n      color: colorProp,\n      rippleColor,\n      __css,\n      ...otherProps\n    } = props;\n    const selected = ariaSelectedProp || selectedProp;\n    const color = rippleColor || colorProp || 'primary';\n    const theme = useTheme();\n\n    const baseOpacity = 0.12;\n    const hoverOpacity = 0.16;\n    const focusOpacity = 0.24;\n\n    return (\n      <Box\n        ref={forwardedRef}\n        as={innerAs || as}\n        theme={theme}\n        display=\"flex\"\n        data-disabled={disabled ? '' : undefined}\n        aria-selected={selected ? 'true' : undefined}\n        disabled={disabled}\n        {...otherProps}\n        __css={{\n          px: 3,\n          py: rem(12),\n          transition: 'background-color 75ms linear',\n          backgroundColor: 'transparent',\n          color: alpha('on.surface', 0.87),\n          cursor: 'pointer',\n          ':hover': {\n            backgroundColor: alpha('on.surface', hoverOpacity),\n          },\n          ':focus': {\n            outline: 'none',\n            backgroundColor: alpha('on.surface', focusOpacity),\n          },\n          ':active': {\n            backgroundColor: alpha('on.surface', baseOpacity + 0.12),\n          },\n          '&[aria-selected=\"true\"]': {\n            backgroundColor: alpha(color, baseOpacity + 0.12),\n            ':hover': {\n              backgroundColor: alpha(color, hoverOpacity + 0.12),\n            },\n            ':focus': {\n              outline: 'none',\n              backgroundColor: alpha(color, focusOpacity + 0.12),\n            },\n            ':active': {\n              backgroundColor: alpha(color, baseOpacity + 0.24),\n            },\n          },\n          '&[data-disabled]': {\n            color: alpha('on.surface', 0.6),\n            backgroundColor: 'transparent',\n            cursor: 'default',\n          },\n          textDecoration: 'none',\n          WebkitTapHighlightColor: 'transparent',\n          ...get(theme, 'text.subtitle1'),\n          ...__css,\n        }}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"file":"ListItem.js"}

package/build/esm/ListItem/ListItemText.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface ListItemTextProps extends React.HTMLAttributes<HTMLDivElement> {
     as?: React.ElementType<any>;
     text?: React.ReactNode;

package/build/esm/ListItem/ListItemText.js

@@ -1,23 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { Text } from '../Text';
-import { alpha } from '../color';
-import { useListItemContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const ListItemText = /*#__PURE__*/forwardRef(function ListItemText(props, forwardedRef) {
-  const {
-    as: Comp = 'div',
-    text,
-    secondaryText
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "text", "secondaryText"]);
+export var ListItemText = /*#__PURE__*/forwardRef(function ListItemText(props, forwardedRef) {
+  var _props$as = props.as,
+      Comp = _props$as === void 0 ? 'div' : _props$as,
+      text = props.text,
+      secondaryText = props.secondaryText,
+      otherProps = _objectWithoutProperties(props, ["as", "text", "secondaryText"]);
 
-  const {
-    color,
-    disabled
-  } = useListItemContext();
   return /*#__PURE__*/_jsxs(Comp, _extends({
     ref: forwardedRef
   }, otherProps, {
@@ -26,7 +20,8 @@ export const ListItemText = /*#__PURE__*/forwardRef(function ListItemText(props,
       variant: "body2",
       display: "block",
       __css: {
-        color: alpha(color, disabled ? 0.3 : 0.57)
+        color: 'currentColor',
+        opacity: 0.65
       },
       children: secondaryText
     })]

package/build/esm/ListItem/ListItemText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ListItem/ListItemText.tsx"],"names":["forwardRef","Text","alpha","useListItemContext","ListItemText","props","forwardedRef","as","Comp","text","secondaryText","otherProps","color","disabled"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,kBAAT,QAAmC,WAAnC;;;AASA,OAAO,MAAMC,YAAY,gBAAGJ,UAAU,CACpC,SAASI,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;AACzC,QAAM;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KAAb;AAAoBC,IAAAA,IAApB;AAA0BC,IAAAA;AAA1B,MAA2DL,KAAjE;AAAA,QAAkDM,UAAlD,iCAAiEN,KAAjE;;AACA,QAAM;AAAEO,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAsBV,kBAAkB,EAA9C;AAEA,sBACE,MAAC,IAAD;AAAM,IAAA,GAAG,EAAEG;AAAX,KAA6BK,UAA7B;AAAA,eACGF,IADH,EAEGC,aAAa,iBACZ,KAAC,IAAD;AACE,MAAA,EAAE,EAAC,MADL;AAEE,MAAA,OAAO,EAAC,OAFV;AAGE,MAAA,OAAO,EAAC,OAHV;AAIE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAEV,KAAK,CAACU,KAAD,EAAQC,QAAQ,GAAG,GAAH,GAAS,IAAzB;AADP,OAJT;AAAA,gBAQGH;AARH,MAHJ;AAAA,KADF;AAiBD,CAtBmC,CAA/B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { Text } from '../Text';\nimport { alpha } from '../color';\nimport { useListItemContext } from './context';\n\nexport interface ListItemTextProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  text?: React.ReactNode;\n  secondaryText?: React.ReactNode;\n}\n\nexport const ListItemText = forwardRef<HTMLDivElement, ListItemTextProps>(\n  function ListItemText(props, forwardedRef) {\n    const { as: Comp = 'div', text, secondaryText, ...otherProps } = props;\n    const { color, disabled } = useListItemContext();\n\n    return (\n      <Comp ref={forwardedRef} {...otherProps}>\n        {text}\n        {secondaryText && (\n          <Text\n            as=\"span\"\n            variant=\"body2\"\n            display=\"block\"\n            __css={{\n              color: alpha(color, disabled ? 0.3 : 0.57),\n            }}\n          >\n            {secondaryText}\n          </Text>\n        )}\n      </Comp>\n    );\n  }\n);\n"],"file":"ListItemText.js"}
+{"version":3,"sources":["../../../src/ListItem/ListItemText.tsx"],"names":["forwardRef","React","Text","ListItemText","props","forwardedRef","as","Comp","text","secondaryText","otherProps","color","opacity"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,IAAT,QAAqB,SAArB;;;AASA,OAAO,IAAMC,YAAY,gBAAGH,UAAU,CACpC,SAASG,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;AAAA,kBACwBD,KADxB,CACjCE,EADiC;AAAA,MAC7BC,IAD6B,0BACtB,KADsB;AAAA,MACfC,IADe,GACwBJ,KADxB,CACfI,IADe;AAAA,MACTC,aADS,GACwBL,KADxB,CACTK,aADS;AAAA,MACSC,UADT,4BACwBN,KADxB;;AAGzC,sBACE,MAAC,IAAD;AAAM,IAAA,GAAG,EAAEC;AAAX,KAA6BK,UAA7B;AAAA,eACGF,IADH,EAEGC,aAAa,iBACZ,KAAC,IAAD;AACE,MAAA,EAAE,EAAC,MADL;AAEE,MAAA,OAAO,EAAC,OAFV;AAGE,MAAA,OAAO,EAAC,OAHV;AAIE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAE,cADF;AAELC,QAAAA,OAAO,EAAE;AAFJ,OAJT;AAAA,gBASGH;AATH,MAHJ;AAAA,KADF;AAkBD,CAtBmC,CAA/B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { Text } from '../Text';\n\nexport interface ListItemTextProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  text?: React.ReactNode;\n  secondaryText?: React.ReactNode;\n}\n\nexport const ListItemText = forwardRef<HTMLDivElement, ListItemTextProps>(\n  function ListItemText(props, forwardedRef) {\n    const { as: Comp = 'div', text, secondaryText, ...otherProps } = props;\n\n    return (\n      <Comp ref={forwardedRef} {...otherProps}>\n        {text}\n        {secondaryText && (\n          <Text\n            as=\"span\"\n            variant=\"body2\"\n            display=\"block\"\n            __css={{\n              color: 'currentColor',\n              opacity: 0.65,\n            }}\n          >\n            {secondaryText}\n          </Text>\n        )}\n      </Comp>\n    );\n  }\n);\n"],"file":"ListItemText.js"}