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

package/build/esm/Link/Link.d.ts

@@ -1,9 +1,9 @@
-import type * as React from 'react';
-import { BoxProps } from '../Box';
-export interface LinkProps extends BoxProps<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>> {
+import type { AnchorHTMLAttributes } from 'react';
+import type { BoxProps } from '../Box';
+export interface LinkProps extends BoxProps<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>> {
     color?: string;
     to?: string;
     replace?: boolean;
     state?: any;
 }
-export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "children" | "replace" | "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" | "type" | "to" | "state" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "referrerPolicy"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Link: import("react").ForwardRefExoticComponent<Pick<LinkProps, "children" | "replace" | "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" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "as" | "size" | "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" | "type" | "download" | "media" | "target" | "href" | "to" | "state" | "hrefLang" | "ping" | "rel" | "referrerPolicy"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/build/esm/Link/Link.js

@@ -1,16 +1,16 @@
 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 { Box } from '../Box';
 import { alpha } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
-  const {
-    as: asProp = 'a',
-    color = 'primary',
-    __css
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "color", "__css"]);
+export var Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
+  var _props$as = props.as,
+      asProp = _props$as === void 0 ? 'a' : _props$as,
+      _props$color = props.color,
+      color = _props$color === void 0 ? 'primary' : _props$color,
+      __css = props.__css,
+      otherProps = _objectWithoutProperties(props, ["as", "color", "__css"]);
 
   return /*#__PURE__*/_jsx(Box, _extends({
     ref: forwardedRef,
@@ -21,7 +21,7 @@ export const Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
       fontWeight: 'inherit',
       lineHeight: 'inherit',
       letterSpacing: 'inherit',
-      color,
+      color: color,
       textDecoration: 'underline',
       '&:hover,&:focus': {
         textDecoration: 'none'

package/build/esm/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Link/Link.tsx"],"names":["forwardRef","Box","alpha","Link","props","forwardedRef","as","asProp","color","__css","otherProps","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textDecoration","outlineWidth","outlineStyle","outlineColor","bg","WebkitTapHighlightColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,GAAT,QAA8B,QAA9B;AAEA,SAASC,KAAT,QAAsB,UAAtB;;AAcA,OAAO,MAAMC,IAAI,gBAAGH,UAAU,CAA+B,SAASG,IAAT,CAC3DC,KAD2D,EAE3DC,YAF2D,EAG3D;AACA,QAAM;AAAEC,IAAAA,EAAE,EAAEC,MAAM,GAAG,GAAf;AAAoBC,IAAAA,KAAK,GAAG,SAA5B;AAAuCC,IAAAA;AAAvC,MAAgEL,KAAtE;AAAA,QAAuDM,UAAvD,iCAAsEN,KAAtE;;AAEA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,EAAE,EAAEE,MAFN;AAGE,IAAA,KAAK;AACHI,MAAAA,UAAU,EAAE,SADT;AAEHC,MAAAA,QAAQ,EAAE,SAFP;AAGHC,MAAAA,UAAU,EAAE,SAHT;AAIHC,MAAAA,UAAU,EAAE,SAJT;AAKHC,MAAAA,aAAa,EAAE,SALZ;AAMHP,MAAAA,KANG;AAOHQ,MAAAA,cAAc,EAAE,WAPb;AAQH,yBAAmB;AACjBA,QAAAA,cAAc,EAAE;AADC,OARhB;AAWH,0BAAoB;AAClBC,QAAAA,YAAY,aADM;AAElBC,QAAAA,YAAY,EAAE,OAFI;AAGlBC,QAAAA,YAAY,EAAEjB,KAAK,CAACM,KAAD,EAAQ,IAAR;AAHD,OAXjB;AAgBH,kBAAY;AACVY,QAAAA,EAAE,EAAElB,KAAK,CAACM,KAAD,EAAQ,IAAR;AADC,OAhBT;AAmBHa,MAAAA,uBAAuB,EAAE;AAnBtB,OAoBAZ,KApBA;AAHP,KAyBMC,UAzBN,EADF;AA6BD,CAnC6B,CAAvB","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { Box, BoxProps } from '../Box';\nimport { rem } from 'polished';\nimport { alpha } from '../color';\n\nexport interface LinkProps\n  extends BoxProps<\n    HTMLAnchorElement,\n    React.AnchorHTMLAttributes<HTMLAnchorElement>\n  > {\n  color?: string;\n  // ReachRouter Props\n  to?: string;\n  replace?: boolean;\n  state?: any;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  props,\n  forwardedRef\n) {\n  const { as: asProp = 'a', color = 'primary', __css, ...otherProps } = props;\n\n  return (\n    <Box\n      ref={forwardedRef as any}\n      as={asProp}\n      __css={{\n        fontFamily: 'inherit',\n        fontSize: 'inherit',\n        fontWeight: 'inherit',\n        lineHeight: 'inherit',\n        letterSpacing: 'inherit',\n        color,\n        textDecoration: 'underline',\n        '&:hover,&:focus': {\n          textDecoration: 'none',\n        },\n        '&:focus,&:active': {\n          outlineWidth: rem(1),\n          outlineStyle: 'solid',\n          outlineColor: alpha(color, 0.87),\n        },\n        '&:active': {\n          bg: alpha(color, 0.16),\n        },\n        WebkitTapHighlightColor: 'transparent',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"file":"Link.js"}
+{"version":3,"sources":["../../../src/Link/Link.tsx"],"names":["forwardRef","Box","alpha","Link","props","forwardedRef","as","asProp","color","__css","otherProps","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textDecoration","outlineWidth","outlineStyle","outlineColor","bg","WebkitTapHighlightColor"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAWA,OAAO,IAAMC,IAAI,gBAAGH,UAAU,CAA+B,SAASG,IAAT,CAC3DC,KAD2D,EAE3DC,YAF2D,EAG3D;AAAA,kBACsED,KADtE,CACQE,EADR;AAAA,MACYC,MADZ,0BACqB,GADrB;AAAA,qBACsEH,KADtE,CAC0BI,KAD1B;AAAA,MAC0BA,KAD1B,6BACkC,SADlC;AAAA,MAC6CC,KAD7C,GACsEL,KADtE,CAC6CK,KAD7C;AAAA,MACuDC,UADvD,4BACsEN,KADtE;;AAGA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,EAAE,EAAEE,MAFN;AAGE,IAAA,KAAK;AACHI,MAAAA,UAAU,EAAE,SADT;AAEHC,MAAAA,QAAQ,EAAE,SAFP;AAGHC,MAAAA,UAAU,EAAE,SAHT;AAIHC,MAAAA,UAAU,EAAE,SAJT;AAKHC,MAAAA,aAAa,EAAE,SALZ;AAMHP,MAAAA,KAAK,EAALA,KANG;AAOHQ,MAAAA,cAAc,EAAE,WAPb;AAQH,yBAAmB;AACjBA,QAAAA,cAAc,EAAE;AADC,OARhB;AAWH,0BAAoB;AAClBC,QAAAA,YAAY,aADM;AAElBC,QAAAA,YAAY,EAAE,OAFI;AAGlBC,QAAAA,YAAY,EAAEjB,KAAK,CAACM,KAAD,EAAQ,IAAR;AAHD,OAXjB;AAgBH,kBAAY;AACVY,QAAAA,EAAE,EAAElB,KAAK,CAACM,KAAD,EAAQ,IAAR;AADC,OAhBT;AAmBHa,MAAAA,uBAAuB,EAAE;AAnBtB,OAoBAZ,KApBA;AAHP,KAyBMC,UAzBN,EADF;AA6BD,CAnC6B,CAAvB","sourcesContent":["import type { AnchorHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface LinkProps\n  extends BoxProps<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>> {\n  color?: string;\n  // ReachRouter Props\n  to?: string;\n  replace?: boolean;\n  state?: any;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  props,\n  forwardedRef\n) {\n  const { as: asProp = 'a', color = 'primary', __css, ...otherProps } = props;\n\n  return (\n    <Box\n      ref={forwardedRef as any}\n      as={asProp}\n      __css={{\n        fontFamily: 'inherit',\n        fontSize: 'inherit',\n        fontWeight: 'inherit',\n        lineHeight: 'inherit',\n        letterSpacing: 'inherit',\n        color,\n        textDecoration: 'underline',\n        '&:hover,&:focus': {\n          textDecoration: 'none',\n        },\n        '&:focus,&:active': {\n          outlineWidth: rem(1),\n          outlineStyle: 'solid',\n          outlineColor: alpha(color, 0.87),\n        },\n        '&:active': {\n          bg: alpha(color, 0.16),\n        },\n        WebkitTapHighlightColor: 'transparent',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"file":"Link.js"}

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

@@ -1,8 +1,8 @@
-import type * as React from 'react';
-import { PaperProps } from '../Paper';
+import type { ElementType, ReactNode } from 'react';
+import type { PaperProps } from '../Paper';
 export interface ListProps extends PaperProps {
-    as?: React.ElementType<any>;
-    innerAs?: React.ElementType<any>;
-    children?: React.ReactNode;
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: 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: import("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" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "as" | "size" | "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" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "innerAs"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/List/List.js

@@ -1,20 +1,25 @@
 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 { 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 +27,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","Paper","List","props","forwardedRef","as","innerAs","elevation","py","px","outlined","variant","__css","otherProps","width"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,KAAT,QAAsB,UAAtB;;AAQA,OAAO,IAAMC,IAAI,gBAAGF,UAAU,CAA4B,SAASE,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 type { ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\n\nexport interface ListProps extends PaperProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: 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,12 +1,12 @@
-import type * as React from 'react';
-import { BoxProps } from '../Box';
+import type { ElementType, ReactNode } from 'react';
+import type { BoxProps } from '../Box';
 export interface ListItemProps extends BoxProps {
-    as?: React.ElementType<any>;
-    innerAs?: React.ElementType<any>;
-    children?: React.ReactNode;
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
     disabled?: boolean;
     selected?: boolean;
     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: import("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" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "as" | "size" | "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" | "selected" | "innerAs"> & import("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 { Box } from '../Box';
 import { useTheme } from '../theme';
-import { ListItemProvider } from './context';
-import { get } from '@styled-system/css';
 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({
+      variant: 'text.label-large',
+      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),
+        color: color,
+        ':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'
+    }, __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","Box","useTheme","alpha","ListItem","props","forwardedRef","as","innerAs","children","selected","selectedProp","ariaSelectedProp","disabled","colorProp","color","rippleColor","__css","otherProps","theme","baseOpacity","hoverOpacity","focusOpacity","undefined","variant","px","py","transition","backgroundColor","cursor","outline","textDecoration","WebkitTapHighlightColor"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAYA,OAAO,IAAMC,QAAQ,gBAAGJ,UAAU,CAChC,SAASI,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;AAAA,kBAYjCD,KAZiC,CAEnCE,EAFmC;AAAA,MAEnCA,EAFmC,0BAE9B,KAF8B;AAAA,MAGnCC,OAHmC,GAYjCH,KAZiC,CAGnCG,OAHmC;AAAA,MAInCC,QAJmC,GAYjCJ,KAZiC,CAInCI,QAJmC;AAAA,wBAYjCJ,KAZiC,CAKnCK,QALmC;AAAA,MAKzBC,YALyB,gCAKV,KALU;AAAA,4BAYjCN,KAZiC,CAMnC,eANmC;AAAA,MAMlBO,gBANkB,oCAMC,KAND;AAAA,wBAYjCP,KAZiC,CAOnCQ,QAPmC;AAAA,MAOnCA,QAPmC,gCAOxB,KAPwB;AAAA,MAQ5BC,SAR4B,GAYjCT,KAZiC,CAQnCU,KARmC;AAAA,MASnCC,WATmC,GAYjCX,KAZiC,CASnCW,WATmC;AAAA,MAUnCC,KAVmC,GAYjCZ,KAZiC,CAUnCY,KAVmC;AAAA,MAWhCC,UAXgC,4BAYjCb,KAZiC;;AAarC,MAAMK,QAAQ,GAAGE,gBAAgB,IAAID,YAArC;AACA,MAAMI,KAAK,GAAGC,WAAW,IAAIF,SAAf,IAA4B,SAA1C;AACA,MAAMK,KAAK,GAAGjB,QAAQ,EAAtB;AAEA,MAAMkB,WAAW,GAAG,IAApB;AACA,MAAMC,YAAY,GAAG,IAArB;AACA,MAAMC,YAAY,GAAG,IAArB;AAEA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEhB,YADP;AAEE,IAAA,EAAE,EAAEE,OAAO,IAAID,EAFjB;AAGE,IAAA,KAAK,EAAEY,KAHT;AAIE,IAAA,OAAO,EAAC,MAJV;AAKE,qBAAeN,QAAQ,GAAG,EAAH,GAAQU,SALjC;AAME,qBAAeb,QAAQ,GAAG,MAAH,GAAYa,SANrC;AAOE,IAAA,QAAQ,EAAEV;AAPZ,KAQMK,UARN;AASE,IAAA,KAAK;AACHM,MAAAA,OAAO,EAAE,kBADN;AAEHC,MAAAA,EAAE,EAAE,CAFD;AAGHC,MAAAA,EAAE,WAHC;AAIHC,MAAAA,UAAU,EAAE,8BAJT;AAKHC,MAAAA,eAAe,EAAE,aALd;AAMHb,MAAAA,KAAK,EAAEZ,KAAK,CAAC,YAAD,EAAe,IAAf,CANT;AAOH0B,MAAAA,MAAM,EAAE,SAPL;AAQH,gBAAU;AACRD,QAAAA,eAAe,EAAEzB,KAAK,CAAC,YAAD,EAAekB,YAAf;AADd,OARP;AAWH,gBAAU;AACRS,QAAAA,OAAO,EAAE,MADD;AAERF,QAAAA,eAAe,EAAEzB,KAAK,CAAC,YAAD,EAAemB,YAAf;AAFd,OAXP;AAeH,iBAAW;AACTM,QAAAA,eAAe,EAAEzB,KAAK,CAAC,YAAD,EAAeiB,WAAW,GAAG,IAA7B;AADb,OAfR;AAkBH,iCAA2B;AACzBQ,QAAAA,eAAe,EAAEzB,KAAK,CAACY,KAAD,EAAQK,WAAW,GAAG,IAAtB,CADG;AAEzBL,QAAAA,KAAK,EAALA,KAFyB;AAGzB,kBAAU;AACRa,UAAAA,eAAe,EAAEzB,KAAK,CAACY,KAAD,EAAQM,YAAY,GAAG,IAAvB;AADd,SAHe;AAMzB,kBAAU;AACRS,UAAAA,OAAO,EAAE,MADD;AAERF,UAAAA,eAAe,EAAEzB,KAAK,CAACY,KAAD,EAAQO,YAAY,GAAG,IAAvB;AAFd,SANe;AAUzB,mBAAW;AACTM,UAAAA,eAAe,EAAEzB,KAAK,CAACY,KAAD,EAAQK,WAAW,GAAG,IAAtB;AADb;AAVc,OAlBxB;AAgCH,0BAAoB;AAClBL,QAAAA,KAAK,EAAEZ,KAAK,CAAC,YAAD,EAAe,GAAf,CADM;AAElByB,QAAAA,eAAe,EAAE,aAFC;AAGlBC,QAAAA,MAAM,EAAE;AAHU,OAhCjB;AAqCHE,MAAAA,cAAc,EAAE,MArCb;AAsCHC,MAAAA,uBAAuB,EAAE;AAtCtB,OAuCAf,KAvCA,CATP;AAAA,cAmDGR;AAnDH,KADF;AAuDD,CA7E+B,CAA3B","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 { alpha } from '../color';\n\nexport interface ListItemProps extends BoxProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: 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          variant: 'text.label-large',\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            color,\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          ...__css,\n        }}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"file":"ListItem.js"}

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

@@ -1,7 +1,7 @@
-import type * as React from 'react';
-export interface ListItemTextProps extends React.HTMLAttributes<HTMLDivElement> {
-    as?: React.ElementType<any>;
-    text?: React.ReactNode;
-    secondaryText?: React.ReactNode;
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
+export interface ListItemTextProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    text?: ReactNode;
+    secondaryText?: ReactNode;
 }
-export declare const ListItemText: React.ForwardRefExoticComponent<ListItemTextProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ListItemText: import("react").ForwardRefExoticComponent<ListItemTextProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/ListItem/ListItemText.js

@@ -1,32 +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 { 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, {
     children: [text, secondaryText && /*#__PURE__*/_jsx(Text, {
       as: "span",
-      variant: "body2",
+      variant: "body-small",
       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","Text","ListItemText","props","forwardedRef","as","Comp","text","secondaryText","otherProps","color","opacity"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,IAAT,QAAqB,SAArB;;;AAQA,OAAO,IAAMC,YAAY,gBAAGF,UAAU,CACpC,SAASE,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,YAFV;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 type { ElementType, HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { Text } from '../Text';\n\nexport interface ListItemTextProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  text?: ReactNode;\n  secondaryText?: 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=\"body-small\"\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"}