@artsy/palette 39.0.4 → 40.0.0-canary.1408.31249.0

package/dist/elements/Select/Select.story.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/Separator/Separator.story.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

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

@@ -12,4 +12,4 @@ export declare type ShelfProps = BoxProps & {
 /**
  * A Shelf is a new kind of carousel...
  */
-export declare const Shelf: React.FC<ShelfProps>;
+export declare const Shelf: React.FC<React.PropsWithChildren<ShelfProps>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Shelf.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_useCursor2","_visuallyDisableScrollbar","_Box","_Carousel","_FullBleed","_ShelfNavigation","_ShelfScrollBar","_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","Shelf","_ref","_ref$alignItems","alignItems","_ref$showProgress","showProgress","_ref$snap","snap","children","onChange","rest","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","containerRef","useRef","viewportRef","_useState","useState","_useState2","mounted","setMounted","_useState3","_useState4","pages","setPages","_useState5","_useState6","offset","setOffset","_useState7","_useState8","atStart","setAtStart","init","useCallback","current","container","values","_ref2","Math","ceil","clientWidth","paginateCarousel","viewport","_container$getBoundin","getBoundingClientRect","x","useEffect","window","addEventListener","removeEventListener","_useCursor","useCursor","max","pageIndex","index","setCursor","handler","nearestPage","find","currentPage","_pages","nextPage","Infinity","scrollLeft","passive","scrollToPage","xPosition","scrollTo","left","behavior","handleNext","handlePrev","createElement","Container","Nav","as","bottom","Previous","onClick","disabled","Next","FullBleed","right","marginLeft","Viewport","Rail","position","mb","_ref3","isFirst","isLast","Cell","pl","undefined","pr","CELL_GAP_PADDING_AMOUNT","style","scrollSnapAlign","ShelfScrollBar","exports","displayName","styled","Box","withConfig","componentId","visuallyDisableScrollbar","ShelfNext","ShelfPrevious"],"sources":["../../../src/elements/Shelf/Shelf.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { useCursor } from \"use-cursor\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CELL_GAP_PADDING_AMOUNT, paginateCarousel } from \"../Carousel\"\nimport { FlexProps } from \"../Flex\"\nimport { FullBleed } from \"../FullBleed\"\nimport { ShelfNext, ShelfPrevious } from \"./ShelfNavigation\"\nimport { ShelfScrollBar } from \"./ShelfScrollBar\"\n\n/** ShelfProps */\nexport type ShelfProps = BoxProps & {\n  alignItems?: FlexProps[\"alignItems\"]\n  showProgress?: boolean\n  snap?: \"none\" | \"start\" | \"end\" | \"center\"\n  children: JSX.Element | JSX.Element[]\n  onChange?(index: number): void\n}\n\n/**\n * A Shelf is a new kind of carousel...\n */\nexport const Shelf: React.FC<ShelfProps> = ({\n  alignItems = \"flex-end\",\n  showProgress = true,\n  snap = \"none\",\n  children,\n  onChange,\n  ...rest\n}) => {\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLLIElement>() })),\n    [children]\n  )\n\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const viewportRef = useRef<HTMLDivElement | null>(null)\n\n  const [mounted, setMounted] = useState(false)\n  const [pages, setPages] = useState([0])\n  const [offset, setOffset] = useState(0)\n  const [atStart, setAtStart] = useState(true)\n\n  const init = useCallback(() => {\n    if (containerRef.current === null) return\n\n    const { current: container } = containerRef\n\n    // Set page-stops\n    const values = cells.map(({ ref }, i) => {\n      // If we have an offset we actually want to subtract it from\n      // the first and last elements.\n      if (offset !== 0 && (i === 0 || i === cells.length - 1)) {\n        return Math.ceil(ref.current!.clientWidth - offset)\n      }\n\n      return ref.current!.clientWidth\n    })\n\n    setPages(\n      paginateCarousel({\n        // Here we use the container width instead of the viewport width.\n        // The viewport has been extended to the full width of the window;\n        // we want to scroll to the parent boundaries instead.\n        viewport: container.clientWidth,\n        values,\n      })\n    )\n\n    // Set offset to accomodate full-bleed and line up initially with page-margins\n    const { x } = container.getBoundingClientRect()\n    setOffset(x)\n\n    setMounted(true)\n  }, [cells, offset])\n\n  useEffect(() => {\n    init()\n\n    window.addEventListener(\"resize\", init)\n    return () => {\n      window.removeEventListener(\"resize\", init)\n    }\n  }, [init])\n\n  const { index: pageIndex, setCursor } = useCursor({\n    max: pages.length,\n  })\n\n  // Keep page cursor in sync with scroll position\n  useEffect(() => {\n    if (viewportRef.current === null) return\n\n    const { current: viewport } = viewportRef\n\n    const handler = () => {\n      const nearestPage = pages.find((currentPage, i) => {\n        const nextPage = pages[i + 1] ?? Infinity\n        return (\n          viewport.scrollLeft >= currentPage && viewport.scrollLeft < nextPage\n        )\n      })\n\n      setCursor(pages.indexOf(nearestPage!))\n      setAtStart(viewport.scrollLeft === 0)\n    }\n\n    viewport.addEventListener(\"scroll\", handler, { passive: true })\n    return () => {\n      viewport.removeEventListener(\"scroll\", handler)\n    }\n  }, [pages, setCursor])\n\n  // Announce page changes\n  useEffect(() => {\n    onChange && onChange(pageIndex)\n  }, [onChange, pageIndex])\n\n  // Scroll to a specific page-stop\n  const scrollToPage = (index: number) => {\n    const xPosition = pages[index]\n    scrollTo(xPosition)\n  }\n\n  const scrollTo = (xPosition: number) => {\n    if (viewportRef.current === null) return\n\n    const { current: viewport } = viewportRef\n\n    if (viewport.scrollTo) {\n      viewport.scrollTo({ left: xPosition, behavior: \"smooth\" })\n      return\n    }\n\n    viewport.scrollLeft = xPosition\n  }\n\n  // One side-effect of scrolling to the next page index instead of\n  // setting it directly is that you can't scroll to the next one via click until\n  // you've arrived. We may want to reconsider this approach; though this is the\n  // simplest way to keep these values in sync with one another.\n  const handleNext = () => {\n    scrollToPage(pageIndex + 1)\n  }\n\n  const handlePrev = () => {\n    if (pageIndex === 0) {\n      scrollTo(0)\n      return\n    }\n\n    scrollToPage(pageIndex - 1)\n  }\n\n  return (\n    <Container ref={containerRef as any} {...rest}>\n      <Nav\n        as=\"nav\"\n        // We can't position relative to the FullBleed rail —\n        // so offset the bottom by the bottom margin + the height of the scrollbar.\n        bottom={[23, 63]}\n      >\n        <Previous\n          onClick={handlePrev}\n          disabled={atStart}\n          aria-label=\"Previous page\"\n        />\n\n        <Next\n          onClick={handleNext}\n          disabled={pageIndex === pages.length - 1}\n          aria-label=\"Next page\"\n        />\n      </Nav>\n\n      <FullBleed\n        // To prevent any page jank we initially partially disable this component\n        // so that content is left aligned with the parent container and then once\n        // we have the offset and page values; we reset it to actually full-bleed.\n        // The `offset` will push the content up to the parent margin.\n        {...(!mounted ? { left: null, right: null, marginLeft: null } : {})}\n      >\n        <Viewport ref={viewportRef as any}>\n          <Rail as=\"ul\" position=\"relative\" alignItems={alignItems} mb={[2, 6]}>\n            {cells.map(({ child, ref }, i) => {\n              const isFirst = i === 0\n              const isLast = i === cells.length - 1\n\n              return (\n                <Cell\n                  as=\"li\"\n                  key={i}\n                  ref={ref as any}\n                  pl={isFirst ? offset : undefined}\n                  pr={!isLast ? CELL_GAP_PADDING_AMOUNT : offset}\n                  style={{ scrollSnapAlign: snap }}\n                >\n                  {child}\n                </Cell>\n              )\n            })}\n          </Rail>\n        </Viewport>\n      </FullBleed>\n\n      {showProgress && <ShelfScrollBar viewport={viewportRef.current} />}\n    </Container>\n  )\n}\n\nconst Container = styled(Box)`\n  position: relative;\n  width: 100%;\n\n  > nav {\n    transition: opacity 250ms;\n    transition-delay: 100ms;\n    opacity: 0;\n  }\n\n  &:hover {\n    > nav {\n      opacity: 1;\n    }\n  }\n`\n\nconst Nav = styled(Box)`\n  pointer-events: none;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  left: 0;\n`\n\nconst Viewport = styled(Box)`\n  display: flex;\n  height: 100%;\n  padding: 0;\n  list-style: none;\n  overflow-y: hidden;\n  overflow-x: scroll;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n  ${visuallyDisableScrollbar}\n`\n\nconst Rail = styled(Box)`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  margin-top: 0;\n  margin-left: 0;\n  margin-right: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n`\n\nconst Cell = styled(Box)`\n  white-space: normal;\n`\n\nconst Next = styled(ShelfNext)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: 0;\n\n  @media (hover: none) {\n    display: none;\n  }\n`\n\nconst Previous = styled(ShelfPrevious)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n\n  @media (hover: none) {\n    display: none;\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"Shelf.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_useCursor2","_visuallyDisableScrollbar","_Box","_Carousel","_FullBleed","_ShelfNavigation","_ShelfScrollBar","_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","Shelf","_ref","_ref$alignItems","alignItems","_ref$showProgress","showProgress","_ref$snap","snap","children","onChange","rest","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","containerRef","useRef","viewportRef","_useState","useState","_useState2","mounted","setMounted","_useState3","_useState4","pages","setPages","_useState5","_useState6","offset","setOffset","_useState7","_useState8","atStart","setAtStart","init","useCallback","current","container","values","_ref2","Math","ceil","clientWidth","paginateCarousel","viewport","_container$getBoundin","getBoundingClientRect","x","useEffect","window","addEventListener","removeEventListener","_useCursor","useCursor","max","pageIndex","index","setCursor","handler","nearestPage","find","currentPage","_pages","nextPage","Infinity","scrollLeft","passive","scrollToPage","xPosition","scrollTo","left","behavior","handleNext","handlePrev","createElement","Container","Nav","as","bottom","Previous","onClick","disabled","Next","FullBleed","right","marginLeft","Viewport","Rail","position","mb","_ref3","isFirst","isLast","Cell","pl","undefined","pr","CELL_GAP_PADDING_AMOUNT","style","scrollSnapAlign","ShelfScrollBar","exports","displayName","styled","Box","withConfig","componentId","visuallyDisableScrollbar","ShelfNext","ShelfPrevious"],"sources":["../../../src/elements/Shelf/Shelf.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { useCursor } from \"use-cursor\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CELL_GAP_PADDING_AMOUNT, paginateCarousel } from \"../Carousel\"\nimport { FlexProps } from \"../Flex\"\nimport { FullBleed } from \"../FullBleed\"\nimport { ShelfNext, ShelfPrevious } from \"./ShelfNavigation\"\nimport { ShelfScrollBar } from \"./ShelfScrollBar\"\n\n/** ShelfProps */\nexport type ShelfProps = BoxProps & {\n  alignItems?: FlexProps[\"alignItems\"]\n  showProgress?: boolean\n  snap?: \"none\" | \"start\" | \"end\" | \"center\"\n  children: JSX.Element | JSX.Element[]\n  onChange?(index: number): void\n}\n\n/**\n * A Shelf is a new kind of carousel...\n */\nexport const Shelf: React.FC<React.PropsWithChildren<ShelfProps>> = ({\n  alignItems = \"flex-end\",\n  showProgress = true,\n  snap = \"none\",\n  children,\n  onChange,\n  ...rest\n}) => {\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLLIElement>() })),\n    [children]\n  )\n\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const viewportRef = useRef<HTMLDivElement | null>(null)\n\n  const [mounted, setMounted] = useState(false)\n  const [pages, setPages] = useState([0])\n  const [offset, setOffset] = useState(0)\n  const [atStart, setAtStart] = useState(true)\n\n  const init = useCallback(() => {\n    if (containerRef.current === null) return\n\n    const { current: container } = containerRef\n\n    // Set page-stops\n    const values = cells.map(({ ref }, i) => {\n      // If we have an offset we actually want to subtract it from\n      // the first and last elements.\n      if (offset !== 0 && (i === 0 || i === cells.length - 1)) {\n        return Math.ceil(ref.current!.clientWidth - offset)\n      }\n\n      return ref.current!.clientWidth\n    })\n\n    setPages(\n      paginateCarousel({\n        // Here we use the container width instead of the viewport width.\n        // The viewport has been extended to the full width of the window;\n        // we want to scroll to the parent boundaries instead.\n        viewport: container.clientWidth,\n        values,\n      })\n    )\n\n    // Set offset to accomodate full-bleed and line up initially with page-margins\n    const { x } = container.getBoundingClientRect()\n    setOffset(x)\n\n    setMounted(true)\n  }, [cells, offset])\n\n  useEffect(() => {\n    init()\n\n    window.addEventListener(\"resize\", init)\n    return () => {\n      window.removeEventListener(\"resize\", init)\n    }\n  }, [init])\n\n  const { index: pageIndex, setCursor } = useCursor({\n    max: pages.length,\n  })\n\n  // Keep page cursor in sync with scroll position\n  useEffect(() => {\n    if (viewportRef.current === null) return\n\n    const { current: viewport } = viewportRef\n\n    const handler = () => {\n      const nearestPage = pages.find((currentPage, i) => {\n        const nextPage = pages[i + 1] ?? Infinity\n        return (\n          viewport.scrollLeft >= currentPage && viewport.scrollLeft < nextPage\n        )\n      })\n\n      setCursor(pages.indexOf(nearestPage!))\n      setAtStart(viewport.scrollLeft === 0)\n    }\n\n    viewport.addEventListener(\"scroll\", handler, { passive: true })\n    return () => {\n      viewport.removeEventListener(\"scroll\", handler)\n    }\n  }, [pages, setCursor])\n\n  // Announce page changes\n  useEffect(() => {\n    onChange && onChange(pageIndex)\n  }, [onChange, pageIndex])\n\n  // Scroll to a specific page-stop\n  const scrollToPage = (index: number) => {\n    const xPosition = pages[index]\n    scrollTo(xPosition)\n  }\n\n  const scrollTo = (xPosition: number) => {\n    if (viewportRef.current === null) return\n\n    const { current: viewport } = viewportRef\n\n    if (viewport.scrollTo) {\n      viewport.scrollTo({ left: xPosition, behavior: \"smooth\" })\n      return\n    }\n\n    viewport.scrollLeft = xPosition\n  }\n\n  // One side-effect of scrolling to the next page index instead of\n  // setting it directly is that you can't scroll to the next one via click until\n  // you've arrived. We may want to reconsider this approach; though this is the\n  // simplest way to keep these values in sync with one another.\n  const handleNext = () => {\n    scrollToPage(pageIndex + 1)\n  }\n\n  const handlePrev = () => {\n    if (pageIndex === 0) {\n      scrollTo(0)\n      return\n    }\n\n    scrollToPage(pageIndex - 1)\n  }\n\n  return (\n    <Container ref={containerRef as any} {...rest}>\n      <Nav\n        as=\"nav\"\n        // We can't position relative to the FullBleed rail —\n        // so offset the bottom by the bottom margin + the height of the scrollbar.\n        bottom={[23, 63]}\n      >\n        <Previous\n          onClick={handlePrev}\n          disabled={atStart}\n          aria-label=\"Previous page\"\n        />\n\n        <Next\n          onClick={handleNext}\n          disabled={pageIndex === pages.length - 1}\n          aria-label=\"Next page\"\n        />\n      </Nav>\n\n      <FullBleed\n        // To prevent any page jank we initially partially disable this component\n        // so that content is left aligned with the parent container and then once\n        // we have the offset and page values; we reset it to actually full-bleed.\n        // The `offset` will push the content up to the parent margin.\n        {...(!mounted ? { left: null, right: null, marginLeft: null } : {})}\n      >\n        <Viewport ref={viewportRef as any}>\n          <Rail as=\"ul\" position=\"relative\" alignItems={alignItems} mb={[2, 6]}>\n            {cells.map(({ child, ref }, i) => {\n              const isFirst = i === 0\n              const isLast = i === cells.length - 1\n\n              return (\n                <Cell\n                  as=\"li\"\n                  key={i}\n                  ref={ref as any}\n                  pl={isFirst ? offset : undefined}\n                  pr={!isLast ? CELL_GAP_PADDING_AMOUNT : offset}\n                  style={{ scrollSnapAlign: snap }}\n                >\n                  {child}\n                </Cell>\n              )\n            })}\n          </Rail>\n        </Viewport>\n      </FullBleed>\n\n      {showProgress && <ShelfScrollBar viewport={viewportRef.current} />}\n    </Container>\n  )\n}\n\nconst Container = styled(Box)`\n  position: relative;\n  width: 100%;\n\n  > nav {\n    transition: opacity 250ms;\n    transition-delay: 100ms;\n    opacity: 0;\n  }\n\n  &:hover {\n    > nav {\n      opacity: 1;\n    }\n  }\n`\n\nconst Nav = styled(Box)`\n  pointer-events: none;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  left: 0;\n`\n\nconst Viewport = styled(Box)`\n  display: flex;\n  height: 100%;\n  padding: 0;\n  list-style: none;\n  overflow-y: hidden;\n  overflow-x: scroll;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n  ${visuallyDisableScrollbar}\n`\n\nconst Rail = styled(Box)`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  margin-top: 0;\n  margin-left: 0;\n  margin-right: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n`\n\nconst Cell = styled(Box)`\n  white-space: normal;\n`\n\nconst Next = styled(ShelfNext)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: 0;\n\n  @media (hover: none) {\n    display: none;\n  }\n`\n\nconst Previous = styled(ShelfPrevious)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n\n  @media (hover: none) {\n    display: none;\n  }\n`\n"],"mappings":"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"}

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

@@ -1,12 +1,13 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const DifferingAmounts: () => JSX.Element;
-export declare const NavigationButtons: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const DifferingAmounts: () => React.JSX.Element;
+export declare const NavigationButtons: () => React.JSX.Element;
 export declare const ClientSideUpdates: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         parameters: {
             chromatic: {

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

@@ -9,8 +9,8 @@ export interface ShelfNavigationProps extends ClickableProps {
 /**
  * Default next button
  */
-export declare const ShelfNext: React.FC<ShelfNavigationProps>;
+export declare const ShelfNext: React.FC<React.PropsWithChildren<ShelfNavigationProps>>;
 /**
  * Default previous button
  */
-export declare const ShelfPrevious: React.FC<ShelfNavigationProps>;
+export declare const ShelfPrevious: React.FC<React.PropsWithChildren<ShelfNavigationProps>>;

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.black100\")};\n    box-shadow: ${themeGet(\"effects.dropShadow\")};\n  `,\n  focus: css`\n    outline: 0;\n    color: ${themeGet(\"colors.black100\")};\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.black60\")};\n  background-color: ${themeGet(\"colors.white100\")};\n  border: 1px solid ${themeGet(\"colors.black5\")};\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<ShelfNavigationProps> = (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<ShelfNavigationProps> = (props) => {\n  return (\n    <Arrow {...props}>\n      <ChevronLeftIcon width={15} height={15} />\n    </Arrow>\n  )\n}\n"],"mappings":"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"}
+{"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.black100\")};\n    box-shadow: ${themeGet(\"effects.dropShadow\")};\n  `,\n  focus: css`\n    outline: 0;\n    color: ${themeGet(\"colors.black100\")};\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.black60\")};\n  background-color: ${themeGet(\"colors.white100\")};\n  border: 1px solid ${themeGet(\"colors.black5\")};\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<React.PropsWithChildren<ShelfNavigationProps>> = (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<React.PropsWithChildren<ShelfNavigationProps>> = (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.d.ts

@@ -6,7 +6,7 @@ interface ShelfScrollBarProps extends BoxProps {
 /**
  * A synthetic scrollbar
  */
-export declare const ShelfScrollBar: React.FC<ShelfScrollBarProps>;
+export declare const ShelfScrollBar: React.FC<React.PropsWithChildren<ShelfScrollBarProps>>;
 interface ScrollState {
     /** Left most scroll edge */
     scrollLeft: number;

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<ShelfScrollBarProps> = React.memo(\n  ({ 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=\"black15\"\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=\"black60\"\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)\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.black100\")};\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","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<React.PropsWithChildren<ShelfScrollBarProps>> = React.memo(\n  ({ 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=\"black15\"\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=\"black60\"\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)\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.black100\")};\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/ShowMore/ShowMore.d.ts

@@ -9,4 +9,4 @@ export interface ShowMoreProps extends ClickableProps, Pick<TextProps, "variant"
     showMoreText?: string;
 }
 export declare const INITIAL_ITEMS_TO_SHOW = 6;
-export declare const ShowMore: React.FC<ShowMoreProps>;
+export declare const ShowMore: React.FC<React.PropsWithChildren<ShowMoreProps>>;

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<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.d.ts

@@ -1,10 +1,11 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
 export declare const CommaSeparatedList: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -4,7 +4,7 @@ import { TextProps } from "../Text";
 /** SkeletonProps */
 export declare type SkeletonBoxProps = BoxProps;
 /** A black10 Box */
-export declare const SkeletonBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, keyof BoxProps | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+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;
 }, never>> & string;
 /** SkeletonTextProps */
@@ -12,9 +12,9 @@ export declare type SkeletonTextProps = TextProps;
 /**
  * Allows you to create boxes the exact dimensions of a given piece of text
  */
-export declare const SkeletonText: React.FC<SkeletonTextProps>;
+export declare const SkeletonText: React.FC<React.PropsWithChildren<SkeletonTextProps>>;
 export declare type SkeletonProps = BoxProps;
 /**
  * Animated wrapper for Skeletons
  */
-export declare const Skeleton: React.FC<SkeletonProps>;
+export declare const Skeleton: React.FC<React.PropsWithChildren<SkeletonProps>>;

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 black10 Box */\nexport const SkeletonBox = styled(Box)``\nSkeletonBox.defaultProps = { bg: \"black10\" }\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<SkeletonTextProps> = ({\n  children,\n  ...rest\n}) => {\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.white100\")};\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<SkeletonProps> = ({ children, ...rest }) => {\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":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAAyC,IAAAS,SAAA;EAAAC,UAAA;AAAA,SAAAC,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,SAAAR,wBAAAY,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,SAAArB,uBAAAc,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAG,OAAA,EAAAH,GAAA;AAAA,SAAAkB,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,eAAAC,GAAA,EAAAN,CAAA,WAAAO,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAN,CAAA,KAAAS,2BAAA,CAAAH,GAAA,EAAAN,CAAA,KAAAU,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAA5B,MAAA,CAAAI,SAAA,CAAAyB,QAAA,CAAAvB,IAAA,CAAAmB,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,EAAAqB,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAAwB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAvB,CAAA,GAAAuB,GAAA,EAAAvB,CAAA,MAAAwB,IAAA,CAAAxB,CAAA,IAAAM,GAAA,CAAAN,CAAA,YAAAwB,IAAA;AAAA,SAAAhB,sBAAAF,GAAA,EAAAN,CAAA,QAAAyB,EAAA,WAAAnB,GAAA,gCAAAoB,MAAA,IAAApB,GAAA,CAAAoB,MAAA,CAAAC,QAAA,KAAArB,GAAA,4BAAAmB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAhC,IAAA,CAAAa,GAAA,GAAA6B,IAAA,QAAAnC,CAAA,QAAAb,MAAA,CAAAsC,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAArC,IAAA,CAAAgC,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAA9B,MAAA,KAAAF,CAAA,GAAAiC,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAArD,MAAA,CAAA4C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAzB,gBAAAD,GAAA,QAAAc,KAAA,CAAAqB,OAAA,CAAAnC,GAAA,UAAAA,GAAA;AAAA,SAAAoC,yBAAAvC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,GAAA6C,6BAAA,CAAAzC,MAAA,EAAAwC,QAAA,OAAArD,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAA1C,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA8C,gBAAA,CAAA5C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAwD,gBAAA,CAAA9C,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAA6C,8BAAAzC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,WAAAkD,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAA/C,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAiD,UAAA,CAAA/C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAA2D,UAAA,CAAAjD,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAEzC;;AAGA;AACO,IAAMoD,WAAW,GAAG,IAAAC,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAAAC,OAAA,CAAAN,WAAA,GAAAA,WAAA;AACxCA,WAAW,CAACO,YAAY,GAAG;EAAEC,EAAE,EAAE;AAAU,CAAC;AAC5CR,WAAW,CAACI,WAAW,GAAG,aAAa;AAEvC,IAAMK,gBAAgB,GAAG,IAAAC,sBAAU,EAAcC,oBAAM,CAAC;;AAExD;;AAGA,IAAMC,mBAAmB,GAAG,IAAAX,yBAAM,EAACD,WAAW,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0GAO9C;;AAED;AACA;AACA;AACO,IAAMQ,YAAyC,GAAG,SAA5CA,YAAyCA,CAAAC,IAAA,EAGhD;EAAA,IAFJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACLC,IAAI,GAAAzB,wBAAA,CAAAuB,IAAA,EAAA9F,SAAA;EAEP,IAAAiG,iBAAA,GAAiCR,gBAAgB,CAACO,IAAI,CAAC;IAAAE,kBAAA,GAAAhE,cAAA,CAAA+D,iBAAA;IAAhDE,WAAW,GAAAD,kBAAA;IAAEE,SAAS,GAAAF,kBAAA;EAE7B,oBACE1G,MAAA,CAAAkB,OAAA,CAAA2F,aAAA,CAACtG,KAAA,CAAAuG,IAAI,EAAA7E,QAAA;IAAC8E,KAAK,EAAC;EAAa,GAAKH,SAAS,gBACrC5G,MAAA,CAAAkB,OAAA,CAAA2F,aAAA,CAACvG,IAAA,CAAAoF,GAAG;IAACsB,EAAE,EAAC,MAAM;IAACC,OAAO,EAAC,aAAa;IAACC,QAAQ,EAAC,UAAU;IAAC;EAAW,GACjEX,QAAQ,eAETvG,MAAA,CAAAkB,OAAA,CAAA2F,aAAA,CAACT,mBAAmB,EAAKO,WAAW,CAAI,CACpC,CACD;AAEX,CAAC;AAAAb,OAAA,CAAAO,YAAA,GAAAA,YAAA;AAfYA,YAAyC,CAAAT,WAAA;AAiBtD,IAAMuB,cAAc,OAAGC,2BAAS,wDAI/B;AAED,IAAMC,YAAY,GAAG,IAAA5B,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sEACV,IAAAyB,kBAAQ,EAAC,iBAAiB,CAAC,EAClCH,cAAc,CAC5B;AAID;AACA;AACA;AACO,IAAMI,QAAiC,GAAG,SAApCA,QAAiCA,CAAAC,KAAA,EAA8B;EAAA,IAAxBjB,QAAQ,GAAAiB,KAAA,CAARjB,QAAQ;IAAKC,IAAI,GAAAzB,wBAAA,CAAAyC,KAAA,EAAA/G,UAAA;EACnE,oBACET,MAAA,CAAAkB,OAAA,CAAA2F,aAAA,CAACvG,IAAA,CAAAoF,GAAG,EAAAzD,QAAA;IAACiF,QAAQ,EAAC;EAAU,GAAKV,IAAI,GAC9BD,QAAQ,eAETvG,MAAA,CAAAkB,OAAA,CAAA2F,aAAA,CAACQ,YAAY;IAACH,QAAQ,EAAC,UAAU;IAACO,GAAG,EAAE,CAAE;IAACC,KAAK,EAAE,CAAE;IAACC,MAAM,EAAE,CAAE;IAACC,IAAI,EAAE;EAAE,EAAG,CACtE;AAEV,CAAC;AAAA9B,OAAA,CAAAyB,QAAA,GAAAA,QAAA;AARYA,QAAiC,CAAA3B,WAAA"}
+{"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 black10 Box */\nexport const SkeletonBox = styled(Box)``\nSkeletonBox.defaultProps = { bg: \"black10\" }\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<React.PropsWithChildren<SkeletonTextProps>> = ({\n  children,\n  ...rest\n}) => {\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.white100\")};\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>> = ({ children, ...rest }) => {\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.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const _SkeletonBox: () => JSX.Element;
-export declare const _SkeletonText: () => JSX.Element;
-export declare const _ExampleArtworkSkeleton: () => JSX.Element;
-export declare const StressTest: () => JSX.Element;
+export declare const _SkeletonBox: () => React.JSX.Element;
+export declare const _SkeletonText: () => React.JSX.Element;
+export declare const _ExampleArtworkSkeleton: () => React.JSX.Element;
+export declare const StressTest: () => React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Join","_Shelf","_Spacer","_Skeleton","obj","__esModule","default","_default","title","exports","_SkeletonBox","createElement","States","states","borderRadius","SkeletonBox","width","height","displayName","_SkeletonText","variant","maxWidth","children","SkeletonText","ExampleArtworkSkeleton","_ref","i","Fragment","Spacer","y","_ExampleArtworkSkeleton","Skeleton","StressTest","Join","separator","Array","from","map","_","key","concat","overflow","Shelf","__","j"],"sources":["../../../src/elements/Skeleton/Skeleton.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Join } from \"../Join\"\nimport { Shelf } from \"../Shelf\"\nimport { Spacer } from \"../Spacer\"\nimport {\n  Skeleton,\n  SkeletonBox,\n  SkeletonBoxProps,\n  SkeletonText,\n  SkeletonTextProps,\n} from \"./Skeleton\"\n\nexport default {\n  title: \"Components/Skeleton\",\n}\n\nexport const _SkeletonBox = () => {\n  return (\n    <States<SkeletonBoxProps> states={[{}, { borderRadius: \"1em\" }]}>\n      <SkeletonBox width={400} height={300} />\n    </States>\n  )\n}\n\nexport const _SkeletonText = () => {\n  return (\n    <States<SkeletonTextProps>\n      states={[\n        { variant: \"xs\" },\n        { variant: \"sm\" },\n        { variant: \"md\" },\n        { variant: \"lg\" },\n        { variant: \"xl\" },\n        { variant: \"xxl\" },\n        {\n          variant: \"md\",\n          maxWidth: 300,\n          // @ts-expect-error  MIGRATE_STRICT_MODE\n          children:\n            \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam ratione impedit commodi quo, dolorem id animi ipsa voluptas eius cum suscipit distinctio qui quae aliquam consequuntur officiis numquam iste deleniti.\",\n        },\n        {\n          variant: \"xl\",\n          maxWidth: 300,\n          // @ts-expect-error  MIGRATE_STRICT_MODE\n          children:\n            \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam ratione impedit commodi quo, dolorem id animi ipsa voluptas eius cum suscipit distinctio qui quae aliquam consequuntur officiis numquam iste deleniti.\",\n        },\n      ]}\n    >\n      <SkeletonText variant=\"sm-display\">loading</SkeletonText>\n    </States>\n  )\n}\n\nconst ExampleArtworkSkeleton: React.FC<{ i: number }> = ({ i }) => {\n  return (\n    <>\n      <SkeletonBox width={200} height={[200, 300, 250, 275][i % 4]} />\n      <Spacer y={1} />\n      <SkeletonText variant=\"sm-display\">Artist Name</SkeletonText>\n      <SkeletonText variant=\"sm-display\">Artwork Title</SkeletonText>\n      <SkeletonText variant=\"xs\">Partner</SkeletonText>\n      <SkeletonText variant=\"xs\">Price</SkeletonText>\n    </>\n  )\n}\n\nexport const _ExampleArtworkSkeleton = () => {\n  return (\n    <Skeleton>\n      <ExampleArtworkSkeleton i={0} />\n    </Skeleton>\n  )\n}\n\nexport const StressTest = () => {\n  return (\n    <Join separator={<Spacer y={6} />}>\n      {Array.from(Array(12)).map((_, i) => {\n        return (\n          <Skeleton key={`a-${i}`} overflow=\"hidden\">\n            <Shelf>\n              {Array.from(Array(12)).map((__, j) => {\n                return <ExampleArtworkSkeleton key={`b-${j}`} i={j} />\n              })}\n            </Shelf>\n          </Skeleton>\n        )\n      })}\n    </Join>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Skeleton.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Join","_Shelf","_Spacer","_Skeleton","obj","__esModule","default","_default","title","exports","_SkeletonBox","createElement","States","states","borderRadius","SkeletonBox","width","height","displayName","_SkeletonText","variant","maxWidth","children","SkeletonText","ExampleArtworkSkeleton","_ref","i","Fragment","Spacer","y","_ExampleArtworkSkeleton","Skeleton","StressTest","Join","separator","Array","from","map","_","key","concat","overflow","Shelf","__","j"],"sources":["../../../src/elements/Skeleton/Skeleton.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Join } from \"../Join\"\nimport { Shelf } from \"../Shelf\"\nimport { Spacer } from \"../Spacer\"\nimport {\n  Skeleton,\n  SkeletonBox,\n  SkeletonBoxProps,\n  SkeletonText,\n  SkeletonTextProps,\n} from \"./Skeleton\"\n\nexport default {\n  title: \"Components/Skeleton\",\n}\n\nexport const _SkeletonBox = () => {\n  return (\n    <States<SkeletonBoxProps> states={[{}, { borderRadius: \"1em\" }]}>\n      <SkeletonBox width={400} height={300} />\n    </States>\n  )\n}\n\nexport const _SkeletonText = () => {\n  return (\n    <States<SkeletonTextProps>\n      states={[\n        { variant: \"xs\" },\n        { variant: \"sm\" },\n        { variant: \"md\" },\n        { variant: \"lg\" },\n        { variant: \"xl\" },\n        { variant: \"xxl\" },\n        {\n          variant: \"md\",\n          maxWidth: 300,\n          // @ts-expect-error  MIGRATE_STRICT_MODE\n          children:\n            \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam ratione impedit commodi quo, dolorem id animi ipsa voluptas eius cum suscipit distinctio qui quae aliquam consequuntur officiis numquam iste deleniti.\",\n        },\n        {\n          variant: \"xl\",\n          maxWidth: 300,\n          // @ts-expect-error  MIGRATE_STRICT_MODE\n          children:\n            \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam ratione impedit commodi quo, dolorem id animi ipsa voluptas eius cum suscipit distinctio qui quae aliquam consequuntur officiis numquam iste deleniti.\",\n        },\n      ]}\n    >\n      <SkeletonText variant=\"sm-display\">loading</SkeletonText>\n    </States>\n  )\n}\n\nconst ExampleArtworkSkeleton: React.FC<React.PropsWithChildren<{ i: number }>> = ({ i }) => {\n  return (\n    <>\n      <SkeletonBox width={200} height={[200, 300, 250, 275][i % 4]} />\n      <Spacer y={1} />\n      <SkeletonText variant=\"sm-display\">Artist Name</SkeletonText>\n      <SkeletonText variant=\"sm-display\">Artwork Title</SkeletonText>\n      <SkeletonText variant=\"xs\">Partner</SkeletonText>\n      <SkeletonText variant=\"xs\">Price</SkeletonText>\n    </>\n  )\n}\n\nexport const _ExampleArtworkSkeleton = () => {\n  return (\n    <Skeleton>\n      <ExampleArtworkSkeleton i={0} />\n    </Skeleton>\n  )\n}\n\nexport const StressTest = () => {\n  return (\n    <Join separator={<Spacer y={6} />}>\n      {Array.from(Array(12)).map((_, i) => {\n        return (\n          <Skeleton key={`a-${i}`} overflow=\"hidden\">\n            <Shelf>\n              {Array.from(Array(12)).map((__, j) => {\n                return <ExampleArtworkSkeleton key={`b-${j}`} i={j} />\n              })}\n            </Shelf>\n          </Skeleton>\n        )\n      })}\n    </Join>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Skip/Skip.story.d.ts

@@ -1,21 +1,22 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const SkipButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SkipButtonWithSpacing: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SkipLink: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/elements/Spacer/Spacer.d.ts

@@ -8,6 +8,6 @@ export declare type SpacerProps = {
  * Used to inject space where it's needed.
  */
 export declare const Spacer: {
-    ({ x, y, ...restProps }: SpacerProps): JSX.Element;
+    ({ x, y, ...restProps }: SpacerProps): React.JSX.Element;
     displayName: string;
 };

package/dist/elements/Spacer/Spacer.story.d.ts

@@ -1,10 +1,11 @@
+import React from "react";
 import { SpacerProps } from "./Spacer";
 declare const _default: {
     title: string;
     component: {
-        ({ x, y, ...restProps }: SpacerProps): JSX.Element;
+        ({ x, y, ...restProps }: SpacerProps): React.JSX.Element;
         displayName: string;
     };
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/Spinner/Spinner.d.ts

@@ -31,5 +31,5 @@ export interface SpinnerProps extends Omit<BoxProps, "size" | "width" | "height"
     color?: ResponsiveValue<string>;
 }
 /** Generic Spinner component */
-export declare const Spinner: React.FC<SpinnerProps>;
+export declare const Spinner: React.FC<React.PropsWithChildren<SpinnerProps>>;
 export {};