@artsy/palette 41.0.0-canary.1423.31655.0 → 41.0.0

package/dist/elements/Pointer/Pointer.js

@@ -28,10 +28,10 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var POINTER_VARIANTS = {
   defaultLight: {
-    backgroundColor: "white100"
+    backgroundColor: "mono0"
   },
   defaultDark: {
-    backgroundColor: "black100"
+    backgroundColor: "mono100"
   }
 };
 /**

package/dist/elements/Pointer/Pointer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pointer.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_useResizeObserver","_Box","_themeGet","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","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","POINTER_VARIANTS","defaultLight","backgroundColor","defaultDark","Pointer","_ref","anchorRef","tooltipRef","isFlipped","placement","_ref$variant","variant","_useState","useState","_useState2","_useState2$","anchorWidth","anchorHeight","setAnchorDimensions","_useState3","_useState4","_useState4$","tooltipWidth","tooltipHeight","setTooltipDimensions","position","useMemo","horizontalCenter","verticalCenter","bottom","left","concat","POINTER_WIDTH","right","top","handleResize","useCallback","current","anchorRect","getBoundingClientRect","tooltipRect","width","height","useEffect","useResizeObserver","onResize","createElement","Container","exports","displayName","POINTER_SIZE","Math","sqrt","pow","styled","Box","withConfig","componentId","themeGet","variants"],"sources":["../../../src/elements/Pointer/Pointer.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useState, useCallback } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Position } from \"../../utils\"\nimport { useResizeObserver } from \"../../utils/useResizeObserver\"\nimport { Box } from \"../Box\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nconst POINTER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"white100\",\n  },\n  defaultDark: {\n    backgroundColor: \"black100\",\n  },\n}\n\ntype PointerVariant = keyof typeof POINTER_VARIANTS\n\nexport interface PointerProps {\n  anchorRef: React.RefObject<HTMLElement>\n  tooltipRef: React.RefObject<HTMLElement>\n  isFlipped: boolean\n  placement: Position\n  variant?: PointerVariant\n}\n\n/**\n * Internal-use component for displaying a triangular pointer to an anchor node\n */\nexport const Pointer: FC<React.PropsWithChildren<PointerProps>> = ({\n  anchorRef,\n  tooltipRef,\n  isFlipped,\n  placement,\n  variant = \"defaultLight\",\n}) => {\n  const [[anchorWidth, anchorHeight], setAnchorDimensions] = useState([0, 0])\n  const [[tooltipWidth, tooltipHeight], setTooltipDimensions] = useState([0, 0])\n\n  const position = useMemo(() => {\n    const horizontalCenter = anchorWidth / 2\n    const verticalCenter = anchorHeight / 2\n\n    switch (placement) {\n      case \"top-start\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          left: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH\n              : horizontalCenter - POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"top\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          left: `calc(50% - ${POINTER_WIDTH / 2}px)`,\n        }\n      case \"top-end\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          right: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH * 2\n              : horizontalCenter + POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"bottom-start\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          left: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH\n              : horizontalCenter - POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"bottom\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          left: `calc(50% - ${POINTER_WIDTH / 2}px)`,\n        }\n      case \"bottom-end\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          right: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH * 2\n              : horizontalCenter + POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"left-start\":\n        return {\n          top: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"left\":\n        return {\n          top: \"50%\",\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"left-end\":\n        return {\n          bottom: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right-start\":\n        return {\n          top: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right\":\n        return {\n          top: \"50%\",\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right-end\":\n        return {\n          bottom: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n    }\n  }, [\n    anchorHeight,\n    anchorWidth,\n    isFlipped,\n    placement,\n    tooltipHeight,\n    tooltipWidth,\n  ])\n\n  const handleResize = useCallback(() => {\n    if (!anchorRef.current || !tooltipRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const tooltipRect = tooltipRef.current.getBoundingClientRect()\n\n    setAnchorDimensions([anchorRect.width, anchorRect.height])\n    setTooltipDimensions([tooltipRect.width, tooltipRect.height])\n  }, [anchorRef, tooltipRef])\n\n  useEffect(handleResize, [handleResize])\n\n  useResizeObserver({ target: anchorRef, onResize: handleResize })\n\n  return <Container variant={variant} {...position} />\n}\n\nconst POINTER_SIZE = 10 // px\nconst POINTER_WIDTH = Math.sqrt(2 * Math.pow(10, 2)) // px\n\nconst Container = styled(Box)<{ variant: PointerVariant }>`\n  z-index: -1;\n  position: absolute;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: ${POINTER_SIZE}px;\n    height: ${POINTER_SIZE}px;\n    transform-origin: 0 0;\n    transform: rotate(-45deg);\n    box-shadow: ${themeGet(\"effects.dropShadow\")};\n    ${variant({ variants: POINTER_VARIANTS })}\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"Pointer.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_useResizeObserver","_Box","_themeGet","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","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","POINTER_VARIANTS","defaultLight","backgroundColor","defaultDark","Pointer","_ref","anchorRef","tooltipRef","isFlipped","placement","_ref$variant","variant","_useState","useState","_useState2","_useState2$","anchorWidth","anchorHeight","setAnchorDimensions","_useState3","_useState4","_useState4$","tooltipWidth","tooltipHeight","setTooltipDimensions","position","useMemo","horizontalCenter","verticalCenter","bottom","left","concat","POINTER_WIDTH","right","top","handleResize","useCallback","current","anchorRect","getBoundingClientRect","tooltipRect","width","height","useEffect","useResizeObserver","onResize","createElement","Container","exports","displayName","POINTER_SIZE","Math","sqrt","pow","styled","Box","withConfig","componentId","themeGet","variants"],"sources":["../../../src/elements/Pointer/Pointer.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useState, useCallback } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Position } from \"../../utils\"\nimport { useResizeObserver } from \"../../utils/useResizeObserver\"\nimport { Box } from \"../Box\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nconst POINTER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono0\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n  },\n}\n\ntype PointerVariant = keyof typeof POINTER_VARIANTS\n\nexport interface PointerProps {\n  anchorRef: React.RefObject<HTMLElement>\n  tooltipRef: React.RefObject<HTMLElement>\n  isFlipped: boolean\n  placement: Position\n  variant?: PointerVariant\n}\n\n/**\n * Internal-use component for displaying a triangular pointer to an anchor node\n */\nexport const Pointer: FC<React.PropsWithChildren<PointerProps>> = ({\n  anchorRef,\n  tooltipRef,\n  isFlipped,\n  placement,\n  variant = \"defaultLight\",\n}) => {\n  const [[anchorWidth, anchorHeight], setAnchorDimensions] = useState([0, 0])\n  const [[tooltipWidth, tooltipHeight], setTooltipDimensions] = useState([0, 0])\n\n  const position = useMemo(() => {\n    const horizontalCenter = anchorWidth / 2\n    const verticalCenter = anchorHeight / 2\n\n    switch (placement) {\n      case \"top-start\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          left: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH\n              : horizontalCenter - POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"top\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          left: `calc(50% - ${POINTER_WIDTH / 2}px)`,\n        }\n      case \"top-end\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          right: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH * 2\n              : horizontalCenter + POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"bottom-start\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          left: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH\n              : horizontalCenter - POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"bottom\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          left: `calc(50% - ${POINTER_WIDTH / 2}px)`,\n        }\n      case \"bottom-end\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          right: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH * 2\n              : horizontalCenter + POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"left-start\":\n        return {\n          top: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"left\":\n        return {\n          top: \"50%\",\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"left-end\":\n        return {\n          bottom: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right-start\":\n        return {\n          top: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right\":\n        return {\n          top: \"50%\",\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right-end\":\n        return {\n          bottom: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n    }\n  }, [\n    anchorHeight,\n    anchorWidth,\n    isFlipped,\n    placement,\n    tooltipHeight,\n    tooltipWidth,\n  ])\n\n  const handleResize = useCallback(() => {\n    if (!anchorRef.current || !tooltipRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const tooltipRect = tooltipRef.current.getBoundingClientRect()\n\n    setAnchorDimensions([anchorRect.width, anchorRect.height])\n    setTooltipDimensions([tooltipRect.width, tooltipRect.height])\n  }, [anchorRef, tooltipRef])\n\n  useEffect(handleResize, [handleResize])\n\n  useResizeObserver({ target: anchorRef, onResize: handleResize })\n\n  return <Container variant={variant} {...position} />\n}\n\nconst POINTER_SIZE = 10 // px\nconst POINTER_WIDTH = Math.sqrt(2 * Math.pow(10, 2)) // px\n\nconst Container = styled(Box)<{ variant: PointerVariant }>`\n  z-index: -1;\n  position: absolute;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: ${POINTER_SIZE}px;\n    height: ${POINTER_SIZE}px;\n    transform-origin: 0 0;\n    transform: rotate(-45deg);\n    box-shadow: ${themeGet(\"effects.dropShadow\")};\n    ${variant({ variants: POINTER_VARIANTS })}\n  }\n`\n"],"mappings":"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"}

package/dist/elements/Popover/Popover.js

@@ -30,12 +30,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 POPOVER_VARIANTS = {
   defaultLight: {
-    backgroundColor: "white100",
-    color: "black100"
+    backgroundColor: "mono0",
+    color: "mono100"
   },
   defaultDark: {
-    backgroundColor: "black100",
-    color: "white100"
+    backgroundColor: "mono100",
+    color: "mono0"
   }
 };
 exports.POPOVER_VARIANTS = POPOVER_VARIANTS;

package/dist/elements/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_CloseIcon","_utils","_useUpdateEffect","_Box","_Clickable","_Pointer","_themeGet","_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","POPOVER_VARIANTS","defaultLight","backgroundColor","color","defaultDark","exports","Popover","_ref","children","_ref$ignoreClickOutsi","ignoreClickOutside","_ref$manageFocus","manageFocus","_ref$offset","offset","onClose","onDismiss","_ref$placement","placement","_ref$pointer","pointer","popover","_ref$variant","variant","_ref$visible","visible","_visible","_ref$zIndex","zIndex","rest","_useState","useState","_useState2","setVisible","useEffect","useUpdateEffect","tooltipRef","current","focus","anchorRef","onVisible","useCallback","onHide","handleHide","handleDismiss","handleKeydown","event","document","addEventListener","removeEventListener","_usePosition","usePosition","position","active","isFlipped","state","useClickOutside","ref","onClickOutside","when","type","_usePortal","usePortal","createPortal","createElement","Fragment","Tip","tabIndex","display","Pointer","Close","p","onClick","fill","Panel","styled","Box","withConfig","displayName","componentId","themeGet","variants","Clickable"],"sources":["../../../src/elements/Popover/Popover.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Position, useClickOutside, usePortal, usePosition } from \"../../utils\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Pointer } from \"../Pointer\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const POPOVER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"white100\",\n    color: \"black100\",\n  },\n  defaultDark: {\n    backgroundColor: \"black100\",\n    color: \"white100\",\n  },\n}\n\nexport type PopoverVariant = keyof typeof POPOVER_VARIANTS\n\nexport interface PopoverActions {\n  /** Call to show popover */\n  onVisible(): void\n  /** Call to hide popover */\n  onHide(): void\n  /** Call to dismiss popover */\n  onDismiss(): void\n  /** Pass ref to element you want the popover to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n}\n\nexport interface PopoverProps extends BoxProps {\n  children: (actions: PopoverActions) => JSX.Element\n  ignoreClickOutside?: boolean\n  manageFocus?: boolean\n  offset?: number\n  /** Called whenever the Popver is closed (both explcitly dismissed and through click outside) */\n  onClose?: () => void\n  /** Called whenever the Popover is dismissed (explicitly) */\n  onDismiss?: () => void\n  placement?: Position\n  /** Display triangular pointer back to anchor node */\n  pointer?: boolean\n  popover:\n    | ((actions: Omit<PopoverActions, \"anchorRef\">) => JSX.Element)\n    | React.ReactNode\n  variant?: PopoverVariant\n  /** Initial default visibility */\n  visible?: boolean\n}\n\n/**\n * A `Popover` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element.\n */\nexport const Popover = ({\n  children,\n  ignoreClickOutside = false,\n  manageFocus = true,\n  offset = 10,\n  onClose,\n  onDismiss,\n  placement = \"top\",\n  pointer = false,\n  popover,\n  variant = \"defaultLight\",\n  visible: _visible = false,\n  zIndex = 1,\n  ...rest\n}: PopoverProps) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  // Yields focus back and forth between popover and anchor\n  useUpdateEffect(() => {\n    if (!manageFocus) return\n\n    if (visible && tooltipRef.current) {\n      tooltipRef.current.focus()\n      return\n    }\n\n    if (!anchorRef.current) return\n    anchorRef.current.focus()\n  }, [visible])\n\n  const onVisible = useCallback(() => {\n    setVisible(true)\n  }, [])\n\n  const onHide = useCallback(() => {\n    setVisible(false)\n  }, [])\n\n  const handleHide = useCallback(() => {\n    onHide()\n    onClose?.()\n  }, [onHide, onClose])\n\n  const handleDismiss = useCallback(() => {\n    handleHide()\n    onDismiss?.()\n  }, [handleHide, onDismiss])\n\n  useEffect(() => {\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        handleHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeydown)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeydown)\n    }\n  }, [handleHide])\n\n  const {\n    anchorRef,\n    tooltipRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset,\n    active: visible,\n  })\n\n  useClickOutside({\n    ref: tooltipRef,\n    onClickOutside: handleHide,\n    when: visible && !ignoreClickOutside,\n    type: \"click\",\n  })\n\n  const { createPortal } = usePortal()\n\n  return (\n    <>\n      {children({\n        anchorRef: anchorRef as any,\n        onVisible,\n        onHide: handleHide,\n        onDismiss: handleDismiss,\n      })}\n\n      {visible &&\n        createPortal(\n          <Tip\n            tabIndex={0}\n            ref={tooltipRef as any}\n            zIndex={zIndex}\n            display=\"inline-block\"\n            position=\"relative\"\n            variant={variant}\n          >\n            {pointer && (\n              <Pointer\n                anchorRef={anchorRef}\n                tooltipRef={tooltipRef}\n                variant={variant}\n                placement={placement}\n                isFlipped={isFlipped}\n              />\n            )}\n\n            <Close\n              position=\"relative\"\n              zIndex={2}\n              p={1}\n              onClick={handleDismiss}\n              aria-label=\"Close\"\n            >\n              <CloseIcon fill=\"currentColor\" display=\"block\" />\n            </Close>\n\n            <Panel\n              variant={variant}\n              position=\"relative\"\n              p={1}\n              zIndex={1}\n              {...rest}\n            >\n              {typeof popover === \"function\"\n                ? popover({\n                    onVisible,\n                    onHide: handleHide,\n                    onDismiss: handleDismiss,\n                  })\n                : popover}\n            </Panel>\n          </Tip>\n        )}\n    </>\n  )\n}\n\nconst Tip = styled(Box)<{ variant?: PopoverVariant }>`\n  position: fixed;\n  text-align: left;\n  transition: opacity 250ms ease-out;\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: PopoverVariant }>`\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Close = styled(Clickable)`\n  float: right;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Popover.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_CloseIcon","_utils","_useUpdateEffect","_Box","_Clickable","_Pointer","_themeGet","_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","POPOVER_VARIANTS","defaultLight","backgroundColor","color","defaultDark","exports","Popover","_ref","children","_ref$ignoreClickOutsi","ignoreClickOutside","_ref$manageFocus","manageFocus","_ref$offset","offset","onClose","onDismiss","_ref$placement","placement","_ref$pointer","pointer","popover","_ref$variant","variant","_ref$visible","visible","_visible","_ref$zIndex","zIndex","rest","_useState","useState","_useState2","setVisible","useEffect","useUpdateEffect","tooltipRef","current","focus","anchorRef","onVisible","useCallback","onHide","handleHide","handleDismiss","handleKeydown","event","document","addEventListener","removeEventListener","_usePosition","usePosition","position","active","isFlipped","state","useClickOutside","ref","onClickOutside","when","type","_usePortal","usePortal","createPortal","createElement","Fragment","Tip","tabIndex","display","Pointer","Close","p","onClick","fill","Panel","styled","Box","withConfig","displayName","componentId","themeGet","variants","Clickable"],"sources":["../../../src/elements/Popover/Popover.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Position, useClickOutside, usePortal, usePosition } from \"../../utils\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Pointer } from \"../Pointer\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const POPOVER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono0\",\n    color: \"mono100\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n    color: \"mono0\",\n  },\n}\n\nexport type PopoverVariant = keyof typeof POPOVER_VARIANTS\n\nexport interface PopoverActions {\n  /** Call to show popover */\n  onVisible(): void\n  /** Call to hide popover */\n  onHide(): void\n  /** Call to dismiss popover */\n  onDismiss(): void\n  /** Pass ref to element you want the popover to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n}\n\nexport interface PopoverProps extends BoxProps {\n  children: (actions: PopoverActions) => JSX.Element\n  ignoreClickOutside?: boolean\n  manageFocus?: boolean\n  offset?: number\n  /** Called whenever the Popver is closed (both explcitly dismissed and through click outside) */\n  onClose?: () => void\n  /** Called whenever the Popover is dismissed (explicitly) */\n  onDismiss?: () => void\n  placement?: Position\n  /** Display triangular pointer back to anchor node */\n  pointer?: boolean\n  popover:\n    | ((actions: Omit<PopoverActions, \"anchorRef\">) => JSX.Element)\n    | React.ReactNode\n  variant?: PopoverVariant\n  /** Initial default visibility */\n  visible?: boolean\n}\n\n/**\n * A `Popover` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element.\n */\nexport const Popover = ({\n  children,\n  ignoreClickOutside = false,\n  manageFocus = true,\n  offset = 10,\n  onClose,\n  onDismiss,\n  placement = \"top\",\n  pointer = false,\n  popover,\n  variant = \"defaultLight\",\n  visible: _visible = false,\n  zIndex = 1,\n  ...rest\n}: PopoverProps) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  // Yields focus back and forth between popover and anchor\n  useUpdateEffect(() => {\n    if (!manageFocus) return\n\n    if (visible && tooltipRef.current) {\n      tooltipRef.current.focus()\n      return\n    }\n\n    if (!anchorRef.current) return\n    anchorRef.current.focus()\n  }, [visible])\n\n  const onVisible = useCallback(() => {\n    setVisible(true)\n  }, [])\n\n  const onHide = useCallback(() => {\n    setVisible(false)\n  }, [])\n\n  const handleHide = useCallback(() => {\n    onHide()\n    onClose?.()\n  }, [onHide, onClose])\n\n  const handleDismiss = useCallback(() => {\n    handleHide()\n    onDismiss?.()\n  }, [handleHide, onDismiss])\n\n  useEffect(() => {\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        handleHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeydown)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeydown)\n    }\n  }, [handleHide])\n\n  const {\n    anchorRef,\n    tooltipRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset,\n    active: visible,\n  })\n\n  useClickOutside({\n    ref: tooltipRef,\n    onClickOutside: handleHide,\n    when: visible && !ignoreClickOutside,\n    type: \"click\",\n  })\n\n  const { createPortal } = usePortal()\n\n  return (\n    <>\n      {children({\n        anchorRef: anchorRef as any,\n        onVisible,\n        onHide: handleHide,\n        onDismiss: handleDismiss,\n      })}\n\n      {visible &&\n        createPortal(\n          <Tip\n            tabIndex={0}\n            ref={tooltipRef as any}\n            zIndex={zIndex}\n            display=\"inline-block\"\n            position=\"relative\"\n            variant={variant}\n          >\n            {pointer && (\n              <Pointer\n                anchorRef={anchorRef}\n                tooltipRef={tooltipRef}\n                variant={variant}\n                placement={placement}\n                isFlipped={isFlipped}\n              />\n            )}\n\n            <Close\n              position=\"relative\"\n              zIndex={2}\n              p={1}\n              onClick={handleDismiss}\n              aria-label=\"Close\"\n            >\n              <CloseIcon fill=\"currentColor\" display=\"block\" />\n            </Close>\n\n            <Panel\n              variant={variant}\n              position=\"relative\"\n              p={1}\n              zIndex={1}\n              {...rest}\n            >\n              {typeof popover === \"function\"\n                ? popover({\n                    onVisible,\n                    onHide: handleHide,\n                    onDismiss: handleDismiss,\n                  })\n                : popover}\n            </Panel>\n          </Tip>\n        )}\n    </>\n  )\n}\n\nconst Tip = styled(Box)<{ variant?: PopoverVariant }>`\n  position: fixed;\n  text-align: left;\n  transition: opacity 250ms ease-out;\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: PopoverVariant }>`\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Close = styled(Clickable)`\n  float: right;\n`\n"],"mappings":"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"}

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

@@ -25,3 +25,4 @@ export declare const Placement: {
 };
 export declare const ManageFocus: () => React.JSX.Element;
 export declare const PopoverActions: () => React.JSX.Element;
+export declare const CrashAtSpecificZoomLevels: () => React.JSX.Element;

package/dist/elements/Popover/Popover.story.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.PopoverActions = exports.Placement = exports.ManageFocus = exports.Default = void 0;
+exports.default = exports.PopoverActions = exports.Placement = exports.ManageFocus = exports.Default = exports.CrashAtSpecificZoomLevels = void 0;
 var _addonActions = require("@storybook/addon-actions");
 var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
@@ -109,7 +109,7 @@ var Placement = function Placement() {
         p: 1,
         maxWidth: "50%",
         mx: "auto",
-        bg: "black10"
+        bg: "mono10"
       }, JSON.stringify(props));
     });
   });
@@ -197,4 +197,50 @@ var PopoverActions = function PopoverActions() {
 };
 exports.PopoverActions = PopoverActions;
 PopoverActions.displayName = "PopoverActions";
+var CrashAtSpecificZoomLevels = function CrashAtSpecificZoomLevels() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+    height: 100
+  }, "Zoom to 90% in Chrome, click, then scroll."), /*#__PURE__*/_react.default.createElement(_Box.Box, {
+    height: 2000,
+    bg: "mono5"
+  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+    height: 200
+  }), /*#__PURE__*/_react.default.createElement(_Popover.Popover, {
+    placement: "top",
+    popover: function popover(_ref6) {
+      var onHide = _ref6.onHide,
+        onDismiss = _ref6.onDismiss;
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+        variant: "xs",
+        width: 300
+      }, CONTENT), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+        y: 2
+      }), /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+        flex: 1,
+        size: "small",
+        variant: "secondaryBlack",
+        onClick: onHide
+      }, "Hide"), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+        x: 1
+      }), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+        flex: 1,
+        size: "small",
+        variant: "secondaryBlack",
+        onClick: onDismiss
+      }, "Dismiss")));
+    }
+  }, function (_ref7) {
+    var onVisible = _ref7.onVisible,
+      anchorRef = _ref7.anchorRef;
+    return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      textAlign: "center"
+    }, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      ref: anchorRef,
+      variant: "secondaryBlack",
+      size: "small",
+      onClick: onVisible
+    }, "Click to display popover"));
+  })));
+};
+exports.CrashAtSpecificZoomLevels = CrashAtSpecificZoomLevels;
 //# sourceMappingURL=Popover.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_utils","_Box","_Button","_Flex","_Spacer","_Text","_Popover","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CONTENT","_default","title","exports","Default","createElement","States","states","visible","onClose","action","onDismiss","popover","Text","variant","width","pointer","p","Fragment","Array","fill","map","_","overflowEllipsis","bg","px","py","placement","zIndex","ignoreClickOutside","Popover","_ref","onVisible","anchorRef","Box","textAlign","Button","ref","size","onClick","displayName","story","parameters","chromatic","disable","Placement","keys","POSITION","props","JSON","stringify","_ref2","maxWidth","mx","ManageFocus","manageFocus","_ref3","PopoverActions","_ref4","onHide","Spacer","y","Flex","flex","x","_ref5"],"sources":["../../../src/elements/Popover/Popover.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Popover, PopoverProps } from \"./Popover\"\n\nconst CONTENT =\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi eius autem aliquid cumque, mollitia incidunt totam. Id ut quae hic in quisquam, cupiditate iure nobis, provident minus voluptatem tenetur consequatur.\"\n\nexport default {\n  title: \"Components/Popover\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        {},\n        { visible: true },\n        { onClose: action(\"onClose\"), onDismiss: action(\"onDismiss\") },\n        {\n          visible: true,\n          popover: (\n            <Text variant=\"xs\" width={300}>\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | — (Content interaction with close button.)\n            </Text>\n          ),\n        },\n        {\n          pointer: true,\n          visible: true,\n          p: 0,\n          popover: (\n            <>\n              {new Array(4).fill(0).map((_, i) => (\n                <Text\n                  key={i}\n                  variant=\"sm-display\"\n                  overflowEllipsis\n                  bg=\"red10\"\n                  px={1}\n                  py={0.5}\n                >\n                  Example Item\n                </Text>\n              ))}\n            </>\n          ),\n        },\n        {\n          variant: \"defaultDark\",\n          placement: \"bottom\",\n          visible: true,\n          pointer: true,\n          zIndex: 99,\n        },\n        {\n          ignoreClickOutside: true,\n        },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nDefault.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Popover\n            popover={<Text variant=\"xs\">{JSON.stringify(props)}</Text>}\n            visible\n            variant=\"defaultDark\"\n            pointer\n            {...props}\n          >\n            {({ anchorRef }) => {\n              return (\n                <Text\n                  ref={anchorRef as any}\n                  variant=\"xs\"\n                  textAlign=\"center\"\n                  p={1}\n                  maxWidth=\"50%\"\n                  mx=\"auto\"\n                  bg=\"black10\"\n                >\n                  {JSON.stringify(props)}\n                </Text>\n              )\n            }}\n          </Popover>\n        )\n      }}\n    </States>\n  )\n}\n\nPlacement.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const ManageFocus = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        { visible: true, manageFocus: false },\n        { visible: true, manageFocus: true },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nexport const PopoverActions = () => {\n  return (\n    <States<Partial<PopoverProps>> states={[{ visible: true }]}>\n      <Popover\n        placement=\"bottom\"\n        popover={({ onHide, onDismiss }) => {\n          return (\n            <>\n              <Text variant=\"xs\" width={300}>\n                {CONTENT}\n              </Text>\n\n              <Spacer y={2} />\n\n              <Flex>\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onHide}\n                >\n                  Hide\n                </Button>\n\n                <Spacer x={1} />\n\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onDismiss}\n                >\n                  Dismiss\n                </Button>\n              </Flex>\n            </>\n          )\n        }}\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AAAiD,SAAAE,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEjD,IAAMQ,OAAO,GACX,sNAAsN;AAAA,IAAAC,QAAA,GAEzM;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAlB,OAAA,GAAAgB,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACE/B,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEC,OAAO,EAAE,IAAAC,oBAAM,EAAC,SAAS,CAAC;MAAEC,SAAS,EAAE,IAAAD,oBAAM,EAAC,WAAW;IAAE,CAAC,EAC9D;MACEF,OAAO,EAAE,IAAI;MACbI,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QAACC,OAAO,EAAC,IAAI;QAACC,KAAK,EAAE;MAAI,GAAC,mcAQ/B;IAEJ,CAAC,EACD;MACEC,OAAO,EAAE,IAAI;MACbR,OAAO,EAAE,IAAI;MACbS,CAAC,EAAE,CAAC;MACJL,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAAhC,MAAA,CAAAY,OAAA,CAAAiC,QAAA,QACG,IAAIC,KAAK,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAE/B,CAAC;QAAA,oBAC7BlB,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;UACHlB,GAAG,EAAEJ,CAAE;UACPuB,OAAO,EAAC,YAAY;UACpBS,gBAAgB;UAChBC,EAAE,EAAC,OAAO;UACVC,EAAE,EAAE,CAAE;UACNC,EAAE,EAAE;QAAI,GACT,cAED,CAAO;MAAA,CACR,CAAC;IAGR,CAAC,EACD;MACEZ,OAAO,EAAE,aAAa;MACtBa,SAAS,EAAE,QAAQ;MACnBnB,OAAO,EAAE,IAAI;MACbQ,OAAO,EAAE,IAAI;MACbY,MAAM,EAAE;IACV,CAAC,EACD;MACEC,kBAAkB,EAAE;IACtB,CAAC;EACD,gBAEFxD,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO;IACNH,SAAS,EAAC,QAAQ;IAClBf,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;MAACC,OAAO,EAAC,IAAI;MAACC,KAAK,EAAE;IAAI,GAC3Bf,OAAO;EAEX,GAEA,UAAA+B,IAAA,EAA8B;IAAA,IAA3BC,SAAS,GAAAD,IAAA,CAATC,SAAS;MAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACtB,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;MAACC,SAAS,EAAC;IAAQ,gBACrB9D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;MACLC,GAAG,EAAEJ,SAAU;MACfnB,OAAO,EAAC,gBAAgB;MACxBwB,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEP;IAAU,GACpB,0BAED,CAAS,CACL;EAEV,CAAC,CACO,CACH;AAEb,CAAC;AAAA7B,OAAA,CAAAC,OAAA,GAAAA,OAAA;AA/EYA,OAAO,CAAAoC,WAAA;AAiFpBpC,OAAO,CAACqC,KAAK,GAAG;EACdC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,oBACExE,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IACLC,MAAM,EAAEpB,MAAM,CAAC2D,IAAI,CAACC,eAAQ,CAAC,CAAC1B,GAAG,CAAC,UAACM,SAAS;MAAA,OAAM;QAChDA,SAAS,EAAEA;MACb,CAAC;IAAA,CAAC;EAAE,GAEH,UAACqB,KAAK,EAAK;IACV,oBACE3E,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO,EAAA5C,QAAA;MACN0B,OAAO,eAAEvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QAACC,OAAO,EAAC;MAAI,GAAEmC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,CAAS;MAC3DxC,OAAO;MACPM,OAAO,EAAC,aAAa;MACrBE,OAAO;IAAA,GACHgC,KAAK,GAER,UAAAG,KAAA,EAAmB;MAAA,IAAhBlB,SAAS,GAAAkB,KAAA,CAATlB,SAAS;MACX,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QACHwB,GAAG,EAAEJ,SAAiB;QACtBnB,OAAO,EAAC,IAAI;QACZqB,SAAS,EAAC,QAAQ;QAClBlB,CAAC,EAAE,CAAE;QACLmC,QAAQ,EAAC,KAAK;QACdC,EAAE,EAAC,MAAM;QACT7B,EAAE,EAAC;MAAS,GAEXyB,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,CACjB;IAEX,CAAC,CACO;EAEd,CAAC,CACM;AAEb,CAAC;AAAA7C,OAAA,CAAA0C,SAAA,GAAAA,SAAA;AApCYA,SAAS,CAAAL,WAAA;AAsCtBK,SAAS,CAACJ,KAAK,GAAG;EAChBC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMU,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC/B,oBACEjF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,OAAO,EAAE,IAAI;MAAE+C,WAAW,EAAE;IAAM,CAAC,EACrC;MAAE/C,OAAO,EAAE,IAAI;MAAE+C,WAAW,EAAE;IAAK,CAAC;EACpC,gBAEFlF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO;IACNH,SAAS,EAAC,QAAQ;IAClBf,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;MAACC,OAAO,EAAC,IAAI;MAACC,KAAK,EAAE;IAAI,GAC3Bf,OAAO;EAEX,GAEA,UAAAwD,KAAA,EAA8B;IAAA,IAA3BxB,SAAS,GAAAwB,KAAA,CAATxB,SAAS;MAAEC,SAAS,GAAAuB,KAAA,CAATvB,SAAS;IACtB,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;MAACC,SAAS,EAAC;IAAQ,gBACrB9D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;MACLC,GAAG,EAAEJ,SAAU;MACfnB,OAAO,EAAC,gBAAgB;MACxBwB,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEP;IAAU,GACpB,0BAED,CAAS,CACL;EAEV,CAAC,CACO,CACH;AAEb,CAAC;AAAA7B,OAAA,CAAAmD,WAAA,GAAAA,WAAA;AAjCYA,WAAW,CAAAd,WAAA;AAmCjB,IAAMiB,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,oBACEpF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IAAwBC,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAK,CAAC;EAAE,gBACzDnC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO;IACNH,SAAS,EAAC,QAAQ;IAClBf,OAAO,EAAE,SAAAA,QAAA8C,KAAA,EAA2B;MAAA,IAAxBC,MAAM,GAAAD,KAAA,CAANC,MAAM;QAAEhD,SAAS,GAAA+C,KAAA,CAAT/C,SAAS;MAC3B,oBACEtC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAAhC,MAAA,CAAAY,OAAA,CAAAiC,QAAA,qBACE7C,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QAACC,OAAO,EAAC,IAAI;QAACC,KAAK,EAAE;MAAI,GAC3Bf,OAAO,CACH,eAEP3B,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACzB,OAAA,CAAAgF,MAAM;QAACC,CAAC,EAAE;MAAE,EAAG,eAEhBxF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC1B,KAAA,CAAAmF,IAAI,qBACHzF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;QACL2B,IAAI,EAAE,CAAE;QACRzB,IAAI,EAAC,OAAO;QACZxB,OAAO,EAAC,gBAAgB;QACxByB,OAAO,EAAEoB;MAAO,GACjB,MAED,CAAS,eAETtF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACzB,OAAA,CAAAgF,MAAM;QAACI,CAAC,EAAE;MAAE,EAAG,eAEhB3F,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;QACL2B,IAAI,EAAE,CAAE;QACRzB,IAAI,EAAC,OAAO;QACZxB,OAAO,EAAC,gBAAgB;QACxByB,OAAO,EAAE5B;MAAU,GACpB,SAED,CAAS,CACJ,CACN;IAEP;EAAE,GAED,UAAAsD,KAAA,EAA8B;IAAA,IAA3BjC,SAAS,GAAAiC,KAAA,CAATjC,SAAS;MAAEC,SAAS,GAAAgC,KAAA,CAAThC,SAAS;IACtB,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;MAACC,SAAS,EAAC;IAAQ,gBACrB9D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;MACLC,GAAG,EAAEJ,SAAU;MACfnB,OAAO,EAAC,gBAAgB;MACxBwB,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEP;IAAU,GACpB,0BAED,CAAS,CACL;EAEV,CAAC,CACO,CACH;AAEb,CAAC;AAAA7B,OAAA,CAAAsD,cAAA,GAAAA,cAAA;AAxDYA,cAAc,CAAAjB,WAAA"}
+{"version":3,"file":"Popover.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_utils","_Box","_Button","_Flex","_Spacer","_Text","_Popover","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CONTENT","_default","title","exports","Default","createElement","States","states","visible","onClose","action","onDismiss","popover","Text","variant","width","pointer","p","Fragment","Array","fill","map","_","overflowEllipsis","bg","px","py","placement","zIndex","ignoreClickOutside","Popover","_ref","onVisible","anchorRef","Box","textAlign","Button","ref","size","onClick","displayName","story","parameters","chromatic","disable","Placement","keys","POSITION","props","JSON","stringify","_ref2","maxWidth","mx","ManageFocus","manageFocus","_ref3","PopoverActions","_ref4","onHide","Spacer","y","Flex","flex","x","_ref5","CrashAtSpecificZoomLevels","height","_ref6","_ref7"],"sources":["../../../src/elements/Popover/Popover.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Popover, PopoverProps } from \"./Popover\"\n\nconst CONTENT =\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi eius autem aliquid cumque, mollitia incidunt totam. Id ut quae hic in quisquam, cupiditate iure nobis, provident minus voluptatem tenetur consequatur.\"\n\nexport default {\n  title: \"Components/Popover\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        {},\n        { visible: true },\n        { onClose: action(\"onClose\"), onDismiss: action(\"onDismiss\") },\n        {\n          visible: true,\n          popover: (\n            <Text variant=\"xs\" width={300}>\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | — (Content interaction with close button.)\n            </Text>\n          ),\n        },\n        {\n          pointer: true,\n          visible: true,\n          p: 0,\n          popover: (\n            <>\n              {new Array(4).fill(0).map((_, i) => (\n                <Text\n                  key={i}\n                  variant=\"sm-display\"\n                  overflowEllipsis\n                  bg=\"red10\"\n                  px={1}\n                  py={0.5}\n                >\n                  Example Item\n                </Text>\n              ))}\n            </>\n          ),\n        },\n        {\n          variant: \"defaultDark\",\n          placement: \"bottom\",\n          visible: true,\n          pointer: true,\n          zIndex: 99,\n        },\n        {\n          ignoreClickOutside: true,\n        },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nDefault.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Popover\n            popover={<Text variant=\"xs\">{JSON.stringify(props)}</Text>}\n            visible\n            variant=\"defaultDark\"\n            pointer\n            {...props}\n          >\n            {({ anchorRef }) => {\n              return (\n                <Text\n                  ref={anchorRef as any}\n                  variant=\"xs\"\n                  textAlign=\"center\"\n                  p={1}\n                  maxWidth=\"50%\"\n                  mx=\"auto\"\n                  bg=\"mono10\"\n                >\n                  {JSON.stringify(props)}\n                </Text>\n              )\n            }}\n          </Popover>\n        )\n      }}\n    </States>\n  )\n}\n\nPlacement.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const ManageFocus = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        { visible: true, manageFocus: false },\n        { visible: true, manageFocus: true },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nexport const PopoverActions = () => {\n  return (\n    <States<Partial<PopoverProps>> states={[{ visible: true }]}>\n      <Popover\n        placement=\"bottom\"\n        popover={({ onHide, onDismiss }) => {\n          return (\n            <>\n              <Text variant=\"xs\" width={300}>\n                {CONTENT}\n              </Text>\n\n              <Spacer y={2} />\n\n              <Flex>\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onHide}\n                >\n                  Hide\n                </Button>\n\n                <Spacer x={1} />\n\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onDismiss}\n                >\n                  Dismiss\n                </Button>\n              </Flex>\n            </>\n          )\n        }}\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nexport const CrashAtSpecificZoomLevels = () => {\n  return (\n    <>\n      <Box height={100}>Zoom to 90% in Chrome, click, then scroll.</Box>\n\n      <Box height={2000} bg=\"mono5\">\n        <Box height={200} />\n\n        <Popover\n          placement=\"top\"\n          popover={({ onHide, onDismiss }) => {\n            return (\n              <>\n                <Text variant=\"xs\" width={300}>\n                  {CONTENT}\n                </Text>\n\n                <Spacer y={2} />\n\n                <Flex>\n                  <Button\n                    flex={1}\n                    size=\"small\"\n                    variant=\"secondaryBlack\"\n                    onClick={onHide}\n                  >\n                    Hide\n                  </Button>\n\n                  <Spacer x={1} />\n\n                  <Button\n                    flex={1}\n                    size=\"small\"\n                    variant=\"secondaryBlack\"\n                    onClick={onDismiss}\n                  >\n                    Dismiss\n                  </Button>\n                </Flex>\n              </>\n            )\n          }}\n        >\n          {({ onVisible, anchorRef }) => {\n            return (\n              <Box textAlign=\"center\">\n                <Button\n                  ref={anchorRef}\n                  variant=\"secondaryBlack\"\n                  size=\"small\"\n                  onClick={onVisible}\n                >\n                  Click to display popover\n                </Button>\n              </Box>\n            )\n          }}\n        </Popover>\n      </Box>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/ProgressBar/ProgressBar.js

@@ -32,7 +32,7 @@ var ProgressBar = function ProgressBar(_ref) {
     overflow: "hidden",
     mt: 0.5,
     mb: 1,
-    bg: showBackground ? "black30" : "transparent"
+    bg: showBackground ? "mono30" : "transparent"
   }, rest), /*#__PURE__*/_react.default.createElement(_Box.Box, {
     bg: highlight,
     width: "100%",

package/dist/elements/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireDefault","require","_Box","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ProgressBar","_ref","percentComplete","_ref$highlight","highlight","_ref$showBackground","showBackground","_ref$transition","transition","rest","createElement","Box","tabIndex","role","height","position","overflow","mt","mb","bg","width","style","transform","concat","backfaceVisibility","exports","displayName"],"sources":["../../../src/elements/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from \"react\"\nimport { Color } from \"../../themes/types\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport interface ProgressBarProps extends BoxProps {\n  percentComplete: number\n  highlight?: Color\n  showBackground?: boolean\n  transition?: string\n}\n\n/** ProgressBar */\nexport const ProgressBar: React.FC<React.PropsWithChildren<ProgressBarProps>> = ({\n  percentComplete,\n  highlight = \"brand\",\n  showBackground = true,\n  transition = \"transform 1s ease\",\n  ...rest\n}) => {\n  return (\n    <Box\n      tabIndex={0}\n      role=\"progressbar\"\n      aria-valuenow={percentComplete}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      height=\"2px\"\n      position=\"relative\"\n      overflow=\"hidden\"\n      mt={0.5}\n      mb={1}\n      bg={showBackground ? \"black30\" : \"transparent\"}\n      {...rest}\n    >\n      <Box\n        bg={highlight}\n        width=\"100%\"\n        height=\"100%\"\n        style={{\n          transition,\n          transform: `translateX(-${100 - percentComplete}%)`,\n          backfaceVisibility: \"hidden\",\n        }}\n      />\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireDefault","require","_Box","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ProgressBar","_ref","percentComplete","_ref$highlight","highlight","_ref$showBackground","showBackground","_ref$transition","transition","rest","createElement","Box","tabIndex","role","height","position","overflow","mt","mb","bg","width","style","transform","concat","backfaceVisibility","exports","displayName"],"sources":["../../../src/elements/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from \"react\"\nimport { Color } from \"../../themes/types\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport interface ProgressBarProps extends BoxProps {\n  percentComplete: number\n  highlight?: Color\n  showBackground?: boolean\n  transition?: string\n}\n\n/** ProgressBar */\nexport const ProgressBar: React.FC<\n  React.PropsWithChildren<ProgressBarProps>\n> = ({\n  percentComplete,\n  highlight = \"brand\",\n  showBackground = true,\n  transition = \"transform 1s ease\",\n  ...rest\n}) => {\n  return (\n    <Box\n      tabIndex={0}\n      role=\"progressbar\"\n      aria-valuenow={percentComplete}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      height=\"2px\"\n      position=\"relative\"\n      overflow=\"hidden\"\n      mt={0.5}\n      mb={1}\n      bg={showBackground ? \"mono30\" : \"transparent\"}\n      {...rest}\n    >\n      <Box\n        bg={highlight}\n        width=\"100%\"\n        height=\"100%\"\n        style={{\n          transition,\n          transform: `translateX(-${100 - percentComplete}%)`,\n          backfaceVisibility: \"hidden\",\n        }}\n      />\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/ProgressDots/ProgressDots.js

@@ -49,7 +49,7 @@ var ProgressDots = function ProgressDots(_ref) {
     var indicator = /*#__PURE__*/_react.default.createElement(Indicator, {
       key: i,
       variant: indicatorVariant,
-      bg: i === activeIndex ? "black100" : "black30",
+      bg: i === activeIndex ? "mono100" : "mono30",
       mx: 0.5
     });
     var handleClick = function handleClick() {

package/dist/elements/ProgressDots/ProgressDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressDots.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Box","_Clickable","_VisuallyHidden","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","VARIANTS","dot","width","height","borderRadius","dash","flex","ProgressDots","_ref","activeIndex","amount","_ref$variant","variant","indicatorVariant","onClick","rest","createElement","Fragment","Box","role","display","alignItems","justifyContent","my","Array","from","map","_","indicator","Indicator","bg","mx","handleClick","Clickable","position","top","bottom","left","VisuallyHidden","exports","styled","withConfig","displayName","componentId","variants"],"sources":["../../../src/elements/ProgressDots/ProgressDots.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\n\nconst VARIANTS = {\n  dot: {\n    width: \"5px\",\n    height: \"5px\",\n    borderRadius: \"50%\",\n  },\n  dash: {\n    height: \"1px\",\n    flex: 1,\n  },\n}\n\ntype Variant = keyof typeof VARIANTS\n\n/** ProgressDotsProps */\nexport interface ProgressDotsProps extends BoxProps {\n  activeIndex: number\n  amount: number\n  variant?: Variant\n  onClick?: (index: number) => void\n}\n\n/**\n * Renders an `amount` of dots and announces progress when updated\n */\nexport const ProgressDots: React.FC<React.PropsWithChildren<ProgressDotsProps>> = ({\n  activeIndex,\n  amount,\n  variant: indicatorVariant = \"dot\",\n  onClick,\n  ...rest\n}) => {\n  return (\n    <>\n      <Box\n        role=\"presentation\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        my={0.5}\n        {...rest}\n      >\n        {Array.from(Array(amount)).map((_, i) => {\n          const indicator = (\n            <Indicator\n              key={i}\n              variant={indicatorVariant}\n              bg={i === activeIndex ? \"black100\" : \"black30\"}\n              mx={0.5}\n            />\n          )\n\n          const handleClick = () => onClick && onClick(i)\n\n          if (onClick) {\n            return (\n              <Clickable\n                key={i}\n                display=\"block\"\n                position=\"relative\"\n                width={indicatorVariant === \"dash\" ? \"100%\" : \"auto\"}\n                onClick={handleClick}\n              >\n                {/* Pads out hit area. */}\n                <Box\n                  position=\"absolute\"\n                  top={-10}\n                  bottom={-10}\n                  left={0}\n                  width=\"100%\"\n                />\n\n                {indicator}\n              </Clickable>\n            )\n          }\n\n          return indicator\n        })}\n      </Box>\n\n      <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n        Page {activeIndex + 1} of {amount}\n      </VisuallyHidden>\n    </>\n  )\n}\n\nconst Indicator = styled(Box)<{\n  variant: Variant\n  onClick?: (index: number) => void\n}>`\n  ${variant({ variants: VARIANTS })}\n  transition: background-color 250ms;\n`\n\nIndicator.displayName = \"Indicator\"\n"],"mappings":"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"}
+{"version":3,"file":"ProgressDots.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Box","_Clickable","_VisuallyHidden","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","VARIANTS","dot","width","height","borderRadius","dash","flex","ProgressDots","_ref","activeIndex","amount","_ref$variant","variant","indicatorVariant","onClick","rest","createElement","Fragment","Box","role","display","alignItems","justifyContent","my","Array","from","map","_","indicator","Indicator","bg","mx","handleClick","Clickable","position","top","bottom","left","VisuallyHidden","exports","styled","withConfig","displayName","componentId","variants"],"sources":["../../../src/elements/ProgressDots/ProgressDots.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\n\nconst VARIANTS = {\n  dot: {\n    width: \"5px\",\n    height: \"5px\",\n    borderRadius: \"50%\",\n  },\n  dash: {\n    height: \"1px\",\n    flex: 1,\n  },\n}\n\ntype Variant = keyof typeof VARIANTS\n\n/** ProgressDotsProps */\nexport interface ProgressDotsProps extends BoxProps {\n  activeIndex: number\n  amount: number\n  variant?: Variant\n  onClick?: (index: number) => void\n}\n\n/**\n * Renders an `amount` of dots and announces progress when updated\n */\nexport const ProgressDots: React.FC<\n  React.PropsWithChildren<ProgressDotsProps>\n> = ({\n  activeIndex,\n  amount,\n  variant: indicatorVariant = \"dot\",\n  onClick,\n  ...rest\n}) => {\n  return (\n    <>\n      <Box\n        role=\"presentation\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        my={0.5}\n        {...rest}\n      >\n        {Array.from(Array(amount)).map((_, i) => {\n          const indicator = (\n            <Indicator\n              key={i}\n              variant={indicatorVariant}\n              bg={i === activeIndex ? \"mono100\" : \"mono30\"}\n              mx={0.5}\n            />\n          )\n\n          const handleClick = () => onClick && onClick(i)\n\n          if (onClick) {\n            return (\n              <Clickable\n                key={i}\n                display=\"block\"\n                position=\"relative\"\n                width={indicatorVariant === \"dash\" ? \"100%\" : \"auto\"}\n                onClick={handleClick}\n              >\n                {/* Pads out hit area. */}\n                <Box\n                  position=\"absolute\"\n                  top={-10}\n                  bottom={-10}\n                  left={0}\n                  width=\"100%\"\n                />\n\n                {indicator}\n              </Clickable>\n            )\n          }\n\n          return indicator\n        })}\n      </Box>\n\n      <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n        Page {activeIndex + 1} of {amount}\n      </VisuallyHidden>\n    </>\n  )\n}\n\nconst Indicator = styled(Box)<{\n  variant: Variant\n  onClick?: (index: number) => void\n}>`\n  ${variant({ variants: VARIANTS })}\n  transition: background-color 250ms;\n`\n\nIndicator.displayName = \"Indicator\"\n"],"mappings":"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"}

package/dist/elements/Radio/Radio.js

@@ -87,7 +87,7 @@ var Radio = function Radio(_ref) {
     lineHeight: description ? undefined : 1
   }, title) : title), (0, _isText.isText)(description) ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: _tokens.RADIO_SIZES[size].descriptionFontSize,
-    color: "black60"
+    color: "mono60"
   }, description) : description));
 };
 exports.Radio = Radio;

package/dist/elements/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_Flex","_isText","_Text","_RadioDot","_tokens","_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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Radio","_ref","children","disabled","hover","focus","error","label","selected","value","_ref$size","size","onSelect","rest","handleClick","handleKeyPress","event","preventDefault","title","description","createElement","Container","as","alignItems","role","onClick","tabIndex","onKeyPress","Flex","height","RADIO_SIZES","dotSize","width","alignSelf","mr","RadioDot","flexDirection","flex","isText","Text","variant","labelFontSize","lineHeight","undefined","descriptionFontSize","color","exports","displayName","styled","withConfig","componentId","props","css","RADIO_STATES","RADIO_DOT_STATES","resting"],"sources":["../../../src/elements/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Flex, FlexProps } from \"../../elements/Flex\"\nimport { isText } from \"../../helpers/isText\"\nimport { Text } from \"../Text\"\nimport { RadioDot } from \"./RadioDot\"\nimport { RADIO_DOT_STATES, RADIO_STATES, RADIO_SIZES } from \"./tokens\"\n\nexport interface RadioProps<T>\n  extends FlexProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable interactions */\n  disabled?: boolean\n  /** Select the button on render. If the Radio is inside a RadioGroup, use RadioGroup.defaultValue instead. */\n  selected?: boolean\n  /** Show an error indicator */\n  error?: boolean\n  /** Show hover state on render */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Value of radio button */\n  value?: T\n  /** Name of the radio button */\n  name?: string\n  /** The label content, if not specified the children will be used  */\n  label?: React.ReactNode\n  /** The radio size, if not specified, \"sm\" will be used  */\n  size?: keyof typeof RADIO_SIZES\n  /** Callback when selected */\n  onSelect?: (selected: { selected: boolean; value: T }) => void\n}\n\n/** A Radio button */\nexport const Radio = <T,>({\n  children,\n  disabled,\n  hover,\n  focus,\n  error,\n  label,\n  selected,\n  value,\n  size = \"sm\",\n  onSelect,\n  ...rest\n}: RadioProps<T>) => {\n  const handleClick = () => {\n    onSelect && onSelect({ selected: !selected, value: value! })\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \") {\n      event.preventDefault()\n      onSelect && onSelect({ selected: !selected, value: value! })\n    }\n  }\n\n  // TODO: Re-name props to match <Input />\n  const title = label ? label : children\n  const description = label ? children : null\n\n  return (\n    <Container\n      as=\"label\"\n      alignItems=\"center\"\n      role=\"radio\"\n      aria-checked={selected}\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      disabled={disabled}\n      hover={hover}\n      focus={focus}\n      selected={selected}\n      error={error}\n      {...rest}\n    >\n      <Flex\n        height={RADIO_SIZES[size].dotSize}\n        width={RADIO_SIZES[size].dotSize}\n        alignSelf=\"start\"\n        mr={1}\n      >\n        <RadioDot\n          disabled={disabled}\n          hover={hover}\n          focus={focus}\n          selected={selected}\n          error={error}\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" flex={1}>\n        <Flex alignItems=\"center\" flex={1}>\n          {isText(title) ? (\n            <Text\n              variant={RADIO_SIZES[size].labelFontSize}\n              lineHeight={description ? undefined : 1}\n            >\n              {title}\n            </Text>\n          ) : (\n            title\n          )}\n        </Flex>\n\n        {isText(description) ? (\n          <Text variant={RADIO_SIZES[size].descriptionFontSize} color=\"black60\">\n            {description}\n          </Text>\n        ) : (\n          description\n        )}\n      </Flex>\n    </Container>\n  )\n}\n\nconst Container = styled(Flex)<{\n  disabled?: boolean\n  error?: boolean\n  hover?: boolean\n  focus?: boolean\n  selected?: boolean\n  as?: React.ElementType\n}>`\n  ${(props) => {\n    return css`\n      ${props.selected ? RADIO_STATES.selected : RADIO_STATES.default}\n      ${props.focus && RADIO_STATES.focus}\n      ${props.hover && RADIO_STATES.hover}\n      ${props.disabled && RADIO_STATES.disabled}\n      ${props.error && RADIO_STATES.error}\n\n      &:hover {\n        ${!props.error &&\n        !props.disabled &&\n        css`\n          ${RADIO_STATES.hover}\n\n          // Radio\n          > ${RadioDot} {\n            ${props.selected\n              ? RADIO_DOT_STATES.hover.selected\n              : RADIO_DOT_STATES.hover.resting}\n          }\n        `}\n      }\n\n      &:focus {\n        ${RADIO_STATES.focus}\n\n        // Radio\n        > ${RadioDot} {\n          ${props.selected\n            ? RADIO_DOT_STATES.focus.selected\n            : RADIO_DOT_STATES.focus.resting}\n        }\n      }\n\n      &:disabled {\n        pointer-events: none;\n        ${RADIO_STATES.disabled}\n      }\n    `\n  }}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Radio.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_Flex","_isText","_Text","_RadioDot","_tokens","_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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Radio","_ref","children","disabled","hover","focus","error","label","selected","value","_ref$size","size","onSelect","rest","handleClick","handleKeyPress","event","preventDefault","title","description","createElement","Container","as","alignItems","role","onClick","tabIndex","onKeyPress","Flex","height","RADIO_SIZES","dotSize","width","alignSelf","mr","RadioDot","flexDirection","flex","isText","Text","variant","labelFontSize","lineHeight","undefined","descriptionFontSize","color","exports","displayName","styled","withConfig","componentId","props","css","RADIO_STATES","RADIO_DOT_STATES","resting"],"sources":["../../../src/elements/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Flex, FlexProps } from \"../../elements/Flex\"\nimport { isText } from \"../../helpers/isText\"\nimport { Text } from \"../Text\"\nimport { RadioDot } from \"./RadioDot\"\nimport { RADIO_DOT_STATES, RADIO_STATES, RADIO_SIZES } from \"./tokens\"\n\nexport interface RadioProps<T>\n  extends FlexProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable interactions */\n  disabled?: boolean\n  /** Select the button on render. If the Radio is inside a RadioGroup, use RadioGroup.defaultValue instead. */\n  selected?: boolean\n  /** Show an error indicator */\n  error?: boolean\n  /** Show hover state on render */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Value of radio button */\n  value?: T\n  /** Name of the radio button */\n  name?: string\n  /** The label content, if not specified the children will be used  */\n  label?: React.ReactNode\n  /** The radio size, if not specified, \"sm\" will be used  */\n  size?: keyof typeof RADIO_SIZES\n  /** Callback when selected */\n  onSelect?: (selected: { selected: boolean; value: T }) => void\n}\n\n/** A Radio button */\nexport const Radio = <T,>({\n  children,\n  disabled,\n  hover,\n  focus,\n  error,\n  label,\n  selected,\n  value,\n  size = \"sm\",\n  onSelect,\n  ...rest\n}: RadioProps<T>) => {\n  const handleClick = () => {\n    onSelect && onSelect({ selected: !selected, value: value! })\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \") {\n      event.preventDefault()\n      onSelect && onSelect({ selected: !selected, value: value! })\n    }\n  }\n\n  // TODO: Re-name props to match <Input />\n  const title = label ? label : children\n  const description = label ? children : null\n\n  return (\n    <Container\n      as=\"label\"\n      alignItems=\"center\"\n      role=\"radio\"\n      aria-checked={selected}\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      disabled={disabled}\n      hover={hover}\n      focus={focus}\n      selected={selected}\n      error={error}\n      {...rest}\n    >\n      <Flex\n        height={RADIO_SIZES[size].dotSize}\n        width={RADIO_SIZES[size].dotSize}\n        alignSelf=\"start\"\n        mr={1}\n      >\n        <RadioDot\n          disabled={disabled}\n          hover={hover}\n          focus={focus}\n          selected={selected}\n          error={error}\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" flex={1}>\n        <Flex alignItems=\"center\" flex={1}>\n          {isText(title) ? (\n            <Text\n              variant={RADIO_SIZES[size].labelFontSize}\n              lineHeight={description ? undefined : 1}\n            >\n              {title}\n            </Text>\n          ) : (\n            title\n          )}\n        </Flex>\n\n        {isText(description) ? (\n          <Text variant={RADIO_SIZES[size].descriptionFontSize} color=\"mono60\">\n            {description}\n          </Text>\n        ) : (\n          description\n        )}\n      </Flex>\n    </Container>\n  )\n}\n\nconst Container = styled(Flex)<{\n  disabled?: boolean\n  error?: boolean\n  hover?: boolean\n  focus?: boolean\n  selected?: boolean\n  as?: React.ElementType\n}>`\n  ${(props) => {\n    return css`\n      ${props.selected ? RADIO_STATES.selected : RADIO_STATES.default}\n      ${props.focus && RADIO_STATES.focus}\n      ${props.hover && RADIO_STATES.hover}\n      ${props.disabled && RADIO_STATES.disabled}\n      ${props.error && RADIO_STATES.error}\n\n      &:hover {\n        ${!props.error &&\n        !props.disabled &&\n        css`\n          ${RADIO_STATES.hover}\n\n          // Radio\n          > ${RadioDot} {\n            ${props.selected\n              ? RADIO_DOT_STATES.hover.selected\n              : RADIO_DOT_STATES.hover.resting}\n          }\n        `}\n      }\n\n      &:focus {\n        ${RADIO_STATES.focus}\n\n        // Radio\n        > ${RadioDot} {\n          ${props.selected\n            ? RADIO_DOT_STATES.focus.selected\n            : RADIO_DOT_STATES.focus.resting}\n        }\n      }\n\n      &:disabled {\n        pointer-events: none;\n        ${RADIO_STATES.disabled}\n      }\n    `\n  }}\n`\n"],"mappings":"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"}

package/dist/elements/Radio/Radio.story.js

@@ -67,7 +67,7 @@ var SplitLabel = function SplitLabel() {
     variant: "sm-display"
   }, "Label"), /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "xs",
-    color: "black60"
+    color: "mono60"
   }, "Subtitle")));
 };
 exports.SplitLabel = SplitLabel;

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Flex","_Text","_Radio","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","selected","focus","hover","disabled","error","label","width","children","size","Radio","displayName","SplitLabel","Flex","justifyContent","flex","Text","variant","color"],"sources":["../../../src/elements/Radio/Radio.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Radio, RadioProps } from \"./Radio\"\n\nexport default {\n  title: \"Components/Radio\",\n}\n\nexport const Default = () => {\n  return (\n    <States<RadioProps<string>>\n      states={[\n        {},\n        { selected: true },\n        { focus: true },\n        { focus: true, selected: true },\n        { hover: true },\n        { hover: true, selected: true },\n        { disabled: true },\n        { disabled: true, selected: true },\n        { error: true },\n        { error: true, selected: true },\n        {\n          label: \"A label that takes up multiple lines\",\n          width: \"200px\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A small sized radio\",\n          size: \"sm\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A medium sized radio\",\n          size: \"md\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A large sized radio\",\n          size: \"lg\",\n          children: \"This is my description\",\n        },\n      ]}\n    >\n      <Radio>A label</Radio>\n    </States>\n  )\n}\n\nexport const SplitLabel = () => {\n  return (\n    <Radio>\n      <Flex justifyContent=\"space-between\" flex={1}>\n        <Text variant=\"sm-display\">Label</Text>\n\n        <Text variant=\"xs\" color=\"black60\">\n          Subtitle\n        </Text>\n      </Flex>\n    </Radio>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA2C,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAE5B;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEb,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,gBAAA,CAAAY,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAED,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEE,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEF,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEG,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEA,QAAQ,EAAE,IAAI;MAAEH,QAAQ,EAAE;IAAK,CAAC,EAClC;MAAEI,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEJ,QAAQ,EAAE;IAAK,CAAC,EAC/B;MACEK,KAAK,EAAE,sCAAsC;MAC7CC,KAAK,EAAE,OAAO;MACdC,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,qBAAqB;MAC5BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,sBAAsB;MAC7BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,qBAAqB;MAC5BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC;EACD,gBAEFxB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAoB,KAAK,QAAC,SAAO,CAAQ,CACf;AAEb,CAAC;AAAAd,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAvCYA,OAAO,CAAAc,WAAA;AAyCb,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,oBACE5B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAoB,KAAK,qBACJ1B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,KAAA,CAAAyB,IAAI;IAACC,cAAc,EAAC,eAAe;IAACC,IAAI,EAAE;EAAE,gBAC3C/B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC;EAAY,GAAC,OAAK,CAAO,eAEvCjC,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC;EAAS,GAAC,UAEnC,CAAO,CACF,CACD;AAEZ,CAAC;AAAAtB,OAAA,CAAAgB,UAAA,GAAAA,UAAA;AAZYA,UAAU,CAAAD,WAAA"}
+{"version":3,"file":"Radio.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Flex","_Text","_Radio","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","selected","focus","hover","disabled","error","label","width","children","size","Radio","displayName","SplitLabel","Flex","justifyContent","flex","Text","variant","color"],"sources":["../../../src/elements/Radio/Radio.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Radio, RadioProps } from \"./Radio\"\n\nexport default {\n  title: \"Components/Radio\",\n}\n\nexport const Default = () => {\n  return (\n    <States<RadioProps<string>>\n      states={[\n        {},\n        { selected: true },\n        { focus: true },\n        { focus: true, selected: true },\n        { hover: true },\n        { hover: true, selected: true },\n        { disabled: true },\n        { disabled: true, selected: true },\n        { error: true },\n        { error: true, selected: true },\n        {\n          label: \"A label that takes up multiple lines\",\n          width: \"200px\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A small sized radio\",\n          size: \"sm\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A medium sized radio\",\n          size: \"md\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A large sized radio\",\n          size: \"lg\",\n          children: \"This is my description\",\n        },\n      ]}\n    >\n      <Radio>A label</Radio>\n    </States>\n  )\n}\n\nexport const SplitLabel = () => {\n  return (\n    <Radio>\n      <Flex justifyContent=\"space-between\" flex={1}>\n        <Text variant=\"sm-display\">Label</Text>\n\n        <Text variant=\"xs\" color=\"mono60\">\n          Subtitle\n        </Text>\n      </Flex>\n    </Radio>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA2C,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAE5B;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEb,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,gBAAA,CAAAY,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAED,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEE,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEF,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEG,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEA,QAAQ,EAAE,IAAI;MAAEH,QAAQ,EAAE;IAAK,CAAC,EAClC;MAAEI,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEJ,QAAQ,EAAE;IAAK,CAAC,EAC/B;MACEK,KAAK,EAAE,sCAAsC;MAC7CC,KAAK,EAAE,OAAO;MACdC,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,qBAAqB;MAC5BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,sBAAsB;MAC7BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,qBAAqB;MAC5BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC;EACD,gBAEFxB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAoB,KAAK,QAAC,SAAO,CAAQ,CACf;AAEb,CAAC;AAAAd,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAvCYA,OAAO,CAAAc,WAAA;AAyCb,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,oBACE5B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAoB,KAAK,qBACJ1B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,KAAA,CAAAyB,IAAI;IAACC,cAAc,EAAC,eAAe;IAACC,IAAI,EAAE;EAAE,gBAC3C/B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC;EAAY,GAAC,OAAK,CAAO,eAEvCjC,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC;EAAQ,GAAC,UAElC,CAAO,CACF,CACD;AAEZ,CAAC;AAAAtB,OAAA,CAAAgB,UAAA,GAAAA,UAAA;AAZYA,UAAU,CAAAD,WAAA"}