@artsy/palette 38.0.0-canary.1357.29988.0 → 38.0.0-canary.1357.29995.0

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: React.FC<PopoverProps> = ({\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}) => {\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(\"colors.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: \"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: React.FC<PopoverProps> = ({\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}) => {\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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AAAmD,IAAAW,SAAA;AAAA,SAAAT,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAjB,wBAAAa,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAQ,OAAA,CAAAR,GAAA,yBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAS,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAV,GAAA,YAAAS,KAAA,CAAAE,GAAA,CAAAX,GAAA,SAAAY,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAjB,GAAA,QAAAiB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAApB,GAAA,EAAAiB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAhB,GAAA,EAAAiB,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,IAAAjB,GAAA,CAAAiB,GAAA,SAAAL,MAAA,CAAAV,OAAA,GAAAF,GAAA,MAAAS,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAtB,GAAA,EAAAY,MAAA,YAAAA,MAAA;AAAA,SAAAW,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;AAE5C,IAAMoD,gBAAgB,GAAG;EAC9BC,YAAY,EAAE;IACZC,eAAe,EAAE,UAAU;IAC3BC,KAAK,EAAE;EACT,CAAC;EACDC,WAAW,EAAE;IACXF,eAAe,EAAE,UAAU;IAC3BC,KAAK,EAAE;EACT;AACF,CAAC;AAAAE,OAAA,CAAAL,gBAAA,GAAAA,gBAAA;AAmCD;AACA;AACA;AACA;AACO,IAAMM,OAA+B,GAAG,SAAlCA,OAA+BA,CAAAC,IAAA,EActC;EAAA,IAbJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,qBAAA,GAAAF,IAAA,CACRG,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,gBAAA,GAAAJ,IAAA,CAC1BK,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,IAAI,GAAAA,gBAAA;IAAAE,WAAA,GAAAN,IAAA,CAClBO,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IACXE,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,SAAS,GAAAT,IAAA,CAATS,SAAS;IAAAC,cAAA,GAAAV,IAAA,CACTW,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,YAAA,GAAAZ,IAAA,CACjBa,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACfE,OAAO,GAAAd,IAAA,CAAPc,OAAO;IAAAC,YAAA,GAAAf,IAAA,CACPgB,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,cAAc,GAAAA,YAAA;IAAAE,YAAA,GAAAjB,IAAA,CACxBkB,OAAO;IAAEC,QAAQ,GAAAF,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAG,WAAA,GAAApB,IAAA,CACzBqB,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IACPE,IAAI,GAAAtC,wBAAA,CAAAgB,IAAA,EAAAtF,SAAA;EAEP,IAAA6G,SAAA,GAA8B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAA9E,cAAA,CAAA4E,SAAA;IAAtCL,OAAO,GAAAO,UAAA;IAAEC,UAAU,GAAAD,UAAA;;EAE1B;EACA,IAAAE,gBAAS,EAAC,YAAM;IACdD,UAAU,CAACP,QAAQ,CAAC;EACtB,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEd;EACA,IAAAS,gCAAe,EAAC,YAAM;IACpB,IAAI,CAACvB,WAAW,EAAE;IAElB,IAAIa,OAAO,IAAIW,UAAU,CAACC,OAAO,EAAE;MACjCD,UAAU,CAACC,OAAO,CAACC,KAAK,EAAE;MAC1B;IACF;IAEA,IAAI,CAACC,SAAS,CAACF,OAAO,EAAE;IACxBE,SAAS,CAACF,OAAO,CAACC,KAAK,EAAE;EAC3B,CAAC,EAAE,CAACb,OAAO,CAAC,CAAC;EAEb,IAAMe,SAAS,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAClCR,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMS,MAAM,GAAG,IAAAD,kBAAW,EAAC,YAAM;IAC/BR,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMU,UAAU,GAAG,IAAAF,kBAAW,EAAC,YAAM;IACnCC,MAAM,EAAE;IACR3B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,EAAI;EACb,CAAC,EAAE,CAAC2B,MAAM,EAAE3B,OAAO,CAAC,CAAC;EAErB,IAAM6B,aAAa,GAAG,IAAAH,kBAAW,EAAC,YAAM;IACtCE,UAAU,EAAE;IACZ3B,SAAS,aAATA,SAAS,uBAATA,SAAS,EAAI;EACf,CAAC,EAAE,CAAC2B,UAAU,EAAE3B,SAAS,CAAC,CAAC;EAE3B,IAAAkB,gBAAS,EAAC,YAAM;IACd,IAAMW,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAoB,EAAK;MAC9C,IAAIA,KAAK,CAAC3G,GAAG,KAAK,QAAQ,EAAE;QAC1BwG,UAAU,EAAE;MACd;IACF,CAAC;IAEDI,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC;IAEnD,OAAO,YAAM;MACXE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,aAAa,CAAC;IACxD,CAAC;EACH,CAAC,EAAE,CAACF,UAAU,CAAC,CAAC;EAEhB,IAAAO,YAAA,GAII,IAAAC,kBAAW,EAAC;MACdC,QAAQ,EAAElC,SAAS;MACnBJ,MAAM,EAANA,MAAM;MACNuC,MAAM,EAAE5B;IACV,CAAC,CAAC;IAPAc,SAAS,GAAAW,YAAA,CAATX,SAAS;IACTH,UAAU,GAAAc,YAAA,CAAVd,UAAU;IACDkB,SAAS,GAAAJ,YAAA,CAAlBK,KAAK,CAAID,SAAS;EAOpB,IAAAE,sBAAe,EAAC;IACdC,GAAG,EAAErB,UAAU;IACfsB,cAAc,EAAEf,UAAU;IAC1BgB,IAAI,EAAElC,OAAO,IAAI,CAACf,kBAAkB;IACpCkD,IAAI,EAAE;EACR,CAAC,CAAC;EAEF,IAAAC,UAAA,GAAyB,IAAAC,gBAAS,GAAE;IAA5BC,YAAY,GAAAF,UAAA,CAAZE,YAAY;EAEpB,oBACE3J,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAAA5J,MAAA,CAAAgB,OAAA,CAAA6I,QAAA,QACGzD,QAAQ,CAAC;IACR+B,SAAS,EAAEA,SAAgB;IAC3BC,SAAS,EAATA,SAAS;IACTE,MAAM,EAAEC,UAAU;IAClB3B,SAAS,EAAE4B;EACb,CAAC,CAAC,EAEDnB,OAAO,IACNsC,YAAY,eACV3J,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAACE,GAAG;IACFC,QAAQ,EAAE,CAAE;IACZV,GAAG,EAAErB,UAAkB;IACvBR,MAAM,EAAEA,MAAO;IACfwC,OAAO,EAAC,cAAc;IACtBhB,QAAQ,EAAC,UAAU;IACnB7B,OAAO,EAAEA;EAAQ,GAEhBH,OAAO,iBACNhH,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAACjJ,QAAA,CAAAsJ,OAAO;IACN9B,SAAS,EAAEA,SAAU;IACrBH,UAAU,EAAEA,UAAW;IACvBb,OAAO,EAAEA,OAAQ;IACjBL,SAAS,EAAEA,SAAU;IACrBoC,SAAS,EAAEA;EAAU,EAExB,eAEDlJ,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAACM,KAAK;IACJlB,QAAQ,EAAC,UAAU;IACnBxB,MAAM,EAAE,CAAE;IACV2C,CAAC,EAAE,CAAE;IACLC,OAAO,EAAE5B,aAAc;IACvB,cAAW;EAAO,gBAElBxI,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAACtJ,UAAA,CAAAU,OAAS;IAACqJ,IAAI,EAAC,cAAc;IAACL,OAAO,EAAC;EAAO,EAAG,CAC3C,eAERhK,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAACU,KAAK,EAAAjI,QAAA;IACJ8E,OAAO,EAAEA,OAAQ;IACjB6B,QAAQ,EAAC,UAAU;IACnBmB,CAAC,EAAE,CAAE;IACL3C,MAAM,EAAE;EAAE,GACNC,IAAI,GAEP,OAAOR,OAAO,KAAK,UAAU,GAC1BA,OAAO,CAAC;IACNmB,SAAS,EAATA,SAAS;IACTE,MAAM,EAAEC,UAAU;IAClB3B,SAAS,EAAE4B;EACb,CAAC,CAAC,GACFvB,OAAO,CACL,CACJ,CACP,CACF;AAEP,CAAC;AAAAhB,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAED,IAAM4D,GAAG,GAAG,IAAAS,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8FAIP,IAAAC,kBAAQ,EAAC,oBAAoB,CAAC,EAC1C,IAAAzD,qBAAO,EAAC;EAAE0D,QAAQ,EAAEjF;AAAiB,CAAC,CAAC,CAC1C;AAED,IAAM0E,KAAK,GAAG,IAAAC,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrB,IAAAxD,qBAAO,EAAC;EAAE0D,QAAQ,EAAEjF;AAAiB,CAAC,CAAC,CAC1C;AAED,IAAMsE,KAAK,GAAG,IAAAK,yBAAM,EAACO,oBAAS,CAAC,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oBAE9B"}

package/dist/elements/Range/Range.js

@@ -134,7 +134,7 @@ var Selection = (0, _styledComponents.default)(_Box.Box).withConfig({
   componentId: "si9a6m-1"
 })(["position:absolute;height:2px;left:0;right:0;top:50%;margin-top:-1px;background-color:", ";"], (0, _themeGet.themeGet)("colors.brand"));
 var railStyles = (0, _styledComponents.css)(["width:100%;height:", "px;"], RANGE_HANDLE_SIZE);
-var handleStyles = (0, _styledComponents.css)(["user-select:none;cursor:grab;width:", "px;height:", "px;background-color:", ";border-radius:50%;border:1px solid ", ";box-shadow:", ";"], RANGE_HANDLE_SIZE, RANGE_HANDLE_SIZE, (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.flatShadow"));
+var handleStyles = (0, _styledComponents.css)(["user-select:none;cursor:grab;width:", "px;height:", "px;background-color:", ";border-radius:50%;border:1px solid ", ";box-shadow:", ";"], RANGE_HANDLE_SIZE, RANGE_HANDLE_SIZE, (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("effects.flatShadow"));
 var Slider = _styledComponents.default.input.withConfig({
   displayName: "Range__Slider",
   componentId: "si9a6m-2"

package/dist/elements/Range/Range.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.js","names":["_themeGet","require","React","_interopRequireWildcard","_styledComponents","_utils","_remapValue","_Box","_Flex","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","RANGE_HANDLE_SIZE","exports","Range","_ref","ariaLabels","min","max","step","_ref$value","onChange","rest","minRef","useRef","maxRef","_useState","useState","_useState2","values","setValues","_useState3","_useState4","maxWidth","setMaxWidth","handleMinChange","_ref2","valueAsNumber","handleMaxChange","_ref3","useEffect","handleResize","current","offsetWidth","requestAnimationFrame","window","addEventListener","passive","removeEventListener","useUpdateEffect","selectionRectangle","concat","remapValue","maxRectangle","createElement","Track","Selection","style","clip","Slider","ref","onInput","displayName","styled","Flex","withConfig","componentId","themeGet","Box","railStyles","css","handleStyles","input","defaultProps","type"],"sources":["../../../src/elements/Range/Range.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport * as React from \"react\"\nimport { useEffect, useRef, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { useUpdateEffect } from \"../../utils\"\nimport { remapValue } from \"../../utils/remapValue\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\n\nexport const RANGE_HANDLE_SIZE = 24\n\nexport interface RangeProps extends BoxProps {\n  ariaLabels?: [string, string]\n  min: number\n  max: number\n  step: number\n  value?: number[]\n  onChange?: (range: [number, number]) => void\n}\n\nexport const Range: React.FC<RangeProps> = ({\n  ariaLabels,\n  min,\n  max,\n  step,\n  value = [0, max],\n  onChange,\n  ...rest\n}) => {\n  const minRef = useRef<HTMLInputElement | null>(null)\n  const maxRef = useRef<HTMLInputElement | null>(null)\n\n  const [values, setValues] = useState(value)\n\n  const [maxWidth, setMaxWidth] = useState(0)\n\n  const handleMinChange = ({\n    target: { valueAsNumber: value },\n  }: React.ChangeEvent<HTMLInputElement>) => {\n    if (value > values[1] - step) return\n    setValues([value, values[1]])\n    onChange?.([value, values[1]])\n  }\n\n  const handleMaxChange = ({\n    target: { valueAsNumber: value },\n  }: React.ChangeEvent<HTMLInputElement>) => {\n    if (value < values[0] + step) return\n    setValues([values[0], value])\n    onChange?.([values[0], value])\n  }\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (!maxRef.current) return\n      setMaxWidth(maxRef.current.offsetWidth)\n    }\n\n    requestAnimationFrame(handleResize)\n\n    window.addEventListener(\"resize\", handleResize, { passive: true })\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [])\n\n  // Sync local state with value prop\n  useUpdateEffect(() => {\n    setValues(value)\n  }, [...value])\n\n  const selectionRectangle = `rect(0, ${remapValue(\n    values[1],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px, 2px, ${remapValue(\n    values[0],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px)`\n\n  const maxRectangle = `rect(0, ${maxWidth}px, ${RANGE_HANDLE_SIZE}px, ${remapValue(\n    values[1],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px)`\n\n  return (\n    <Track {...rest}>\n      <Selection style={{ clip: selectionRectangle }} />\n\n      <Slider\n        ref={minRef as any}\n        min={min}\n        max={max}\n        step={step}\n        onInput={handleMinChange}\n        value={values[0]}\n        aria-label={ariaLabels?.[0]}\n      />\n\n      <Slider\n        ref={maxRef as any}\n        min={min}\n        max={max}\n        step={step}\n        onInput={handleMaxChange}\n        value={values[1]}\n        style={{ clip: maxRectangle }}\n        aria-label={ariaLabels?.[1]}\n      />\n    </Track>\n  )\n}\n\nconst Track = styled(Flex)`\n  align-items: center;\n  position: relative;\n  height: ${RANGE_HANDLE_SIZE}px;\n\n  &:before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    height: 2px;\n    left: 0;\n    right: 0;\n    top: 50%;\n    margin-top: -1px;\n    background-color: ${themeGet(\"colors.black30\")};\n  }\n`\n\nconst Selection = styled(Box)`\n  position: absolute;\n  height: 2px;\n  left: 0;\n  right: 0;\n  top: 50%;\n  margin-top: -1px;\n  background-color: ${themeGet(\"colors.brand\")};\n`\n\nconst railStyles = css`\n  width: 100%;\n  height: ${RANGE_HANDLE_SIZE}px;\n`\n\nconst handleStyles = css`\n  user-select: none;\n  cursor: grab;\n  width: ${RANGE_HANDLE_SIZE}px;\n  height: ${RANGE_HANDLE_SIZE}px;\n  background-color: ${themeGet(\"colors.white100\")};\n  border-radius: 50%;\n  border: 1px solid ${themeGet(\"colors.black10\")};\n  box-shadow: ${themeGet(\"colors.flatShadow\")};\n`\n\nconst Slider = styled.input`\n  appearance: none;\n  background: transparent;\n  position: relative;\n  margin: 0;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  &::-webkit-slider-runnable-track {\n    ${railStyles}\n  }\n\n  &::-moz-range-track {\n    ${railStyles}\n  }\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    ${handleStyles}\n  }\n\n  &::-moz-range-thumb {\n    ${handleStyles}\n  }\n\n  &:active {\n    &::-webkit-slider-thumb {\n      box-shadow: none;\n      background-color: ${themeGet(\"colors.black5\")};\n    }\n\n    &::-moz-range-thumb {\n      box-shadow: none;\n      background-color: ${themeGet(\"colors.black5\")};\n    }\n  }\n`\n\nSlider.defaultProps = {\n  type: \"range\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"Range.js","names":["_themeGet","require","React","_interopRequireWildcard","_styledComponents","_utils","_remapValue","_Box","_Flex","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","RANGE_HANDLE_SIZE","exports","Range","_ref","ariaLabels","min","max","step","_ref$value","onChange","rest","minRef","useRef","maxRef","_useState","useState","_useState2","values","setValues","_useState3","_useState4","maxWidth","setMaxWidth","handleMinChange","_ref2","valueAsNumber","handleMaxChange","_ref3","useEffect","handleResize","current","offsetWidth","requestAnimationFrame","window","addEventListener","passive","removeEventListener","useUpdateEffect","selectionRectangle","concat","remapValue","maxRectangle","createElement","Track","Selection","style","clip","Slider","ref","onInput","displayName","styled","Flex","withConfig","componentId","themeGet","Box","railStyles","css","handleStyles","input","defaultProps","type"],"sources":["../../../src/elements/Range/Range.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport * as React from \"react\"\nimport { useEffect, useRef, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { useUpdateEffect } from \"../../utils\"\nimport { remapValue } from \"../../utils/remapValue\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\n\nexport const RANGE_HANDLE_SIZE = 24\n\nexport interface RangeProps extends BoxProps {\n  ariaLabels?: [string, string]\n  min: number\n  max: number\n  step: number\n  value?: number[]\n  onChange?: (range: [number, number]) => void\n}\n\nexport const Range: React.FC<RangeProps> = ({\n  ariaLabels,\n  min,\n  max,\n  step,\n  value = [0, max],\n  onChange,\n  ...rest\n}) => {\n  const minRef = useRef<HTMLInputElement | null>(null)\n  const maxRef = useRef<HTMLInputElement | null>(null)\n\n  const [values, setValues] = useState(value)\n\n  const [maxWidth, setMaxWidth] = useState(0)\n\n  const handleMinChange = ({\n    target: { valueAsNumber: value },\n  }: React.ChangeEvent<HTMLInputElement>) => {\n    if (value > values[1] - step) return\n    setValues([value, values[1]])\n    onChange?.([value, values[1]])\n  }\n\n  const handleMaxChange = ({\n    target: { valueAsNumber: value },\n  }: React.ChangeEvent<HTMLInputElement>) => {\n    if (value < values[0] + step) return\n    setValues([values[0], value])\n    onChange?.([values[0], value])\n  }\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (!maxRef.current) return\n      setMaxWidth(maxRef.current.offsetWidth)\n    }\n\n    requestAnimationFrame(handleResize)\n\n    window.addEventListener(\"resize\", handleResize, { passive: true })\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [])\n\n  // Sync local state with value prop\n  useUpdateEffect(() => {\n    setValues(value)\n  }, [...value])\n\n  const selectionRectangle = `rect(0, ${remapValue(\n    values[1],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px, 2px, ${remapValue(\n    values[0],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px)`\n\n  const maxRectangle = `rect(0, ${maxWidth}px, ${RANGE_HANDLE_SIZE}px, ${remapValue(\n    values[1],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px)`\n\n  return (\n    <Track {...rest}>\n      <Selection style={{ clip: selectionRectangle }} />\n\n      <Slider\n        ref={minRef as any}\n        min={min}\n        max={max}\n        step={step}\n        onInput={handleMinChange}\n        value={values[0]}\n        aria-label={ariaLabels?.[0]}\n      />\n\n      <Slider\n        ref={maxRef as any}\n        min={min}\n        max={max}\n        step={step}\n        onInput={handleMaxChange}\n        value={values[1]}\n        style={{ clip: maxRectangle }}\n        aria-label={ariaLabels?.[1]}\n      />\n    </Track>\n  )\n}\n\nconst Track = styled(Flex)`\n  align-items: center;\n  position: relative;\n  height: ${RANGE_HANDLE_SIZE}px;\n\n  &:before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    height: 2px;\n    left: 0;\n    right: 0;\n    top: 50%;\n    margin-top: -1px;\n    background-color: ${themeGet(\"colors.black30\")};\n  }\n`\n\nconst Selection = styled(Box)`\n  position: absolute;\n  height: 2px;\n  left: 0;\n  right: 0;\n  top: 50%;\n  margin-top: -1px;\n  background-color: ${themeGet(\"colors.brand\")};\n`\n\nconst railStyles = css`\n  width: 100%;\n  height: ${RANGE_HANDLE_SIZE}px;\n`\n\nconst handleStyles = css`\n  user-select: none;\n  cursor: grab;\n  width: ${RANGE_HANDLE_SIZE}px;\n  height: ${RANGE_HANDLE_SIZE}px;\n  background-color: ${themeGet(\"colors.white100\")};\n  border-radius: 50%;\n  border: 1px solid ${themeGet(\"colors.black10\")};\n  box-shadow: ${themeGet(\"effects.flatShadow\")};\n`\n\nconst Slider = styled.input`\n  appearance: none;\n  background: transparent;\n  position: relative;\n  margin: 0;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  &::-webkit-slider-runnable-track {\n    ${railStyles}\n  }\n\n  &::-moz-range-track {\n    ${railStyles}\n  }\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    ${handleStyles}\n  }\n\n  &::-moz-range-thumb {\n    ${handleStyles}\n  }\n\n  &:active {\n    &::-webkit-slider-thumb {\n      box-shadow: none;\n      background-color: ${themeGet(\"colors.black5\")};\n    }\n\n    &::-moz-range-thumb {\n      box-shadow: none;\n      background-color: ${themeGet(\"colors.black5\")};\n    }\n  }\n`\n\nSlider.defaultProps = {\n  type: \"range\",\n}\n"],"mappings":"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"}

package/dist/elements/Shelf/ShelfNavigation.js

@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /** ShelfNavigationProps */
 
 var STATES = {
-  hover: (0, _styledComponents.css)(["outline:0;color:", ";box-shadow:", ";"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.dropShadow")),
+  hover: (0, _styledComponents.css)(["outline:0;color:", ";box-shadow:", ";"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("effects.dropShadow")),
   focus: (0, _styledComponents.css)(["outline:0;color:", ";border-color:", ";"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.brand")),
   disabled: (0, _styledComponents.css)(["opacity:0;cursor:default;"])
 };

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(\"colors.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<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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"}

package/dist/elements/Sup/Sup.d.ts

@@ -3,7 +3,7 @@ import { TextProps } from "../Text";
 export declare type SupProps = TextProps;
 export declare const Sup: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
     variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    textColor?: import("styled-system").ResponsiveValue<"textShadow" | "black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10" | "dropShadow" | "innerShadow" | "flatShadow", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: number | undefined;
 } & {
     hyphenate?: boolean | undefined;
@@ -12,7 +12,7 @@ export declare const Sup: import("styled-components").StyledComponentClass<impor
     lineClamp?: import("styled-system").ResponsiveValue<number, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
 }, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
     variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    textColor?: import("styled-system").ResponsiveValue<"textShadow" | "black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10" | "dropShadow" | "innerShadow" | "flatShadow", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: number | undefined;
 } & {
     hyphenate?: boolean | undefined;

package/dist/elements/Text/Text.d.ts

@@ -50,7 +50,7 @@ export declare const Text: import("styled-components").StyledComponentClass<impo
      * @see {@link TextVariant}
      */
     variant?: ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    textColor?: ResponsiveValue<"textShadow" | "black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10" | "dropShadow" | "innerShadow" | "flatShadow", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    textColor?: ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     /**
      * Max number of lines before truncating the content with an ellipsis at the end of the last line.
      * Overwriting display is required for this.
@@ -73,7 +73,7 @@ export declare const Text: import("styled-components").StyledComponentClass<impo
      * @see {@link TextVariant}
      */
     variant?: ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    textColor?: ResponsiveValue<"textShadow" | "black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10" | "dropShadow" | "innerShadow" | "flatShadow", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    textColor?: ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     /**
      * Max number of lines before truncating the content with an ellipsis at the end of the last line.
      * Overwriting display is required for this.

package/dist/elements/Toasts/Toast.js

@@ -50,8 +50,7 @@ var Toast = function Toast(_ref) {
     variant: "sm-display"
   }, message), action && /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
     onClick: action.onClick,
-    textDecoration: "underline",
-    color: "rgba(255, 255, 255, 0.9)"
+    textDecoration: "underline"
   }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "xs"
   }, action.label))), description && /*#__PURE__*/_react.default.createElement(_Text.Text, {

package/dist/elements/Toasts/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Box","_Flex","_Clickable","_Text","_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","Toast","_ref","id","action","description","message","onClose","rest","handleClick","createElement","Container","width","px","py","bg","color","role","tabIndex","onClick","onKeyPress","event","style","cursor","Flex","alignItems","justifyContent","Text","variant","Clickable","textDecoration","label","exports","displayName","TOAST_VARIANTS","backgroundColor","alert","success","error","styled","Box","withConfig","componentId","variants"],"sources":["../../../src/elements/Toasts/Toast.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\n\nexport type ToastVariant = keyof typeof TOAST_VARIANTS\n\nexport interface ToastProps extends BoxProps {\n  id: string\n  action?: {\n    label: string\n    onClick(): void\n  }\n  description?: string\n  message: string\n  onClose?(id: string): void\n  variant?: ToastVariant\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n  id,\n  action,\n  description,\n  message,\n  onClose,\n  ...rest\n}) => {\n  const handleClick = () => {\n    onClose?.(id)\n  }\n\n  return (\n    <Container\n      width=\"100%\"\n      px={2}\n      py={1}\n      bg=\"black100\"\n      color=\"white100\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyPress={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          onClose?.(id)\n        }\n      }}\n      style={{ cursor: \"pointer\" }}\n      {...rest}\n    >\n      <Flex alignItems=\"flex-start\" justifyContent=\"space-between\">\n        <Text variant=\"sm-display\">{message}</Text>\n\n        {action && (\n          <Clickable\n            onClick={action.onClick}\n            textDecoration=\"underline\"\n            color=\"rgba(255, 255, 255, 0.9)\"\n          >\n            <Text variant=\"xs\">{action.label}</Text>\n          </Clickable>\n        )}\n      </Flex>\n\n      {description && <Text variant=\"xs\">{description}</Text>}\n    </Container>\n  )\n}\n\nexport const TOAST_VARIANTS = {\n  message: {\n    backgroundColor: \"black100\",\n    color: \"white100\",\n  },\n  alert: {\n    backgroundColor: \"blue100\",\n    color: \"white100\",\n  },\n  success: {\n    backgroundColor: \"green100\",\n    color: \"white100\",\n  },\n  error: {\n    backgroundColor: \"red100\",\n    color: \"white100\",\n  },\n}\n\nconst Container = styled(Box)`\n  ${variant({ variants: TOAST_VARIANTS })}\n  user-select: none;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Toast.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Box","_Flex","_Clickable","_Text","_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","Toast","_ref","id","action","description","message","onClose","rest","handleClick","createElement","Container","width","px","py","bg","color","role","tabIndex","onClick","onKeyPress","event","style","cursor","Flex","alignItems","justifyContent","Text","variant","Clickable","textDecoration","label","exports","displayName","TOAST_VARIANTS","backgroundColor","alert","success","error","styled","Box","withConfig","componentId","variants"],"sources":["../../../src/elements/Toasts/Toast.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\n\nexport type ToastVariant = keyof typeof TOAST_VARIANTS\n\nexport interface ToastProps extends BoxProps {\n  id: string\n  action?: {\n    label: string\n    onClick(): void\n  }\n  description?: string\n  message: string\n  onClose?(id: string): void\n  variant?: ToastVariant\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n  id,\n  action,\n  description,\n  message,\n  onClose,\n  ...rest\n}) => {\n  const handleClick = () => {\n    onClose?.(id)\n  }\n\n  return (\n    <Container\n      width=\"100%\"\n      px={2}\n      py={1}\n      bg=\"black100\"\n      color=\"white100\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyPress={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          onClose?.(id)\n        }\n      }}\n      style={{ cursor: \"pointer\" }}\n      {...rest}\n    >\n      <Flex alignItems=\"flex-start\" justifyContent=\"space-between\">\n        <Text variant=\"sm-display\">{message}</Text>\n\n        {action && (\n          <Clickable onClick={action.onClick} textDecoration=\"underline\">\n            <Text variant=\"xs\">{action.label}</Text>\n          </Clickable>\n        )}\n      </Flex>\n\n      {description && <Text variant=\"xs\">{description}</Text>}\n    </Container>\n  )\n}\n\nexport const TOAST_VARIANTS = {\n  message: {\n    backgroundColor: \"black100\",\n    color: \"white100\",\n  },\n  alert: {\n    backgroundColor: \"blue100\",\n    color: \"white100\",\n  },\n  success: {\n    backgroundColor: \"green100\",\n    color: \"white100\",\n  },\n  error: {\n    backgroundColor: \"red100\",\n    color: \"white100\",\n  },\n}\n\nconst Container = styled(Box)`\n  ${variant({ variants: TOAST_VARIANTS })}\n  user-select: none;\n`\n"],"mappings":"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"}

package/dist/elements/Tooltip/Tooltip.js

@@ -120,7 +120,7 @@ exports.Tooltip = Tooltip;
 var Tip = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Tooltip__Tip",
   componentId: "ymkaxc-0"
-})(["position:absolute;transition:opacity 250ms ease-out;text-align:left;box-shadow:", ";cursor:default;pointer-events:none;", ""], (0, _themeGet.themeGet)("colors.dropShadow"), (0, _styledSystem.variant)({
+})(["position:absolute;transition:opacity 250ms ease-out;text-align:left;box-shadow:", ";cursor:default;pointer-events:none;", ""], (0, _themeGet.themeGet)("effects.dropShadow"), (0, _styledSystem.variant)({
   variants: TOOLTIP_VARIANTS
 }));
 var Panel = (0, _styledComponents.default)(_Box.Box).withConfig({

package/dist/elements/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_helpers","_usePosition2","_Box","_Pointer","_Text","_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","TOOLTIP_VARIANTS","defaultLight","backgroundColor","color","defaultDark","exports","Tooltip","_ref","_children$props","_children$props2","_children$props3","_children$props4","_children$props5","children","content","_ref$width","width","_ref$offset","offset","_ref$placement","placement","_ref$pointer","pointer","_ref$variant","variant","visible","_ref$zIndex","zIndex","rest","_useState","useState","_useState2","active","setActive","handleClick","prevActive","activate","deactivate","_usePosition","usePosition","position","anchorRef","tooltipRef","isFlipped","state","createElement","Fragment","React","cloneElement","ref","tabIndex","onClick","compose","props","onMouseOver","onMouseOut","onFocus","onBlur","Tip","style","opacity","Pointer","Panel","p","isText","Text","styled","Box","withConfig","displayName","componentId","themeGet","variants","a","b","_len","args","_key"],"sources":["../../../src/elements/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { isText } from \"../../helpers\"\nimport { Position, usePosition } from \"../../utils/usePosition\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Pointer } from \"../Pointer\"\nimport { Text } from \"../Text\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const TOOLTIP_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"white100\",\n    color: \"black100\",\n  },\n  defaultDark: {\n    backgroundColor: \"black100\",\n    color: \"white100\",\n  },\n}\n\nexport type TooltipVariant = keyof typeof TOOLTIP_VARIANTS\n\nexport interface TooltipProps extends BoxProps {\n  /** Anchor element to attach to tooltip */\n  children: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  /** Content of tooltip */\n  content: React.ReactNode\n  offset?: number\n  placement?: Position\n  pointer?: boolean\n  variant?: TooltipVariant\n  visible?: boolean\n}\n\n/**\n * A tooltip\n */\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  content,\n  width = 230,\n  offset = 10,\n  placement = \"top\",\n  pointer = false,\n  variant = \"defaultLight\",\n  visible,\n  zIndex = 1,\n  ...rest\n}) => {\n  const [active, setActive] = useState(false)\n\n  const handleClick = () => {\n    setActive((prevActive) => !prevActive)\n  }\n\n  const activate = () => {\n    setActive(true)\n  }\n\n  const deactivate = () => {\n    setActive(false)\n  }\n\n  const {\n    anchorRef,\n    tooltipRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset,\n    active: visible ?? active,\n  })\n\n  return (\n    <>\n      {React.cloneElement(children, {\n        ref: anchorRef,\n        tabIndex: 0,\n        onClick: compose(handleClick, children.props?.onClick),\n        onMouseOver: compose(activate, children.props?.onMouseOver),\n        onMouseOut: compose(deactivate, children.props?.onMouseOut),\n        onFocus: compose(activate, children.props?.onFocus),\n        onBlur: compose(deactivate, children.props?.onBlur),\n      })}\n\n      <Tip\n        ref={tooltipRef as any}\n        variant={variant}\n        width={width}\n        zIndex={zIndex}\n        style={\n          // If visible is explictly set to `false` then the tooltip should be hidden\n          // Otherwise it should be visible or utilize the active state.\n          visible !== false\n            ? {\n                opacity: visible ?? active ? 1 : 0,\n              }\n            : { opacity: 0 }\n        }\n      >\n        {pointer && (\n          <Pointer\n            anchorRef={anchorRef}\n            tooltipRef={tooltipRef}\n            variant={variant}\n            placement={placement}\n            isFlipped={isFlipped}\n          />\n        )}\n\n        <Panel variant={variant} p={1} {...rest}>\n          {isText(content) ? <Text variant=\"xs\">{content}</Text> : content}\n        </Panel>\n      </Tip>\n    </>\n  )\n}\n\nconst Tip = styled(Box)<{ variant?: TooltipVariant }>`\n  position: absolute;\n  transition: opacity 250ms ease-out;\n  text-align: left;\n  box-shadow: ${themeGet(\"colors.dropShadow\")};\n  cursor: default;\n  pointer-events: none;\n  ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: TooltipVariant }>`\n  ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst compose = (a?: (...args: any) => any, b?: (...args: any) => any) => {\n  return (...args) => {\n    a?.(...args)\n    b?.(...args)\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_helpers","_usePosition2","_Box","_Pointer","_Text","_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","TOOLTIP_VARIANTS","defaultLight","backgroundColor","color","defaultDark","exports","Tooltip","_ref","_children$props","_children$props2","_children$props3","_children$props4","_children$props5","children","content","_ref$width","width","_ref$offset","offset","_ref$placement","placement","_ref$pointer","pointer","_ref$variant","variant","visible","_ref$zIndex","zIndex","rest","_useState","useState","_useState2","active","setActive","handleClick","prevActive","activate","deactivate","_usePosition","usePosition","position","anchorRef","tooltipRef","isFlipped","state","createElement","Fragment","React","cloneElement","ref","tabIndex","onClick","compose","props","onMouseOver","onMouseOut","onFocus","onBlur","Tip","style","opacity","Pointer","Panel","p","isText","Text","styled","Box","withConfig","displayName","componentId","themeGet","variants","a","b","_len","args","_key"],"sources":["../../../src/elements/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { isText } from \"../../helpers\"\nimport { Position, usePosition } from \"../../utils/usePosition\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Pointer } from \"../Pointer\"\nimport { Text } from \"../Text\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const TOOLTIP_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"white100\",\n    color: \"black100\",\n  },\n  defaultDark: {\n    backgroundColor: \"black100\",\n    color: \"white100\",\n  },\n}\n\nexport type TooltipVariant = keyof typeof TOOLTIP_VARIANTS\n\nexport interface TooltipProps extends BoxProps {\n  /** Anchor element to attach to tooltip */\n  children: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  /** Content of tooltip */\n  content: React.ReactNode\n  offset?: number\n  placement?: Position\n  pointer?: boolean\n  variant?: TooltipVariant\n  visible?: boolean\n}\n\n/**\n * A tooltip\n */\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  content,\n  width = 230,\n  offset = 10,\n  placement = \"top\",\n  pointer = false,\n  variant = \"defaultLight\",\n  visible,\n  zIndex = 1,\n  ...rest\n}) => {\n  const [active, setActive] = useState(false)\n\n  const handleClick = () => {\n    setActive((prevActive) => !prevActive)\n  }\n\n  const activate = () => {\n    setActive(true)\n  }\n\n  const deactivate = () => {\n    setActive(false)\n  }\n\n  const {\n    anchorRef,\n    tooltipRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset,\n    active: visible ?? active,\n  })\n\n  return (\n    <>\n      {React.cloneElement(children, {\n        ref: anchorRef,\n        tabIndex: 0,\n        onClick: compose(handleClick, children.props?.onClick),\n        onMouseOver: compose(activate, children.props?.onMouseOver),\n        onMouseOut: compose(deactivate, children.props?.onMouseOut),\n        onFocus: compose(activate, children.props?.onFocus),\n        onBlur: compose(deactivate, children.props?.onBlur),\n      })}\n\n      <Tip\n        ref={tooltipRef as any}\n        variant={variant}\n        width={width}\n        zIndex={zIndex}\n        style={\n          // If visible is explictly set to `false` then the tooltip should be hidden\n          // Otherwise it should be visible or utilize the active state.\n          visible !== false\n            ? {\n                opacity: visible ?? active ? 1 : 0,\n              }\n            : { opacity: 0 }\n        }\n      >\n        {pointer && (\n          <Pointer\n            anchorRef={anchorRef}\n            tooltipRef={tooltipRef}\n            variant={variant}\n            placement={placement}\n            isFlipped={isFlipped}\n          />\n        )}\n\n        <Panel variant={variant} p={1} {...rest}>\n          {isText(content) ? <Text variant=\"xs\">{content}</Text> : content}\n        </Panel>\n      </Tip>\n    </>\n  )\n}\n\nconst Tip = styled(Box)<{ variant?: TooltipVariant }>`\n  position: absolute;\n  transition: opacity 250ms ease-out;\n  text-align: left;\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  cursor: default;\n  pointer-events: none;\n  ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: TooltipVariant }>`\n  ${variant({ variants: TOOLTIP_VARIANTS })}\n`\n\nconst compose = (a?: (...args: any) => any, b?: (...args: any) => any) => {\n  return (...args) => {\n    a?.(...args)\n    b?.(...args)\n  }\n}\n"],"mappings":"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"}

package/dist/styles.css

@@ -30,10 +30,6 @@
   --color-red150: #510b0b;
   --color-red100: #c82400;
   --color-red10: #f4e4e3;
-  --color-dropShadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-  --color-innerShadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
-  --color-flatShadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
-  --color-textShadow: 0 0 15px rgba(0, 0, 0, 0.25);
 }
 .m-1 {
   margin: 10px;
@@ -486,34 +482,6 @@
   background: #f4e4e3;
 }
 
-.color-dropShadow {
-  color: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-}
-.bg-color-dropShadow {
-  background: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-}
-
-.color-innerShadow {
-  color: 1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
-}
-.bg-color-innerShadow {
-  background: 1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
-}
-
-.color-flatShadow {
-  color: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
-}
-.bg-color-flatShadow {
-  background: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
-}
-
-.color-textShadow {
-  color: 0 0 15px rgba(0, 0, 0, 0.25);
-}
-.bg-color-textShadow {
-  background: 0 0 15px rgba(0, 0, 0, 0.25);
-}
-
 .sans-xxxl {
   font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 108px;

package/dist/tokens.json

@@ -1,5 +1,6 @@
 {
   "id": "v3",
+  "name": "light",
   "breakpoints": [
     "768px",
     "1280px",
@@ -30,11 +31,15 @@
     "orange10": "#FCF7F3",
     "red150": "#510B0B",
     "red100": "#C82400",
-    "red10": "#F4E4E3",
+    "red10": "#F4E4E3"
+  },
+  "effects": {
     "dropShadow": "0 2px 10px 0 rgba(0, 0, 0, 0.1)",
     "innerShadow": "1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset",
     "flatShadow": "0 1px 1px 0 rgba(0, 0, 0, 0.05)",
-    "textShadow": "0 0 15px rgba(0, 0, 0, 0.25)"
+    "textShadow": "0 0 15px rgba(0, 0, 0, 0.25)",
+    "overlayGradient": "linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6))",
+    "fadeRight": "linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%)"
   },
   "fonts": {
     "sans": "\"ll-unica77\", \"Helvetica Neue\", Helvetica, Arial, sans-serif"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "38.0.0-canary.1357.29988.0",
+  "version": "38.0.0-canary.1357.29995.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -118,7 +118,7 @@
   },
   "dependencies": {
     "@artsy/icons": "^3.2.2",
-    "@artsy/palette-tokens": "6.0.0-canary.1357.29988.0",
+    "@artsy/palette-tokens": "6.0.0-canary.1357.29995.0",
     "@seznam/compose-react-refs": "^1.0.6",
     "@styled-system/theme-get": "^5.1.2",
     "lodash": "^4.17.21",
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "8da3adb0296bfaa14d8c2c494c5215e5c30daaf8"
+  "gitHead": "e6c8e83a6282a0b17112bc2de7b79d2d26908416"
 }