@artsy/palette 41.8.1 → 42.0.0

package/dist/elements/Shelf/ShelfNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShelfNavigation.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_interopRequireWildcard","_ChevronLeftIcon","_ChevronRightIcon","_Clickable","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","STATES","hover","css","themeGet","focus","disabled","Arrow","styled","Clickable","withConfig","displayName","componentId","props","ShelfNext","createElement","width","height","exports","ShelfPrevious"],"sources":["../../../src/elements/Shelf/ShelfNavigation.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React from \"react\"\nimport styled from \"styled-components\"\nimport { css } from \"styled-components\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\n\n/** ShelfNavigationProps */\nexport interface ShelfNavigationProps extends ClickableProps {\n  hover?: boolean\n  focus?: boolean\n  disabled?: boolean\n}\n\nconst STATES = {\n  hover: css`\n    outline: 0;\n    color: ${themeGet(\"colors.mono100\")};\n    box-shadow: ${themeGet(\"effects.dropShadow\")};\n  `,\n  focus: css`\n    outline: 0;\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.brand\")};\n  `,\n  disabled: css`\n    opacity: 0;\n    cursor: default;\n  `,\n}\n\nconst Arrow = styled(Clickable)<ShelfNavigationProps>`\n  height: 50px;\n  width: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 250ms, color 250ms, border-color 250ms,\n    box-shadow 0.25s ease;\n  color: ${themeGet(\"colors.mono60\")};\n  background-color: ${themeGet(\"colors.mono0\")};\n  border: 1px solid ${themeGet(\"colors.mono5\")};\n  border-radius: 50%;\n  pointer-events: auto;\n\n  > svg {\n    fill: currentColor;\n  }\n\n  ${(props) => {\n    return css`\n      ${props.hover && STATES.hover}\n      ${props.focus && STATES.focus}\n      ${props.disabled && STATES.focus}\n    `\n  }}\n\n  &:hover {\n    ${STATES.hover}\n  }\n  &:focus {\n    ${STATES.focus}\n  }\n\n  &:disabled {\n    ${STATES.disabled}\n  }\n`\n\n/**\n * Default next button\n */\nexport const ShelfNext: React.FC<\n  React.PropsWithChildren<ShelfNavigationProps>\n> = (props) => {\n  return (\n    <Arrow {...props}>\n      <ChevronRightIcon width={15} height={15} />\n    </Arrow>\n  )\n}\n\n/**\n * Default previous button\n */\nexport const ShelfPrevious: React.FC<\n  React.PropsWithChildren<ShelfNavigationProps>\n> = (props) => {\n  return (\n    <Arrow {...props}>\n      <ChevronLeftIcon width={15} height={15} />\n    </Arrow>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAEA,IAAAK,gBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,iBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAAwD,SAAAQ,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAlB,uBAAAW,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAG,OAAA,EAAAH,GAAA;AAExD;;AAOA,IAAMkB,MAAM,GAAG;EACbC,KAAK,MAAEC,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACrB,IAAAA,kBAAQ,EAAC,oBAAoB,CAAC,CAC7C;EACDC,KAAK,MAAEF,qBAAG,+CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CACzC;EACDE,QAAQ,MAAEH,qBAAG;AAIf,CAAC;AAED,IAAMI,KAAK,GAAG,IAAAC,yBAAM,EAACC,oBAAS,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0WAUpB,IAAAR,kBAAQ,EAAC,eAAe,CAAC,EACd,IAAAA,kBAAQ,EAAC,cAAc,CAAC,EACxB,IAAAA,kBAAQ,EAAC,cAAc,CAAC,EAQ1C,UAACS,KAAK,EAAK;EACX,WAAOV,qBAAG,sBACNU,KAAK,CAACX,KAAK,IAAID,MAAM,CAACC,KAAK,EAC3BW,KAAK,CAACR,KAAK,IAAIJ,MAAM,CAACI,KAAK,EAC3BQ,KAAK,CAACP,QAAQ,IAAIL,MAAM,CAACI,KAAK;AAEpC,CAAC,EAGGJ,MAAM,CAACC,KAAK,EAGZD,MAAM,CAACI,KAAK,EAIZJ,MAAM,CAACK,QAAQ,CAEpB;;AAED;AACA;AACA;AACO,IAAMQ,SAEZ,GAAG,SAFSA,SAEZA,CAAID,KAAK,EAAK;EACb,oBACE1C,MAAA,CAAAe,OAAA,CAAA6B,aAAA,CAACR,KAAK,EAAKM,KAAK,eACd1C,MAAA,CAAAe,OAAA,CAAA6B,aAAA,CAACvC,iBAAA,CAAAU,OAAgB;IAAC8B,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,EAAG,CACrC;AAEZ,CAAC;AAAAC,OAAA,CAAAJ,SAAA,GAAAA,SAAA;AARYA,SAEZ,CAAAH,WAAA;AAQD;AACA;AACA;AACO,IAAMQ,aAEZ,GAAG,SAFSA,aAEZA,CAAIN,KAAK,EAAK;EACb,oBACE1C,MAAA,CAAAe,OAAA,CAAA6B,aAAA,CAACR,KAAK,EAAKM,KAAK,eACd1C,MAAA,CAAAe,OAAA,CAAA6B,aAAA,CAACxC,gBAAA,CAAAW,OAAe;IAAC8B,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,EAAG,CACpC;AAEZ,CAAC;AAAAC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AARYA,aAEZ,CAAAR,WAAA"}
+{"version":3,"file":"ShelfNavigation.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_interopRequireWildcard","_ChevronLeftIcon","_ChevronRightIcon","_Clickable","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","STATES","hover","css","themeGet","focus","disabled","Arrow","styled","Clickable","withConfig","displayName","componentId","props","ShelfNext","exports","createElement","width","height","ShelfPrevious"],"sources":["../../../src/elements/Shelf/ShelfNavigation.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React from \"react\"\nimport styled from \"styled-components\"\nimport { css } from \"styled-components\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\n\n/** ShelfNavigationProps */\nexport interface ShelfNavigationProps extends ClickableProps {\n  hover?: boolean\n  focus?: boolean\n  disabled?: boolean\n}\n\nconst STATES = {\n  hover: css`\n    outline: 0;\n    color: ${themeGet(\"colors.mono100\")};\n    box-shadow: ${themeGet(\"effects.dropShadow\")};\n  `,\n  focus: css`\n    outline: 0;\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.brand\")};\n  `,\n  disabled: css`\n    opacity: 0;\n    cursor: default;\n  `,\n}\n\nconst Arrow = styled(Clickable)<ShelfNavigationProps>`\n  height: 50px;\n  width: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 250ms, color 250ms, border-color 250ms,\n    box-shadow 0.25s ease;\n  color: ${themeGet(\"colors.mono60\")};\n  background-color: ${themeGet(\"colors.mono0\")};\n  border: 1px solid ${themeGet(\"colors.mono5\")};\n  border-radius: 50%;\n  pointer-events: auto;\n\n  > svg {\n    fill: currentColor;\n  }\n\n  ${(props) => {\n    return css`\n      ${props.hover && STATES.hover}\n      ${props.focus && STATES.focus}\n      ${props.disabled && STATES.focus}\n    `\n  }}\n\n  &:hover {\n    ${STATES.hover}\n  }\n  &:focus {\n    ${STATES.focus}\n  }\n\n  &:disabled {\n    ${STATES.disabled}\n  }\n`\n\n/**\n * Default next button\n */\nexport const ShelfNext: React.FC<\n  React.PropsWithChildren<ShelfNavigationProps>\n> = (props) => {\n  return (\n    <Arrow {...props}>\n      <ChevronRightIcon width={15} height={15} />\n    </Arrow>\n  )\n}\n\n/**\n * Default previous button\n */\nexport const ShelfPrevious: React.FC<\n  React.PropsWithChildren<ShelfNavigationProps>\n> = (props) => {\n  return (\n    <Arrow {...props}>\n      <ChevronLeftIcon width={15} height={15} />\n    </Arrow>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Shelf/ShelfScrollBar.js

@@ -21,15 +21,15 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * A synthetic scrollbar
  */
-var ShelfScrollBar = /*#__PURE__*/_react.default.memo(function (_ref) {
+var ShelfScrollBar = exports.ShelfScrollBar = /*#__PURE__*/_react.default.memo(function (_ref) {
   var _viewport$scrollLeft, _viewport$scrollWidth, _viewport$clientWidth, _trackRef$current$cli, _trackRef$current;
   var viewport = _ref.viewport,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -136,7 +136,6 @@ var ShelfScrollBar = /*#__PURE__*/_react.default.memo(function (_ref) {
     "aria-label": "Thumb"
   })));
 });
-exports.ShelfScrollBar = ShelfScrollBar;
 ShelfScrollBar.displayName = "ShelfScrollBar";
 var Track = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "ShelfScrollBar__Track",
@@ -154,7 +153,7 @@ var HitArea = (0, _styledComponents.default)(_Clickable.Clickable).withConfig({
   displayName: "ShelfScrollBar__HitArea",
   componentId: "sc-iwm55u-3"
 })(["position:absolute;top:-10px;bottom:-10px;width:100%;left:0;opacity:0;transition:opacity 250ms;&:hover{opacity:1;}&:after{content:\"\";display:block;position:absolute;left:0;width:100%;background-color:", ";top:50%;margin-top:-1.5px;height:3px;}"], (0, _themeGet.themeGet)("colors.mono100"));
-var buildScrollBar = function buildScrollBar(_ref2) {
+var buildScrollBar = exports.buildScrollBar = function buildScrollBar(_ref2) {
   var trackWidth = _ref2.trackWidth,
     scrollLeft = _ref2.scrollLeft,
     scrollWidth = _ref2.scrollWidth,
@@ -180,5 +179,4 @@ var buildScrollBar = function buildScrollBar(_ref2) {
     thumbOffset: normalizedThumbOffset
   };
 };
-exports.buildScrollBar = buildScrollBar;
 //# sourceMappingURL=ShelfScrollBar.js.map

package/dist/elements/Shelf/ShelfScrollBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShelfScrollBar.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_interopRequireDefault","_useMutationObserver","_Box","_Clickable","_useClickScroll","_useDragScroll","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ShelfScrollBar","React","memo","_ref","_viewport$scrollLeft","_viewport$scrollWidth","_viewport$clientWidth","_trackRef$current$cli","_trackRef$current","viewport","rest","_useState","useState","scrollLeft","scrollWidth","clientWidth","_useState2","_useState2$","setScrollState","trackRef","useRef","thumbRef","trackWidth","current","_buildScrollBar","buildScrollBar","progress","requiresScrolling","thumbOffset","thumbWidth","useEffect","updateScrollState","_viewport$scrollLeft2","_viewport$scrollWidth2","_viewport$clientWidth2","addEventListener","passive","window","removeEventListener","useMutationObserver","element","onMutate","mutations","_viewport$scrollLeft3","_viewport$scrollWidth3","_viewport$clientWidth3","hasMeaningfullyMutated","some","mutation","addedNodes","removedNodes","useDragScroll","useClickScroll","createElement","Track","ref","bg","role","TrackHitArea","Thumb","position","height","borderRadius","width","style","transform","concat","backfaceVisibility","HitArea","tabIndex","exports","displayName","styled","Box","withConfig","componentId","Clickable","themeGet","_ref2","percentageVisible","percentageOffset","normalizedThumbWidth","normalizedThumbOffset"],"sources":["../../../src/elements/Shelf/ShelfScrollBar.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { useMutationObserver } from \"../../utils/useMutationObserver\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { useClickScroll } from \"./useClickScroll\"\nimport { useDragScroll } from \"./useDragScroll\"\n\ninterface ShelfScrollBarProps extends BoxProps {\n  viewport?: HTMLDivElement | null\n}\n\n/**\n * A synthetic scrollbar\n */\nexport const ShelfScrollBar: React.FC<\n  React.PropsWithChildren<ShelfScrollBarProps>\n> = React.memo(({ viewport, ...rest }) => {\n  const [\n    { scrollLeft, scrollWidth, clientWidth },\n    setScrollState,\n  ] = useState<ScrollState>({\n    scrollLeft: viewport?.scrollLeft ?? 0,\n    scrollWidth: viewport?.scrollWidth ?? 1,\n    clientWidth: viewport?.clientWidth ?? 1,\n  })\n\n  const trackRef = useRef<HTMLDivElement | null>(null)\n  const thumbRef = useRef<HTMLButtonElement | null>(null)\n\n  const trackWidth = trackRef.current?.clientWidth ?? 1\n\n  const {\n    progress,\n    requiresScrolling,\n    thumbOffset,\n    thumbWidth,\n  } = buildScrollBar({ trackWidth, scrollLeft, scrollWidth, clientWidth })\n\n  // Update scrollState on scroll and resize\n  useEffect(() => {\n    if (!viewport) return\n\n    const updateScrollState = () => {\n      setScrollState({\n        scrollLeft: viewport?.scrollLeft ?? 0,\n        scrollWidth: viewport?.scrollWidth ?? 1,\n        clientWidth: viewport?.clientWidth ?? 1,\n      })\n    }\n\n    updateScrollState()\n\n    viewport.addEventListener(\"scroll\", updateScrollState, { passive: true })\n    window.addEventListener(\"resize\", updateScrollState)\n\n    return () => {\n      viewport.removeEventListener(\"scroll\", updateScrollState)\n      window.removeEventListener(\"resize\", updateScrollState)\n    }\n  }, [viewport])\n\n  useMutationObserver({\n    element: viewport,\n    onMutate: (mutations) => {\n      // Check to see if any of the mutations has either added or removed nodes\n      const hasMeaningfullyMutated = mutations.some((mutation) => {\n        return (\n          mutation.addedNodes.length > 0 || mutation.removedNodes.length > 0\n        )\n      })\n\n      // Only update scroll state if something was added or removed\n      if (!hasMeaningfullyMutated) return\n\n      setScrollState({\n        scrollLeft: viewport?.scrollLeft ?? 0,\n        scrollWidth: viewport?.scrollWidth ?? 1,\n        clientWidth: viewport?.clientWidth ?? 1,\n      })\n    },\n  })\n\n  useDragScroll({\n    viewport,\n    thumbRef,\n    clientWidth,\n    scrollWidth,\n    scrollLeft,\n    trackWidth,\n  })\n\n  useClickScroll({\n    viewport,\n    thumbRef,\n    trackRef,\n    scrollWidth,\n    trackWidth,\n  })\n\n  return (\n    <Track\n      ref={trackRef as any}\n      bg=\"mono15\"\n      role=\"scrollbar\"\n      aria-orientation=\"vertical\"\n      aria-valuemax={100}\n      aria-valuemin={0}\n      aria-valuenow={progress}\n      {...rest}\n    >\n      {/* Pads out hit area. Click events will propagate to underlying trackRef */}\n      <TrackHitArea />\n\n      {requiresScrolling && (\n        <Thumb\n          position=\"relative\"\n          bg=\"mono60\"\n          height=\"100%\"\n          borderRadius={3}\n          width={thumbWidth}\n          style={{\n            transform: `translateX(${thumbOffset}px)`,\n            backfaceVisibility: \"hidden\",\n          }}\n        >\n          <HitArea ref={thumbRef as any} tabIndex={-1} aria-label=\"Thumb\" />\n        </Thumb>\n      )}\n    </Track>\n  )\n})\n\nShelfScrollBar.displayName = \"ShelfScrollBar\"\n\nconst Track = styled(Box)`\n  position: relative;\n  height: 3px;\n  width: 100%;\n`\n\nconst TrackHitArea = styled(Box)`\n  position: absolute;\n  top: -10px;\n  bottom: -10px;\n  right: 0;\n  left: 0;\n  width: 100%;\n`\n\nconst Thumb = styled(Box)``\n\nconst HitArea = styled(Clickable)`\n  position: absolute;\n  top: -10px;\n  bottom: -10px;\n  width: 100%;\n  left: 0;\n  opacity: 0;\n  transition: opacity 250ms;\n\n  &:hover {\n    opacity: 1;\n  }\n\n  &:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    left: 0;\n    width: 100%;\n    background-color: ${themeGet(\"colors.mono100\")};\n    /*\n     * Positioning this using top/bottom and translate each have cross-browser\n     * issues in Safari. Using a hard-coded height/negative margin works on all browsers.\n     */\n    top: 50%;\n    margin-top: -1.5px;\n    height: 3px;\n  }\n`\n\ninterface ScrollState {\n  /** Left most scroll edge */\n  scrollLeft: number\n  /** Width of the underlying rail */\n  scrollWidth: number\n  /** Width of the viewport */\n  clientWidth: number\n}\n\nexport const buildScrollBar = ({\n  trackWidth,\n  scrollLeft,\n  scrollWidth,\n  clientWidth,\n}: ScrollState & {\n  /** Width of the scrollbar track */\n  trackWidth: number\n}) => {\n  const progress = (scrollLeft / (scrollWidth - clientWidth || 1)) * 100\n\n  // Sets up a scrollbar for viewport\n  const percentageVisible = clientWidth / scrollWidth\n  const thumbWidth = percentageVisible * clientWidth\n  const percentageOffset = scrollLeft / (scrollWidth - clientWidth || 1)\n\n  // Transform it down to whatever our actual track width is as\n  // it's always smaller than the target viewport.\n  const normalizedThumbWidth = (thumbWidth * trackWidth) / clientWidth\n  const normalizedThumbOffset =\n    percentageOffset * (trackWidth - normalizedThumbWidth)\n\n  const requiresScrolling = percentageVisible < 1\n\n  return {\n    requiresScrolling,\n    progress,\n    percentageVisible,\n    percentageOffset,\n    thumbWidth: normalizedThumbWidth,\n    thumbOffset: normalizedThumbOffset,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"ShelfScrollBar.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_interopRequireDefault","_useMutationObserver","_Box","_Clickable","_useClickScroll","_useDragScroll","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ShelfScrollBar","exports","React","memo","_ref","_viewport$scrollLeft","_viewport$scrollWidth","_viewport$clientWidth","_trackRef$current$cli","_trackRef$current","viewport","rest","_useState","useState","scrollLeft","scrollWidth","clientWidth","_useState2","_useState2$","setScrollState","trackRef","useRef","thumbRef","trackWidth","current","_buildScrollBar","buildScrollBar","progress","requiresScrolling","thumbOffset","thumbWidth","useEffect","updateScrollState","_viewport$scrollLeft2","_viewport$scrollWidth2","_viewport$clientWidth2","addEventListener","passive","window","removeEventListener","useMutationObserver","element","onMutate","mutations","_viewport$scrollLeft3","_viewport$scrollWidth3","_viewport$clientWidth3","hasMeaningfullyMutated","some","mutation","addedNodes","removedNodes","useDragScroll","useClickScroll","createElement","Track","ref","bg","role","TrackHitArea","Thumb","position","height","borderRadius","width","style","transform","concat","backfaceVisibility","HitArea","tabIndex","displayName","styled","Box","withConfig","componentId","Clickable","themeGet","_ref2","percentageVisible","percentageOffset","normalizedThumbWidth","normalizedThumbOffset"],"sources":["../../../src/elements/Shelf/ShelfScrollBar.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { useMutationObserver } from \"../../utils/useMutationObserver\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { useClickScroll } from \"./useClickScroll\"\nimport { useDragScroll } from \"./useDragScroll\"\n\ninterface ShelfScrollBarProps extends BoxProps {\n  viewport?: HTMLDivElement | null\n}\n\n/**\n * A synthetic scrollbar\n */\nexport const ShelfScrollBar: React.FC<\n  React.PropsWithChildren<ShelfScrollBarProps>\n> = React.memo(({ viewport, ...rest }) => {\n  const [\n    { scrollLeft, scrollWidth, clientWidth },\n    setScrollState,\n  ] = useState<ScrollState>({\n    scrollLeft: viewport?.scrollLeft ?? 0,\n    scrollWidth: viewport?.scrollWidth ?? 1,\n    clientWidth: viewport?.clientWidth ?? 1,\n  })\n\n  const trackRef = useRef<HTMLDivElement | null>(null)\n  const thumbRef = useRef<HTMLButtonElement | null>(null)\n\n  const trackWidth = trackRef.current?.clientWidth ?? 1\n\n  const {\n    progress,\n    requiresScrolling,\n    thumbOffset,\n    thumbWidth,\n  } = buildScrollBar({ trackWidth, scrollLeft, scrollWidth, clientWidth })\n\n  // Update scrollState on scroll and resize\n  useEffect(() => {\n    if (!viewport) return\n\n    const updateScrollState = () => {\n      setScrollState({\n        scrollLeft: viewport?.scrollLeft ?? 0,\n        scrollWidth: viewport?.scrollWidth ?? 1,\n        clientWidth: viewport?.clientWidth ?? 1,\n      })\n    }\n\n    updateScrollState()\n\n    viewport.addEventListener(\"scroll\", updateScrollState, { passive: true })\n    window.addEventListener(\"resize\", updateScrollState)\n\n    return () => {\n      viewport.removeEventListener(\"scroll\", updateScrollState)\n      window.removeEventListener(\"resize\", updateScrollState)\n    }\n  }, [viewport])\n\n  useMutationObserver({\n    element: viewport,\n    onMutate: (mutations) => {\n      // Check to see if any of the mutations has either added or removed nodes\n      const hasMeaningfullyMutated = mutations.some((mutation) => {\n        return (\n          mutation.addedNodes.length > 0 || mutation.removedNodes.length > 0\n        )\n      })\n\n      // Only update scroll state if something was added or removed\n      if (!hasMeaningfullyMutated) return\n\n      setScrollState({\n        scrollLeft: viewport?.scrollLeft ?? 0,\n        scrollWidth: viewport?.scrollWidth ?? 1,\n        clientWidth: viewport?.clientWidth ?? 1,\n      })\n    },\n  })\n\n  useDragScroll({\n    viewport,\n    thumbRef,\n    clientWidth,\n    scrollWidth,\n    scrollLeft,\n    trackWidth,\n  })\n\n  useClickScroll({\n    viewport,\n    thumbRef,\n    trackRef,\n    scrollWidth,\n    trackWidth,\n  })\n\n  return (\n    <Track\n      ref={trackRef as any}\n      bg=\"mono15\"\n      role=\"scrollbar\"\n      aria-orientation=\"vertical\"\n      aria-valuemax={100}\n      aria-valuemin={0}\n      aria-valuenow={progress}\n      {...rest}\n    >\n      {/* Pads out hit area. Click events will propagate to underlying trackRef */}\n      <TrackHitArea />\n\n      {requiresScrolling && (\n        <Thumb\n          position=\"relative\"\n          bg=\"mono60\"\n          height=\"100%\"\n          borderRadius={3}\n          width={thumbWidth}\n          style={{\n            transform: `translateX(${thumbOffset}px)`,\n            backfaceVisibility: \"hidden\",\n          }}\n        >\n          <HitArea ref={thumbRef as any} tabIndex={-1} aria-label=\"Thumb\" />\n        </Thumb>\n      )}\n    </Track>\n  )\n})\n\nShelfScrollBar.displayName = \"ShelfScrollBar\"\n\nconst Track = styled(Box)`\n  position: relative;\n  height: 3px;\n  width: 100%;\n`\n\nconst TrackHitArea = styled(Box)`\n  position: absolute;\n  top: -10px;\n  bottom: -10px;\n  right: 0;\n  left: 0;\n  width: 100%;\n`\n\nconst Thumb = styled(Box)``\n\nconst HitArea = styled(Clickable)`\n  position: absolute;\n  top: -10px;\n  bottom: -10px;\n  width: 100%;\n  left: 0;\n  opacity: 0;\n  transition: opacity 250ms;\n\n  &:hover {\n    opacity: 1;\n  }\n\n  &:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    left: 0;\n    width: 100%;\n    background-color: ${themeGet(\"colors.mono100\")};\n    /*\n     * Positioning this using top/bottom and translate each have cross-browser\n     * issues in Safari. Using a hard-coded height/negative margin works on all browsers.\n     */\n    top: 50%;\n    margin-top: -1.5px;\n    height: 3px;\n  }\n`\n\ninterface ScrollState {\n  /** Left most scroll edge */\n  scrollLeft: number\n  /** Width of the underlying rail */\n  scrollWidth: number\n  /** Width of the viewport */\n  clientWidth: number\n}\n\nexport const buildScrollBar = ({\n  trackWidth,\n  scrollLeft,\n  scrollWidth,\n  clientWidth,\n}: ScrollState & {\n  /** Width of the scrollbar track */\n  trackWidth: number\n}) => {\n  const progress = (scrollLeft / (scrollWidth - clientWidth || 1)) * 100\n\n  // Sets up a scrollbar for viewport\n  const percentageVisible = clientWidth / scrollWidth\n  const thumbWidth = percentageVisible * clientWidth\n  const percentageOffset = scrollLeft / (scrollWidth - clientWidth || 1)\n\n  // Transform it down to whatever our actual track width is as\n  // it's always smaller than the target viewport.\n  const normalizedThumbWidth = (thumbWidth * trackWidth) / clientWidth\n  const normalizedThumbOffset =\n    percentageOffset * (trackWidth - normalizedThumbWidth)\n\n  const requiresScrolling = percentageVisible < 1\n\n  return {\n    requiresScrolling,\n    progress,\n    percentageVisible,\n    percentageOffset,\n    thumbWidth: normalizedThumbWidth,\n    thumbOffset: normalizedThumbOffset,\n  }\n}\n"],"mappings":"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"}

package/dist/elements/Shelf/useClickScroll.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface UseClickScroll {
     trackRef?: React.MutableRefObject<HTMLElement | null>;
     thumbRef?: React.MutableRefObject<HTMLElement | null>;

package/dist/elements/Shelf/useClickScroll.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useClickScroll = void 0;
 var _react = require("react");
-var useClickScroll = function useClickScroll(_ref) {
+var useClickScroll = exports.useClickScroll = function useClickScroll(_ref) {
   var trackRef = _ref.trackRef,
     thumbRef = _ref.thumbRef,
     viewport = _ref.viewport,
@@ -31,5 +31,4 @@ var useClickScroll = function useClickScroll(_ref) {
     };
   }, [scrollWidth, thumbRef, trackRef, trackWidth, viewport]);
 };
-exports.useClickScroll = useClickScroll;
 //# sourceMappingURL=useClickScroll.js.map

package/dist/elements/Shelf/useClickScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickScroll.js","names":["_react","require","useClickScroll","_ref","trackRef","thumbRef","viewport","scrollWidth","trackWidth","useEffect","current","thumb","track","handleMouseDown","event","x","pageX","getBoundingClientRect","left","clientWidth","scrollLeft","addEventListener","removeEventListener","exports"],"sources":["../../../src/elements/Shelf/useClickScroll.ts"],"sourcesContent":["import { useEffect } from \"react\"\n\ninterface UseClickScroll {\n  trackRef?: React.MutableRefObject<HTMLElement | null>\n  thumbRef?: React.MutableRefObject<HTMLElement | null>\n  viewport?: HTMLElement | null\n  scrollWidth: number\n  trackWidth: number\n}\n\nexport const useClickScroll = ({\n  trackRef,\n  thumbRef,\n  viewport,\n  scrollWidth,\n  trackWidth,\n}: UseClickScroll) => {\n  useEffect(() => {\n    if (!viewport || !trackRef?.current || !thumbRef?.current) return\n\n    const { current: thumb } = thumbRef\n    const { current: track } = trackRef\n\n    const handleMouseDown = (event: MouseEvent) => {\n      const x =\n        // Where you clicked\n        event.pageX -\n        // Offset by where the track sits on the page\n        track.getBoundingClientRect().left -\n        // Then center the thumb\n        thumb.clientWidth / 2\n\n      viewport.scrollLeft = (x * scrollWidth) / trackWidth\n    }\n\n    track.addEventListener(\"mousedown\", handleMouseDown)\n\n    return () => {\n      track.removeEventListener(\"mousedown\", handleMouseDown)\n    }\n  }, [scrollWidth, thumbRef, trackRef, trackWidth, viewport])\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAML;EAAA,IALpBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,UAAU,GAAAL,IAAA,CAAVK,UAAU;EAEV,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACH,QAAQ,IAAI,EAACF,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEM,OAAO,KAAI,EAACL,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEK,OAAO,GAAE;IAE3D,IAAiBC,KAAK,GAAKN,QAAQ,CAA3BK,OAAO;IACf,IAAiBE,KAAK,GAAKR,QAAQ,CAA3BM,OAAO;IAEf,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAiB,EAAK;MAC7C,IAAMC,CAAC;MACL;MACAD,KAAK,CAACE,KAAK;MACX;MACAJ,KAAK,CAACK,qBAAqB,EAAE,CAACC,IAAI;MAClC;MACAP,KAAK,CAACQ,WAAW,GAAG,CAAC;MAEvBb,QAAQ,CAACc,UAAU,GAAIL,CAAC,GAAGR,WAAW,GAAIC,UAAU;IACtD,CAAC;IAEDI,KAAK,CAACS,gBAAgB,CAAC,WAAW,EAAER,eAAe,CAAC;IAEpD,OAAO,YAAM;MACXD,KAAK,CAACU,mBAAmB,CAAC,WAAW,EAAET,eAAe,CAAC;IACzD,CAAC;EACH,CAAC,EAAE,CAACN,WAAW,EAAEF,QAAQ,EAAED,QAAQ,EAAEI,UAAU,EAAEF,QAAQ,CAAC,CAAC;AAC7D,CAAC;AAAAiB,OAAA,CAAArB,cAAA,GAAAA,cAAA"}
+{"version":3,"file":"useClickScroll.js","names":["_react","require","useClickScroll","exports","_ref","trackRef","thumbRef","viewport","scrollWidth","trackWidth","useEffect","current","thumb","track","handleMouseDown","event","x","pageX","getBoundingClientRect","left","clientWidth","scrollLeft","addEventListener","removeEventListener"],"sources":["../../../src/elements/Shelf/useClickScroll.ts"],"sourcesContent":["import { useEffect } from \"react\"\n\ninterface UseClickScroll {\n  trackRef?: React.MutableRefObject<HTMLElement | null>\n  thumbRef?: React.MutableRefObject<HTMLElement | null>\n  viewport?: HTMLElement | null\n  scrollWidth: number\n  trackWidth: number\n}\n\nexport const useClickScroll = ({\n  trackRef,\n  thumbRef,\n  viewport,\n  scrollWidth,\n  trackWidth,\n}: UseClickScroll) => {\n  useEffect(() => {\n    if (!viewport || !trackRef?.current || !thumbRef?.current) return\n\n    const { current: thumb } = thumbRef\n    const { current: track } = trackRef\n\n    const handleMouseDown = (event: MouseEvent) => {\n      const x =\n        // Where you clicked\n        event.pageX -\n        // Offset by where the track sits on the page\n        track.getBoundingClientRect().left -\n        // Then center the thumb\n        thumb.clientWidth / 2\n\n      viewport.scrollLeft = (x * scrollWidth) / trackWidth\n    }\n\n    track.addEventListener(\"mousedown\", handleMouseDown)\n\n    return () => {\n      track.removeEventListener(\"mousedown\", handleMouseDown)\n    }\n  }, [scrollWidth, thumbRef, trackRef, trackWidth, viewport])\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUO,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAAE,IAAA,EAML;EAAA,IALpBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,UAAU,GAAAL,IAAA,CAAVK,UAAU;EAEV,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACH,QAAQ,IAAI,EAACF,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEM,OAAO,KAAI,EAACL,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEK,OAAO,GAAE;IAE3D,IAAiBC,KAAK,GAAKN,QAAQ,CAA3BK,OAAO;IACf,IAAiBE,KAAK,GAAKR,QAAQ,CAA3BM,OAAO;IAEf,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAiB,EAAK;MAC7C,IAAMC,CAAC;MACL;MACAD,KAAK,CAACE,KAAK;MACX;MACAJ,KAAK,CAACK,qBAAqB,EAAE,CAACC,IAAI;MAClC;MACAP,KAAK,CAACQ,WAAW,GAAG,CAAC;MAEvBb,QAAQ,CAACc,UAAU,GAAIL,CAAC,GAAGR,WAAW,GAAIC,UAAU;IACtD,CAAC;IAEDI,KAAK,CAACS,gBAAgB,CAAC,WAAW,EAAER,eAAe,CAAC;IAEpD,OAAO,YAAM;MACXD,KAAK,CAACU,mBAAmB,CAAC,WAAW,EAAET,eAAe,CAAC;IACzD,CAAC;EACH,CAAC,EAAE,CAACN,WAAW,EAAEF,QAAQ,EAAED,QAAQ,EAAEI,UAAU,EAAEF,QAAQ,CAAC,CAAC;AAC7D,CAAC"}

package/dist/elements/Shelf/useDragScroll.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface UseDragScroll {
     viewport?: HTMLElement | null;
     thumbRef?: React.MutableRefObject<HTMLElement | null>;

package/dist/elements/Shelf/useDragScroll.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDragScroll = void 0;
 var _react = require("react");
-var useDragScroll = function useDragScroll(_ref) {
+var useDragScroll = exports.useDragScroll = function useDragScroll(_ref) {
   var viewport = _ref.viewport,
     thumbRef = _ref.thumbRef,
     scrollWidth = _ref.scrollWidth,
@@ -43,5 +43,4 @@ var useDragScroll = function useDragScroll(_ref) {
     };
   }, [viewport, clientWidth, scrollWidth, scrollLeft, trackWidth, thumbRef]);
 };
-exports.useDragScroll = useDragScroll;
 //# sourceMappingURL=useDragScroll.js.map

package/dist/elements/Shelf/useDragScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragScroll.js","names":["_react","require","useDragScroll","_ref","viewport","thumbRef","scrollWidth","trackWidth","scrollLeft","clientWidth","isDown","useRef","startX","offsetX","useEffect","current","thumb","handleMouseDown","event","stopPropagation","pageX","handleMouseUp","handleMouseMove","delta","addEventListener","document","removeEventListener","exports"],"sources":["../../../src/elements/Shelf/useDragScroll.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\ninterface UseDragScroll {\n  viewport?: HTMLElement | null\n  thumbRef?: React.MutableRefObject<HTMLElement | null>\n  scrollWidth: number\n  trackWidth: number\n  scrollLeft: number\n  clientWidth: number\n}\n\nexport const useDragScroll = ({\n  viewport,\n  thumbRef,\n  scrollWidth,\n  trackWidth,\n  scrollLeft,\n  clientWidth,\n}: UseDragScroll) => {\n  const isDown = useRef(false)\n  const startX = useRef(0)\n  const offsetX = useRef(0)\n\n  useEffect(() => {\n    if (!viewport || !thumbRef?.current) return\n\n    const { current: thumb } = thumbRef\n\n    const handleMouseDown = (event: MouseEvent) => {\n      event.stopPropagation()\n      isDown.current = true\n      startX.current = event.pageX\n      offsetX.current = viewport.scrollLeft\n    }\n\n    const handleMouseUp = () => {\n      isDown.current = false\n      startX.current = 0\n    }\n\n    const handleMouseMove = (event: MouseEvent) => {\n      if (!isDown.current) return\n      const delta = ((event.pageX - startX.current) * scrollWidth) / trackWidth\n      viewport.scrollLeft = offsetX.current + delta\n    }\n\n    thumb.addEventListener(\"mousedown\", handleMouseDown)\n    document.addEventListener(\"mousemove\", handleMouseMove)\n    document.addEventListener(\"mouseup\", handleMouseUp)\n\n    return () => {\n      thumb.removeEventListener(\"mousedown\", handleMouseDown)\n      document.removeEventListener(\"mousemove\", handleMouseMove)\n      document.removeEventListener(\"mouseup\", handleMouseUp)\n    }\n  }, [viewport, clientWidth, scrollWidth, scrollLeft, trackWidth, thumbRef])\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAWO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAOL;EAAA,IANnBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,WAAW,GAAAN,IAAA,CAAXM,WAAW;EAEX,IAAMC,MAAM,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAC5B,IAAMC,MAAM,GAAG,IAAAD,aAAM,EAAC,CAAC,CAAC;EACxB,IAAME,OAAO,GAAG,IAAAF,aAAM,EAAC,CAAC,CAAC;EAEzB,IAAAG,gBAAS,EAAC,YAAM;IACd,IAAI,CAACV,QAAQ,IAAI,EAACC,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEU,OAAO,GAAE;IAErC,IAAiBC,KAAK,GAAKX,QAAQ,CAA3BU,OAAO;IAEf,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAiB,EAAK;MAC7CA,KAAK,CAACC,eAAe,EAAE;MACvBT,MAAM,CAACK,OAAO,GAAG,IAAI;MACrBH,MAAM,CAACG,OAAO,GAAGG,KAAK,CAACE,KAAK;MAC5BP,OAAO,CAACE,OAAO,GAAGX,QAAQ,CAACI,UAAU;IACvC,CAAC;IAED,IAAMa,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;MAC1BX,MAAM,CAACK,OAAO,GAAG,KAAK;MACtBH,MAAM,CAACG,OAAO,GAAG,CAAC;IACpB,CAAC;IAED,IAAMO,eAAe,GAAG,SAAlBA,eAAeA,CAAIJ,KAAiB,EAAK;MAC7C,IAAI,CAACR,MAAM,CAACK,OAAO,EAAE;MACrB,IAAMQ,KAAK,GAAI,CAACL,KAAK,CAACE,KAAK,GAAGR,MAAM,CAACG,OAAO,IAAIT,WAAW,GAAIC,UAAU;MACzEH,QAAQ,CAACI,UAAU,GAAGK,OAAO,CAACE,OAAO,GAAGQ,KAAK;IAC/C,CAAC;IAEDP,KAAK,CAACQ,gBAAgB,CAAC,WAAW,EAAEP,eAAe,CAAC;IACpDQ,QAAQ,CAACD,gBAAgB,CAAC,WAAW,EAAEF,eAAe,CAAC;IACvDG,QAAQ,CAACD,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC;IAEnD,OAAO,YAAM;MACXL,KAAK,CAACU,mBAAmB,CAAC,WAAW,EAAET,eAAe,CAAC;MACvDQ,QAAQ,CAACC,mBAAmB,CAAC,WAAW,EAAEJ,eAAe,CAAC;MAC1DG,QAAQ,CAACC,mBAAmB,CAAC,SAAS,EAAEL,aAAa,CAAC;IACxD,CAAC;EACH,CAAC,EAAE,CAACjB,QAAQ,EAAEK,WAAW,EAAEH,WAAW,EAAEE,UAAU,EAAED,UAAU,EAAEF,QAAQ,CAAC,CAAC;AAC5E,CAAC;AAAAsB,OAAA,CAAAzB,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"useDragScroll.js","names":["_react","require","useDragScroll","exports","_ref","viewport","thumbRef","scrollWidth","trackWidth","scrollLeft","clientWidth","isDown","useRef","startX","offsetX","useEffect","current","thumb","handleMouseDown","event","stopPropagation","pageX","handleMouseUp","handleMouseMove","delta","addEventListener","document","removeEventListener"],"sources":["../../../src/elements/Shelf/useDragScroll.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\ninterface UseDragScroll {\n  viewport?: HTMLElement | null\n  thumbRef?: React.MutableRefObject<HTMLElement | null>\n  scrollWidth: number\n  trackWidth: number\n  scrollLeft: number\n  clientWidth: number\n}\n\nexport const useDragScroll = ({\n  viewport,\n  thumbRef,\n  scrollWidth,\n  trackWidth,\n  scrollLeft,\n  clientWidth,\n}: UseDragScroll) => {\n  const isDown = useRef(false)\n  const startX = useRef(0)\n  const offsetX = useRef(0)\n\n  useEffect(() => {\n    if (!viewport || !thumbRef?.current) return\n\n    const { current: thumb } = thumbRef\n\n    const handleMouseDown = (event: MouseEvent) => {\n      event.stopPropagation()\n      isDown.current = true\n      startX.current = event.pageX\n      offsetX.current = viewport.scrollLeft\n    }\n\n    const handleMouseUp = () => {\n      isDown.current = false\n      startX.current = 0\n    }\n\n    const handleMouseMove = (event: MouseEvent) => {\n      if (!isDown.current) return\n      const delta = ((event.pageX - startX.current) * scrollWidth) / trackWidth\n      viewport.scrollLeft = offsetX.current + delta\n    }\n\n    thumb.addEventListener(\"mousedown\", handleMouseDown)\n    document.addEventListener(\"mousemove\", handleMouseMove)\n    document.addEventListener(\"mouseup\", handleMouseUp)\n\n    return () => {\n      thumb.removeEventListener(\"mousedown\", handleMouseDown)\n      document.removeEventListener(\"mousemove\", handleMouseMove)\n      document.removeEventListener(\"mouseup\", handleMouseUp)\n    }\n  }, [viewport, clientWidth, scrollWidth, scrollLeft, trackWidth, thumbRef])\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAWO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,IAAA,EAOL;EAAA,IANnBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,WAAW,GAAAN,IAAA,CAAXM,WAAW;EAEX,IAAMC,MAAM,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAC5B,IAAMC,MAAM,GAAG,IAAAD,aAAM,EAAC,CAAC,CAAC;EACxB,IAAME,OAAO,GAAG,IAAAF,aAAM,EAAC,CAAC,CAAC;EAEzB,IAAAG,gBAAS,EAAC,YAAM;IACd,IAAI,CAACV,QAAQ,IAAI,EAACC,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEU,OAAO,GAAE;IAErC,IAAiBC,KAAK,GAAKX,QAAQ,CAA3BU,OAAO;IAEf,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAiB,EAAK;MAC7CA,KAAK,CAACC,eAAe,EAAE;MACvBT,MAAM,CAACK,OAAO,GAAG,IAAI;MACrBH,MAAM,CAACG,OAAO,GAAGG,KAAK,CAACE,KAAK;MAC5BP,OAAO,CAACE,OAAO,GAAGX,QAAQ,CAACI,UAAU;IACvC,CAAC;IAED,IAAMa,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;MAC1BX,MAAM,CAACK,OAAO,GAAG,KAAK;MACtBH,MAAM,CAACG,OAAO,GAAG,CAAC;IACpB,CAAC;IAED,IAAMO,eAAe,GAAG,SAAlBA,eAAeA,CAAIJ,KAAiB,EAAK;MAC7C,IAAI,CAACR,MAAM,CAACK,OAAO,EAAE;MACrB,IAAMQ,KAAK,GAAI,CAACL,KAAK,CAACE,KAAK,GAAGR,MAAM,CAACG,OAAO,IAAIT,WAAW,GAAIC,UAAU;MACzEH,QAAQ,CAACI,UAAU,GAAGK,OAAO,CAACE,OAAO,GAAGQ,KAAK;IAC/C,CAAC;IAEDP,KAAK,CAACQ,gBAAgB,CAAC,WAAW,EAAEP,eAAe,CAAC;IACpDQ,QAAQ,CAACD,gBAAgB,CAAC,WAAW,EAAEF,eAAe,CAAC;IACvDG,QAAQ,CAACD,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC;IAEnD,OAAO,YAAM;MACXL,KAAK,CAACU,mBAAmB,CAAC,WAAW,EAAET,eAAe,CAAC;MACvDQ,QAAQ,CAACC,mBAAmB,CAAC,WAAW,EAAEJ,eAAe,CAAC;MAC1DG,QAAQ,CAACC,mBAAmB,CAAC,SAAS,EAAEL,aAAa,CAAC;IACxD,CAAC;EACH,CAAC,EAAE,CAACjB,QAAQ,EAAEK,WAAW,EAAEH,WAAW,EAAEE,UAAU,EAAED,UAAU,EAAEF,QAAQ,CAAC,CAAC;AAC5E,CAAC"}

package/dist/elements/ShowMore/ShowMore.js

@@ -15,14 +15,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var INITIAL_ITEMS_TO_SHOW = 6;
-exports.INITIAL_ITEMS_TO_SHOW = INITIAL_ITEMS_TO_SHOW;
-var ShowMore = function ShowMore(_ref) {
+var INITIAL_ITEMS_TO_SHOW = exports.INITIAL_ITEMS_TO_SHOW = 6;
+var ShowMore = exports.ShowMore = function ShowMore(_ref) {
   var _ref$initial = _ref.initial,
     initial = _ref$initial === void 0 ? INITIAL_ITEMS_TO_SHOW : _ref$initial,
     children = _ref.children,
@@ -53,5 +52,4 @@ var ShowMore = function ShowMore(_ref) {
     variant: variant
   }, isExpanded ? hideText : showMoreText)));
 };
-exports.ShowMore = ShowMore;
 //# sourceMappingURL=ShowMore.js.map

package/dist/elements/ShowMore/ShowMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMore.js","names":["_react","_interopRequireWildcard","require","_Clickable","_Text","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","INITIAL_ITEMS_TO_SHOW","exports","ShowMore","_ref","_ref$initial","initial","children","_ref$expanded","expanded","_ref$hideText","hideText","_ref$showMoreText","showMoreText","rest","_useState","useState","_useState2","isExpanded","setExpanded","nodes","Children","toArray","filter","isValidElement","hasMore","_splitClickableProps","splitClickableProps","_splitClickableProps2","clickableProps","variant","createElement","Fragment","Clickable","onClick","visibility","Text"],"sources":["../../../src/elements/ShowMore/ShowMore.tsx"],"sourcesContent":["import React, { Children, isValidElement, useState } from \"react\"\nimport { Clickable, ClickableProps, splitClickableProps } from \"../Clickable\"\nimport { Text, TextProps } from \"../Text\"\n\nexport interface ShowMoreProps\n  extends ClickableProps,\n    Pick<TextProps, \"variant\"> {\n  children: React.ReactNode\n  initial?: number\n  expanded?: boolean\n  hideText?: string\n  showMoreText?: string\n}\n\nexport const INITIAL_ITEMS_TO_SHOW = 6\n\nexport const ShowMore: React.FC<React.PropsWithChildren<ShowMoreProps>> = ({\n  initial = INITIAL_ITEMS_TO_SHOW,\n  children,\n  expanded = false,\n  hideText = \"Hide\",\n  showMoreText = \"Show more\",\n  ...rest\n}) => {\n  const [isExpanded, setExpanded] = useState(expanded)\n  const nodes = Children.toArray(children).filter(isValidElement)\n  const hasMore = nodes.length > initial\n\n  const [clickableProps, { variant }] = splitClickableProps(rest)\n\n  return (\n    <>\n      {isExpanded ? nodes : nodes.slice(0, initial)}\n\n      {hasMore && (\n        <Clickable\n          onClick={() => setExpanded((visibility) => !visibility)}\n          {...clickableProps}\n        >\n          <Text variant={variant}>{isExpanded ? hideText : showMoreText}</Text>\n        </Clickable>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ShowMore.js","names":["_react","_interopRequireWildcard","require","_Clickable","_Text","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","INITIAL_ITEMS_TO_SHOW","exports","ShowMore","_ref","_ref$initial","initial","children","_ref$expanded","expanded","_ref$hideText","hideText","_ref$showMoreText","showMoreText","rest","_useState","useState","_useState2","isExpanded","setExpanded","nodes","Children","toArray","filter","isValidElement","hasMore","_splitClickableProps","splitClickableProps","_splitClickableProps2","clickableProps","variant","createElement","Fragment","Clickable","onClick","visibility","Text"],"sources":["../../../src/elements/ShowMore/ShowMore.tsx"],"sourcesContent":["import React, { Children, isValidElement, useState } from \"react\"\nimport { Clickable, ClickableProps, splitClickableProps } from \"../Clickable\"\nimport { Text, TextProps } from \"../Text\"\n\nexport interface ShowMoreProps\n  extends ClickableProps,\n    Pick<TextProps, \"variant\"> {\n  children: React.ReactNode\n  initial?: number\n  expanded?: boolean\n  hideText?: string\n  showMoreText?: string\n}\n\nexport const INITIAL_ITEMS_TO_SHOW = 6\n\nexport const ShowMore: React.FC<React.PropsWithChildren<ShowMoreProps>> = ({\n  initial = INITIAL_ITEMS_TO_SHOW,\n  children,\n  expanded = false,\n  hideText = \"Hide\",\n  showMoreText = \"Show more\",\n  ...rest\n}) => {\n  const [isExpanded, setExpanded] = useState(expanded)\n  const nodes = Children.toArray(children).filter(isValidElement)\n  const hasMore = nodes.length > initial\n\n  const [clickableProps, { variant }] = splitClickableProps(rest)\n\n  return (\n    <>\n      {isExpanded ? nodes : nodes.slice(0, initial)}\n\n      {hasMore && (\n        <Clickable\n          onClick={() => setExpanded((visibility) => !visibility)}\n          {...clickableProps}\n        >\n          <Text variant={variant}>{isExpanded ? hideText : showMoreText}</Text>\n        </Clickable>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/ShowMore/ShowMore.story.js

@@ -9,11 +9,10 @@ var _storybookStates = require("storybook-states");
 var _ShowMore = require("./ShowMore");
 var _Text = require("../Text");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/ShowMore"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       expanded: true
@@ -34,9 +33,8 @@ var Default = function Default() {
     variant: "sm-display"
   }, "Sixth")));
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var CommaSeparatedList = function CommaSeparatedList() {
+var CommaSeparatedList = exports.CommaSeparatedList = function CommaSeparatedList() {
   var artists = ["Monica Kim Garza", "John Houck", "Zemba Luzamba"];
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
@@ -59,7 +57,6 @@ var CommaSeparatedList = function CommaSeparatedList() {
     }, artist, separator);
   })));
 };
-exports.CommaSeparatedList = CommaSeparatedList;
 CommaSeparatedList.displayName = "CommaSeparatedList";
 CommaSeparatedList.story = {
   name: "Works with comma-separated list"

package/dist/elements/ShowMore/ShowMore.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMore.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_ShowMore","_Text","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","expanded","ShowMore","initial","Text","variant","displayName","CommaSeparatedList","artists","textDecoration","mt","map","artist","index","separator","length","as","key","story","name"],"sources":["../../../src/elements/ShowMore/ShowMore.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { ShowMore, ShowMoreProps } from \"./ShowMore\"\nimport { Text } from \"../Text\"\n\nexport default {\n  title: \"Components/ShowMore\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<ShowMoreProps>> states={[{}, { expanded: true }]}>\n      <ShowMore initial={3}>\n        <Text variant=\"sm-display\">First</Text>\n        <Text variant=\"sm-display\">Second</Text>\n        <Text variant=\"sm-display\">Third</Text>\n        <Text variant=\"sm-display\">Fourth</Text>\n        <Text variant=\"sm-display\">Fifth</Text>\n        <Text variant=\"sm-display\">Sixth</Text>\n      </ShowMore>\n    </States>\n  )\n}\n\nexport const CommaSeparatedList = () => {\n  const artists = [\"Monica Kim Garza\", \"John Houck\", \"Zemba Luzamba\"]\n\n  return (\n    <States<Partial<ShowMoreProps>> states={[{}, { expanded: true }]}>\n      <ShowMore initial={1} variant=\"lg\" textDecoration=\"underline\" mt={1}>\n        {artists.map((artist, index) => {\n          let separator = \", \"\n          if (index === artists.length - 1) {\n            separator = \". \"\n          }\n\n          return (\n            <Text variant=\"lg\" as=\"span\" key={index}>\n              {artist}\n              {separator}\n            </Text>\n          )\n        })}\n      </ShowMore>\n    </States>\n  )\n}\n\nCommaSeparatedList.story = {\n  name: \"Works with comma-separated list\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"ShowMore.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_ShowMore","_Text","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","expanded","ShowMore","initial","Text","variant","displayName","CommaSeparatedList","artists","textDecoration","mt","map","artist","index","separator","length","as","key","story","name"],"sources":["../../../src/elements/ShowMore/ShowMore.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { ShowMore, ShowMoreProps } from \"./ShowMore\"\nimport { Text } from \"../Text\"\n\nexport default {\n  title: \"Components/ShowMore\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<ShowMoreProps>> states={[{}, { expanded: true }]}>\n      <ShowMore initial={3}>\n        <Text variant=\"sm-display\">First</Text>\n        <Text variant=\"sm-display\">Second</Text>\n        <Text variant=\"sm-display\">Third</Text>\n        <Text variant=\"sm-display\">Fourth</Text>\n        <Text variant=\"sm-display\">Fifth</Text>\n        <Text variant=\"sm-display\">Sixth</Text>\n      </ShowMore>\n    </States>\n  )\n}\n\nexport const CommaSeparatedList = () => {\n  const artists = [\"Monica Kim Garza\", \"John Houck\", \"Zemba Luzamba\"]\n\n  return (\n    <States<Partial<ShowMoreProps>> states={[{}, { expanded: true }]}>\n      <ShowMore initial={1} variant=\"lg\" textDecoration=\"underline\" mt={1}>\n        {artists.map((artist, index) => {\n          let separator = \", \"\n          if (index === artists.length - 1) {\n            separator = \". \"\n          }\n\n          return (\n            <Text variant=\"lg\" as=\"span\" key={index}>\n              {artist}\n              {separator}\n            </Text>\n          )\n        })}\n      </ShowMore>\n    </States>\n  )\n}\n\nCommaSeparatedList.story = {\n  name: \"Works with comma-separated list\",\n}\n"],"mappings":"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"}

package/dist/elements/Skeleton/Skeleton.d.ts

@@ -2,18 +2,18 @@ import React from "react";
 import { BoxProps } from "../Box";
 import { TextProps } from "../Text";
 /** SkeletonProps */
-export declare type SkeletonBoxProps = BoxProps;
+export type SkeletonBoxProps = BoxProps;
 /** A mono10 Box */
 export declare const SkeletonBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;
 /** SkeletonTextProps */
-export declare type SkeletonTextProps = TextProps;
+export type SkeletonTextProps = TextProps;
 /**
  * Allows you to create boxes the exact dimensions of a given piece of text
  */
 export declare const SkeletonText: React.FC<React.PropsWithChildren<SkeletonTextProps>>;
-export declare type SkeletonProps = BoxProps;
+export type SkeletonProps = BoxProps;
 /**
  * Animated wrapper for Skeletons
  */

package/dist/elements/Skeleton/Skeleton.js

@@ -21,19 +21,18 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /** SkeletonProps */
 
 /** A mono10 Box */
-var SkeletonBox = (0, _styledComponents.default)(_Box.Box).withConfig({
+var SkeletonBox = exports.SkeletonBox = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Skeleton__SkeletonBox",
   componentId: "sc-1vwqe5c-0"
 })([""]);
-exports.SkeletonBox = SkeletonBox;
 SkeletonBox.defaultProps = {
   bg: "mono10"
 };
@@ -50,7 +49,7 @@ var SkeletonTextOverlay = (0, _styledComponents.default)(SkeletonBox).withConfig
 /**
  * Allows you to create boxes the exact dimensions of a given piece of text
  */
-var SkeletonText = function SkeletonText(_ref) {
+var SkeletonText = exports.SkeletonText = function SkeletonText(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _splitBorderProps = splitBorderProps(rest),
@@ -66,7 +65,6 @@ var SkeletonText = function SkeletonText(_ref) {
     "aria-hidden": true
   }, children, /*#__PURE__*/_react.default.createElement(SkeletonTextOverlay, borderProps)));
 };
-exports.SkeletonText = SkeletonText;
 SkeletonText.displayName = "SkeletonText";
 var FADE_ANIMATION = (0, _styledComponents.keyframes)(["0%{opacity:0.5;}50%{opacity:0;}100%{opacity:0.5;}"]);
 var SkeletonFade = (0, _styledComponents.default)(_Box.Box).withConfig({
@@ -76,7 +74,7 @@ var SkeletonFade = (0, _styledComponents.default)(_Box.Box).withConfig({
 /**
  * Animated wrapper for Skeletons
  */
-var Skeleton = function Skeleton(_ref2) {
+var Skeleton = exports.Skeleton = function Skeleton(_ref2) {
   var children = _ref2.children,
     rest = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/_react.default.createElement(_Box.Box, _extends({
@@ -89,6 +87,5 @@ var Skeleton = function Skeleton(_ref2) {
     left: 0
   }));
 };
-exports.Skeleton = Skeleton;
 Skeleton.displayName = "Skeleton";
 //# sourceMappingURL=Skeleton.js.map

package/dist/elements/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_interopRequireWildcard","_styledSystem","_splitProps","_Box","_Text","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SkeletonBox","styled","Box","withConfig","displayName","componentId","exports","defaultProps","bg","splitBorderProps","splitProps","border","SkeletonTextOverlay","SkeletonText","_ref","children","rest","_splitBorderProps","_splitBorderProps2","borderProps","textProps","createElement","Text","color","as","display","position","FADE_ANIMATION","keyframes","SkeletonFade","themeGet","Skeleton","_ref2","top","right","bottom","left"],"sources":["../../../src/elements/Skeleton/Skeleton.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React from \"react\"\nimport styled, { keyframes } from \"styled-components\"\nimport { border, BorderProps } from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Text, TextProps } from \"../Text\"\n\n/** SkeletonProps */\nexport type SkeletonBoxProps = BoxProps\n\n/** A mono10 Box */\nexport const SkeletonBox = styled(Box)``\nSkeletonBox.defaultProps = { bg: \"mono10\" }\nSkeletonBox.displayName = \"SkeletonBox\"\n\nconst splitBorderProps = splitProps<BorderProps>(border)\n\n/** SkeletonTextProps */\nexport type SkeletonTextProps = TextProps\n\nconst SkeletonTextOverlay = styled(SkeletonBox)`\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 100%;\n  height: calc(100% - 0.25em);\n  transform: translateY(-50%);\n`\n\n/**\n * Allows you to create boxes the exact dimensions of a given piece of text\n */\nexport const SkeletonText: React.FC<\n  React.PropsWithChildren<SkeletonTextProps>\n> = ({ children, ...rest }) => {\n  const [borderProps, textProps] = splitBorderProps(rest)\n\n  return (\n    <Text color=\"transparent\" {...textProps}>\n      <Box as=\"span\" display=\"inline-flex\" position=\"relative\" aria-hidden>\n        {children}\n\n        <SkeletonTextOverlay {...borderProps} />\n      </Box>\n    </Text>\n  )\n}\n\nconst FADE_ANIMATION = keyframes`\n  0% { opacity: 0.5; }\n  50% { opacity: 0; }\n  100% { opacity: 0.5; }\n`\n\nconst SkeletonFade = styled(Box)`\n  background-color: ${themeGet(\"colors.mono0\")};\n  animation: ${FADE_ANIMATION} 2s ease-in-out infinite;\n`\n\nexport type SkeletonProps = BoxProps\n\n/**\n * Animated wrapper for Skeletons\n */\nexport const Skeleton: React.FC<React.PropsWithChildren<SkeletonProps>> = ({\n  children,\n  ...rest\n}) => {\n  return (\n    <Box position=\"relative\" {...rest}>\n      {children}\n\n      <SkeletonFade position=\"absolute\" top={0} right={0} bottom={0} left={0} />\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Skeleton.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_interopRequireWildcard","_styledSystem","_splitProps","_Box","_Text","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SkeletonBox","exports","styled","Box","withConfig","displayName","componentId","defaultProps","bg","splitBorderProps","splitProps","border","SkeletonTextOverlay","SkeletonText","_ref","children","rest","_splitBorderProps","_splitBorderProps2","borderProps","textProps","createElement","Text","color","as","display","position","FADE_ANIMATION","keyframes","SkeletonFade","themeGet","Skeleton","_ref2","top","right","bottom","left"],"sources":["../../../src/elements/Skeleton/Skeleton.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React from \"react\"\nimport styled, { keyframes } from \"styled-components\"\nimport { border, BorderProps } from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Text, TextProps } from \"../Text\"\n\n/** SkeletonProps */\nexport type SkeletonBoxProps = BoxProps\n\n/** A mono10 Box */\nexport const SkeletonBox = styled(Box)``\nSkeletonBox.defaultProps = { bg: \"mono10\" }\nSkeletonBox.displayName = \"SkeletonBox\"\n\nconst splitBorderProps = splitProps<BorderProps>(border)\n\n/** SkeletonTextProps */\nexport type SkeletonTextProps = TextProps\n\nconst SkeletonTextOverlay = styled(SkeletonBox)`\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 100%;\n  height: calc(100% - 0.25em);\n  transform: translateY(-50%);\n`\n\n/**\n * Allows you to create boxes the exact dimensions of a given piece of text\n */\nexport const SkeletonText: React.FC<\n  React.PropsWithChildren<SkeletonTextProps>\n> = ({ children, ...rest }) => {\n  const [borderProps, textProps] = splitBorderProps(rest)\n\n  return (\n    <Text color=\"transparent\" {...textProps}>\n      <Box as=\"span\" display=\"inline-flex\" position=\"relative\" aria-hidden>\n        {children}\n\n        <SkeletonTextOverlay {...borderProps} />\n      </Box>\n    </Text>\n  )\n}\n\nconst FADE_ANIMATION = keyframes`\n  0% { opacity: 0.5; }\n  50% { opacity: 0; }\n  100% { opacity: 0.5; }\n`\n\nconst SkeletonFade = styled(Box)`\n  background-color: ${themeGet(\"colors.mono0\")};\n  animation: ${FADE_ANIMATION} 2s ease-in-out infinite;\n`\n\nexport type SkeletonProps = BoxProps\n\n/**\n * Animated wrapper for Skeletons\n */\nexport const Skeleton: React.FC<React.PropsWithChildren<SkeletonProps>> = ({\n  children,\n  ...rest\n}) => {\n  return (\n    <Box position=\"relative\" {...rest}>\n      {children}\n\n      <SkeletonFade position=\"absolute\" top={0} right={0} bottom={0} left={0} />\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Skeleton/Skeleton.story.js

@@ -11,11 +11,10 @@ var _Shelf = require("../Shelf");
 var _Spacer = require("../Spacer");
 var _Skeleton = require("./Skeleton");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Skeleton"
 };
-exports.default = _default;
-var _SkeletonBox = function _SkeletonBox() {
+var _SkeletonBox = exports._SkeletonBox = function _SkeletonBox() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       borderRadius: "1em"
@@ -25,9 +24,8 @@ var _SkeletonBox = function _SkeletonBox() {
     height: 300
   }));
 };
-exports._SkeletonBox = _SkeletonBox;
 _SkeletonBox.displayName = "_SkeletonBox";
-var _SkeletonText = function _SkeletonText() {
+var _SkeletonText = exports._SkeletonText = function _SkeletonText() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       variant: "xs"
@@ -56,7 +54,6 @@ var _SkeletonText = function _SkeletonText() {
     variant: "sm-display"
   }, "loading"));
 };
-exports._SkeletonText = _SkeletonText;
 _SkeletonText.displayName = "_SkeletonText";
 var ExampleArtworkSkeleton = function ExampleArtworkSkeleton(_ref) {
   var i = _ref.i;
@@ -75,14 +72,13 @@ var ExampleArtworkSkeleton = function ExampleArtworkSkeleton(_ref) {
     variant: "xs"
   }, "Price"));
 };
-var _ExampleArtworkSkeleton = function _ExampleArtworkSkeleton() {
+var _ExampleArtworkSkeleton = exports._ExampleArtworkSkeleton = function _ExampleArtworkSkeleton() {
   return /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null, /*#__PURE__*/_react.default.createElement(ExampleArtworkSkeleton, {
     i: 0
   }));
 };
-exports._ExampleArtworkSkeleton = _ExampleArtworkSkeleton;
 _ExampleArtworkSkeleton.displayName = "_ExampleArtworkSkeleton";
-var StressTest = function StressTest() {
+var StressTest = exports.StressTest = function StressTest() {
   return /*#__PURE__*/_react.default.createElement(_Join.Join, {
     separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
       y: 6
@@ -99,6 +95,5 @@ var StressTest = function StressTest() {
     })));
   }));
 };
-exports.StressTest = StressTest;
 StressTest.displayName = "StressTest";
 //# sourceMappingURL=Skeleton.story.js.map