@artsy/palette 37.3.0 → 37.3.2

package/dist/elements/Checkbox/Checkbox.js

@@ -80,6 +80,6 @@ var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Checkbox__Container",
   componentId: "j97vg8-0"
 })(["user-select:none;", ""], function (props) {
-  return (0, _styledComponents.css)(["", " ", " ", " ", " ", " &:hover{", "}&:focus{", " > div:first-of-type{", "}}&:disabled{", "}"], props.selected ? _tokens.CHECKBOX_STATES.selected : _tokens.CHECKBOX_STATES.default, props.focus && _tokens.CHECKBOX_STATES.focus, props.hover && _tokens.CHECKBOX_STATES.hover, props.disabled && _tokens.CHECKBOX_STATES.disabled, props.error && _tokens.CHECKBOX_STATES.error, !props.error && (0, _styledComponents.css)(["", " > div:first-of-type{", "}"], _tokens.CHECKBOX_STATES.hover, props.selected ? _tokens.CHECK_STATES.hover.selected : _tokens.CHECK_STATES.hover.resting), _tokens.CHECKBOX_STATES.focus, props.selected ? _tokens.CHECK_STATES.focus.selected : _tokens.CHECK_STATES.focus.resting, _tokens.CHECKBOX_STATES.disabled);
+  return (0, _styledComponents.css)(["", " ", " ", " ", " ", " &:hover{", "}&:focus-visible{", " > div:first-of-type{", "}}&:disabled{", "}"], props.selected ? _tokens.CHECKBOX_STATES.selected : _tokens.CHECKBOX_STATES.default, props.focus && _tokens.CHECKBOX_STATES.focus, props.hover && _tokens.CHECKBOX_STATES.hover, props.disabled && _tokens.CHECKBOX_STATES.disabled, props.error && _tokens.CHECKBOX_STATES.error, !props.error && (0, _styledComponents.css)(["", " > div:first-of-type{", "}"], _tokens.CHECKBOX_STATES.hover, props.selected ? _tokens.CHECK_STATES.hover.selected : _tokens.CHECK_STATES.hover.resting), _tokens.CHECKBOX_STATES.focus, props.selected ? _tokens.CHECK_STATES.focus.selected : _tokens.CHECK_STATES.focus.resting, _tokens.CHECKBOX_STATES.disabled);
 });
 //# sourceMappingURL=Checkbox.js.map

package/dist/elements/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_isText","_Box","_Flex","_Text","_Check","_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","Checkbox","_ref","_ref$selected","selected","children","error","disabled","hover","focus","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Check","Flex","flex","isText","Text","variant","lineHeight","exports","displayName","styled","Box","withConfig","componentId","props","css","CHECKBOX_STATES","CHECK_STATES","resting"],"sources":["../../../src/elements/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { isText } from \"../../helpers/isText\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Check } from \"./Check\"\nimport { CHECK_STATES, CHECKBOX_STATES } from \"./tokens\"\n\nexport interface CheckboxProps\n  extends BoxProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable checkbox interactions */\n  disabled?: boolean\n  /** Select the checkbox on render */\n  selected?: boolean\n  /** Show an error indicator */\n  error?: boolean\n  /** Used to force the checkbox into the visual hover state */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Callback when selected */\n  onSelect?: (selected: boolean) => void\n}\n\n/** A checkbox */\nexport const Checkbox: React.FC<CheckboxProps> = ({\n  selected = false,\n  children,\n  error,\n  disabled,\n  hover,\n  focus,\n  onSelect,\n  onClick,\n  ...rest\n}) => {\n  const isSelectable = !disabled && onSelect !== undefined\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    if (isSelectable && onSelect) {\n      onSelect(!selected)\n    }\n\n    if (onClick !== undefined) {\n      onClick(event)\n    }\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \" && isSelectable && onSelect) {\n      event.preventDefault()\n      onSelect(!selected)\n    }\n  }\n\n  return (\n    <Container\n      display=\"flex\"\n      alignItems=\"center\"\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      role=\"checkbox\"\n      aria-checked={selected}\n      selected={selected}\n      hover={hover}\n      focus={focus}\n      disabled={disabled}\n      error={error}\n      {...rest}\n    >\n      <Check\n        selected={selected}\n        error={error}\n        disabled={disabled}\n        focus={focus}\n        hover={hover}\n      />\n\n      <Flex alignItems=\"center\" flex={1}>\n        {isText(children) ? (\n          <Text variant=\"sm-display\" lineHeight={1}>\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </Flex>\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<{\n  selected: boolean\n  hover?: boolean\n  focus?: boolean\n  disabled?: boolean\n  error?: boolean\n}>`\n  user-select: none;\n\n  ${(props) => {\n    return css`\n      ${props.selected ? CHECKBOX_STATES.selected : CHECKBOX_STATES.default}\n      ${props.focus && CHECKBOX_STATES.focus}\n      ${props.hover && CHECKBOX_STATES.hover}\n      ${props.disabled && CHECKBOX_STATES.disabled}\n      ${props.error && CHECKBOX_STATES.error}\n\n      &:hover {\n        ${!props.error &&\n        css`\n          ${CHECKBOX_STATES.hover}\n\n          // Check\n          > div:first-of-type {\n            ${props.selected\n              ? CHECK_STATES.hover.selected\n              : CHECK_STATES.hover.resting}\n          }\n        `}\n      }\n\n      &:focus {\n        ${CHECKBOX_STATES.focus}\n\n        // Check\n         > div:first-of-type {\n          ${props.selected\n            ? CHECK_STATES.focus.selected\n            : CHECK_STATES.focus.resting}\n        }\n      }\n\n      &:disabled {\n        ${CHECKBOX_STATES.disabled}\n      }\n    `\n  }}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_isText","_Box","_Flex","_Text","_Check","_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","Checkbox","_ref","_ref$selected","selected","children","error","disabled","hover","focus","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Check","Flex","flex","isText","Text","variant","lineHeight","exports","displayName","styled","Box","withConfig","componentId","props","css","CHECKBOX_STATES","CHECK_STATES","resting"],"sources":["../../../src/elements/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { isText } from \"../../helpers/isText\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Check } from \"./Check\"\nimport { CHECK_STATES, CHECKBOX_STATES } from \"./tokens\"\n\nexport interface CheckboxProps\n  extends BoxProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable checkbox interactions */\n  disabled?: boolean\n  /** Select the checkbox on render */\n  selected?: boolean\n  /** Show an error indicator */\n  error?: boolean\n  /** Used to force the checkbox into the visual hover state */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Callback when selected */\n  onSelect?: (selected: boolean) => void\n}\n\n/** A checkbox */\nexport const Checkbox: React.FC<CheckboxProps> = ({\n  selected = false,\n  children,\n  error,\n  disabled,\n  hover,\n  focus,\n  onSelect,\n  onClick,\n  ...rest\n}) => {\n  const isSelectable = !disabled && onSelect !== undefined\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    if (isSelectable && onSelect) {\n      onSelect(!selected)\n    }\n\n    if (onClick !== undefined) {\n      onClick(event)\n    }\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \" && isSelectable && onSelect) {\n      event.preventDefault()\n      onSelect(!selected)\n    }\n  }\n\n  return (\n    <Container\n      display=\"flex\"\n      alignItems=\"center\"\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      role=\"checkbox\"\n      aria-checked={selected}\n      selected={selected}\n      hover={hover}\n      focus={focus}\n      disabled={disabled}\n      error={error}\n      {...rest}\n    >\n      <Check\n        selected={selected}\n        error={error}\n        disabled={disabled}\n        focus={focus}\n        hover={hover}\n      />\n\n      <Flex alignItems=\"center\" flex={1}>\n        {isText(children) ? (\n          <Text variant=\"sm-display\" lineHeight={1}>\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </Flex>\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<{\n  selected: boolean\n  hover?: boolean\n  focus?: boolean\n  disabled?: boolean\n  error?: boolean\n}>`\n  user-select: none;\n\n  ${(props) => {\n    return css`\n      ${props.selected ? CHECKBOX_STATES.selected : CHECKBOX_STATES.default}\n      ${props.focus && CHECKBOX_STATES.focus}\n      ${props.hover && CHECKBOX_STATES.hover}\n      ${props.disabled && CHECKBOX_STATES.disabled}\n      ${props.error && CHECKBOX_STATES.error}\n\n      &:hover {\n        ${!props.error &&\n        css`\n          ${CHECKBOX_STATES.hover}\n\n          // Check\n          > div:first-of-type {\n            ${props.selected\n              ? CHECK_STATES.hover.selected\n              : CHECK_STATES.hover.resting}\n          }\n        `}\n      }\n\n      &:focus-visible {\n        ${CHECKBOX_STATES.focus}\n\n        // Check\n         > div:first-of-type {\n          ${props.selected\n            ? CHECK_STATES.focus.selected\n            : CHECK_STATES.focus.resting}\n        }\n      }\n\n      &:disabled {\n        ${CHECKBOX_STATES.disabled}\n      }\n    `\n  }}\n`\n"],"mappings":"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"}

package/dist/utils/usePortal.js

@@ -6,10 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.usePortal = void 0;
 var _react = require("react");
 var _reactDom = require("react-dom");
-var _useDidMount = require("./useDidMount");
 var usePortal = function usePortal() {
   var appendEl = (0, _react.useRef)(null);
-  var isMounted = (0, _useDidMount.useDidMount)();
   (0, _react.useEffect)(function () {
     var _appendEl$current;
     var el = (_appendEl$current = appendEl.current) !== null && _appendEl$current !== void 0 ? _appendEl$current : document.createElement("div");
@@ -25,13 +23,13 @@ var usePortal = function usePortal() {
   }, []);
   var createPortal = (0, _react.useCallback)(function (children) {
     var _appendEl$current2;
-    if (!isMounted) return null;
+    if (typeof window === "undefined") return null;
 
     // May execute before effect runs and appendEl is set
     var el = (_appendEl$current2 = appendEl.current) !== null && _appendEl$current2 !== void 0 ? _appendEl$current2 : document.createElement("div");
     appendEl.current = el;
     return /*#__PURE__*/(0, _reactDom.createPortal)(children, el);
-  }, [isMounted]);
+  }, []);
   return {
     createPortal: createPortal
   };

package/dist/utils/usePortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.js","names":["_react","require","_reactDom","_useDidMount","usePortal","appendEl","useRef","isMounted","useDidMount","useEffect","_appendEl$current","el","current","document","createElement","body","appendChild","removeChild","e","createPortal","useCallback","children","_appendEl$current2","__createPortal__","exports"],"sources":["../../src/utils/usePortal.ts"],"sourcesContent":["import React, { useEffect, useRef, useCallback } from \"react\"\nimport { createPortal as __createPortal__ } from \"react-dom\"\nimport { useDidMount } from \"./useDidMount\"\n\nexport const usePortal = () => {\n  const appendEl = useRef<HTMLDivElement | null>(null)\n\n  const isMounted = useDidMount()\n\n  useEffect(() => {\n    const el = appendEl.current ?? document.createElement(\"div\")\n    appendEl.current = el\n\n    document.body.appendChild(el)\n\n    return () => {\n      try {\n        document.body.removeChild(el)\n      } catch (e) {\n        // Ignore\n      }\n    }\n  }, [])\n\n  const createPortal = useCallback(\n    (children: React.ReactNode): React.ReactPortal | null => {\n      if (!isMounted) return null\n\n      // May execute before effect runs and appendEl is set\n      const el = appendEl.current ?? document.createElement(\"div\")\n      appendEl.current = el\n\n      return __createPortal__(children, el)\n    },\n    [isMounted]\n  )\n\n  return { createPortal }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,IAAMG,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAEpD,IAAMC,SAAS,GAAG,IAAAC,wBAAW,GAAE;EAE/B,IAAAC,gBAAS,EAAC,YAAM;IAAA,IAAAC,iBAAA;IACd,IAAMC,EAAE,IAAAD,iBAAA,GAAGL,QAAQ,CAACO,OAAO,cAAAF,iBAAA,cAAAA,iBAAA,GAAIG,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC5DT,QAAQ,CAACO,OAAO,GAAGD,EAAE;IAErBE,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACL,EAAE,CAAC;IAE7B,OAAO,YAAM;MACX,IAAI;QACFE,QAAQ,CAACE,IAAI,CAACE,WAAW,CAACN,EAAE,CAAC;MAC/B,CAAC,CAAC,OAAOO,CAAC,EAAE;QACV;MAAA;IAEJ,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC9B,UAACC,QAAyB,EAA+B;IAAA,IAAAC,kBAAA;IACvD,IAAI,CAACf,SAAS,EAAE,OAAO,IAAI;;IAE3B;IACA,IAAMI,EAAE,IAAAW,kBAAA,GAAGjB,QAAQ,CAACO,OAAO,cAAAU,kBAAA,cAAAA,kBAAA,GAAIT,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC5DT,QAAQ,CAACO,OAAO,GAAGD,EAAE;IAErB,oBAAO,IAAAY,sBAAgB,EAACF,QAAQ,EAAEV,EAAE,CAAC;EACvC,CAAC,EACD,CAACJ,SAAS,CAAC,CACZ;EAED,OAAO;IAAEY,YAAY,EAAZA;EAAa,CAAC;AACzB,CAAC;AAAAK,OAAA,CAAApB,SAAA,GAAAA,SAAA"}
+{"version":3,"file":"usePortal.js","names":["_react","require","_reactDom","usePortal","appendEl","useRef","useEffect","_appendEl$current","el","current","document","createElement","body","appendChild","removeChild","e","createPortal","useCallback","children","_appendEl$current2","window","__createPortal__","exports"],"sources":["../../src/utils/usePortal.ts"],"sourcesContent":["import React, { useEffect, useRef, useCallback } from \"react\"\nimport { createPortal as __createPortal__ } from \"react-dom\"\n\nexport const usePortal = () => {\n  const appendEl = useRef<HTMLDivElement | null>(null)\n\n  useEffect(() => {\n    const el = appendEl.current ?? document.createElement(\"div\")\n    appendEl.current = el\n\n    document.body.appendChild(el)\n\n    return () => {\n      try {\n        document.body.removeChild(el)\n      } catch (e) {\n        // Ignore\n      }\n    }\n  }, [])\n\n  const createPortal = useCallback(\n    (children: React.ReactNode): React.ReactPortal | null => {\n      if (typeof window === \"undefined\") return null\n\n      // May execute before effect runs and appendEl is set\n      const el = appendEl.current ?? document.createElement(\"div\")\n      appendEl.current = el\n\n      return __createPortal__(children, el)\n    },\n    []\n  )\n\n  return { createPortal }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEO,IAAME,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAEpD,IAAAC,gBAAS,EAAC,YAAM;IAAA,IAAAC,iBAAA;IACd,IAAMC,EAAE,IAAAD,iBAAA,GAAGH,QAAQ,CAACK,OAAO,cAAAF,iBAAA,cAAAA,iBAAA,GAAIG,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC5DP,QAAQ,CAACK,OAAO,GAAGD,EAAE;IAErBE,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACL,EAAE,CAAC;IAE7B,OAAO,YAAM;MACX,IAAI;QACFE,QAAQ,CAACE,IAAI,CAACE,WAAW,CAACN,EAAE,CAAC;MAC/B,CAAC,CAAC,OAAOO,CAAC,EAAE;QACV;MAAA;IAEJ,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC9B,UAACC,QAAyB,EAA+B;IAAA,IAAAC,kBAAA;IACvD,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE,OAAO,IAAI;;IAE9C;IACA,IAAMZ,EAAE,IAAAW,kBAAA,GAAGf,QAAQ,CAACK,OAAO,cAAAU,kBAAA,cAAAA,kBAAA,GAAIT,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC5DP,QAAQ,CAACK,OAAO,GAAGD,EAAE;IAErB,oBAAO,IAAAa,sBAAgB,EAACH,QAAQ,EAAEV,EAAE,CAAC;EACvC,CAAC,EACD,EAAE,CACH;EAED,OAAO;IAAEQ,YAAY,EAAZA;EAAa,CAAC;AACzB,CAAC;AAAAM,OAAA,CAAAnB,SAAA,GAAAA,SAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "37.3.0",
+  "version": "37.3.2",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "dbbbc1f7e48203c7e9f1bf0bc81a666699eeae4e"
+  "gitHead": "5d35009debcdb47e49f7b8050b2fa9d4e551697d"
 }