@artsy/palette 44.0.1 → 44.2.0

package/dist/elements/Pill/Pill.story.js

@@ -4,9 +4,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Variants = exports.SearchWithCount = exports.ProfileVariant = exports.PillWithPopover = exports.PillWithIcon = exports.LongExampleWithTruncation = exports.LinkExample = exports.Demo = exports.ArtistWithImage = void 0;
+exports.default = exports.Variants = exports.SearchWithCount = exports.ProfileVariant = exports.PillWithPopover = exports.PillWithIcon = exports.LongExampleWithTruncation = exports.LinkExample = exports.Interactive = exports.Default = exports.ArtistWithImage = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _storybookStates = require("storybook-states");
 var _Flex = require("../Flex");
 var _Spacer = require("../Spacer");
 var _Pill = require("./Pill");
@@ -16,6 +15,7 @@ var _GraphIcon = _interopRequireDefault(require("@artsy/icons/GraphIcon"));
 var _ChevronSmallDownIcon = _interopRequireDefault(require("@artsy/icons/ChevronSmallDownIcon"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Popover = require("../Popover");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -27,206 +27,319 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var _default = exports.default = {
-  title: "Components/Pill"
+  component: _Pill.Pill,
+  title: "Components/Pill",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A pill-shaped button component with various visual variants for different use cases."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
 var Display = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Pillstory__Display",
   componentId: "sc-1n2t91w-0"
 })([""]);
 Display.displayName = "Pill";
-var Variants = exports.Variants = function Variants() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: _Pill.PILL_VARIANT_NAMES.map(function (variant) {
-      return {
+var Default = exports.Default = {
+  args: {
+    children: "Default Pill"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic pill component with default styling."
+      }
+    }
+  }
+};
+var Variants = exports.Variants = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      display: "flex",
+      flexDirection: "column",
+      gap: 2
+    }, _Pill.PILL_VARIANT_NAMES.map(function (variant) {
+      return /*#__PURE__*/_react.default.createElement(Display, _extends({
+        key: variant,
+        p: 1,
+        overflowX: "auto"
+      }, ["primaryWhite", "secondaryWhite"].includes(variant) ? {
+        bg: "mono100",
+        color: "mono0"
+      } : {
+        bg: "mono0",
+        color: "mono100"
+      }), /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_Join.Join, {
+        separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+          x: 2
+        })
+      }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
         variant: variant
-      };
-    })
-  }, function (props) {
-    return /*#__PURE__*/_react.default.createElement(Display, _extends({
-      p: 1,
-      overflowX: "auto"
-    }, ["primaryWhite", "secondaryWhite"].includes("".concat(props.variant)) ? {
-      bg: "mono100",
-      color: "mono0"
-    } : {
-      bg: "mono0",
-      color: "mono100"
-    }), /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_Join.Join, {
-      separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-        x: 2
-      })
-    }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, props, "Default"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, _extends({}, props, {
-      focus: true
-    }), "Focus"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, _extends({}, props, {
-      hover: true
-    }), "Hover"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, _extends({}, props, {
-      active: true
-    }), "Active"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, _extends({}, props, {
-      selected: true
-    }), "Selected"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, _extends({}, props, {
-      disabled: true
-    }), "Disabled"))));
-  });
+      }, "Default"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+        variant: variant,
+        focus: true
+      }, "Focus"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+        variant: variant,
+        hover: true
+      }, "Hover"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+        variant: variant,
+        active: true
+      }, "Active"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+        variant: variant,
+        selected: true
+      }, "Selected"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+        variant: variant,
+        disabled: true
+      }, "Disabled"))));
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "All available pill variants with different interaction states."
+      }
+    }
+  }
 };
-Variants.displayName = "Variants";
-var LinkExample = exports.LinkExample = function LinkExample() {
-  return /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
-    variant: "profile",
-    as: "a"
-    // TODO: Need a decent way of typing the threaded polymorphic `as` prop
-    // @ts-expect-error MIGRATE_STRICT_MODE
-    ,
-    href: "#example"
-  }, "Artist Name");
+var LinkExample = exports.LinkExample = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "profile",
+      as: "a"
+      // TODO: Need a decent way of typing the threaded polymorphic `as` prop
+      // @ts-expect-error MIGRATE_STRICT_MODE
+      ,
+      href: "#example"
+    }, "Artist Name");
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Pill rendered as a clickable link element."
+      }
+    }
+  }
 };
-LinkExample.displayName = "LinkExample";
-var LongExampleWithTruncation = exports.LongExampleWithTruncation = function LongExampleWithTruncation() {
-  return /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
-    maxWidth: 300
-  }, "Studio Museum in Harlem Artist-in-Residence (AIR) Program");
+var LongExampleWithTruncation = exports.LongExampleWithTruncation = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      maxWidth: 300
+    }, "Studio Museum in Harlem Artist-in-Residence (AIR) Program");
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Pill with long text that gets truncated with ellipsis."
+      }
+    }
+  }
 };
-LongExampleWithTruncation.displayName = "LongExampleWithTruncation";
-var SearchWithCount = exports.SearchWithCount = function SearchWithCount() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
+var SearchWithCount = exports.SearchWithCount = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      display: "flex",
+      gap: 2,
+      flexWrap: "wrap"
+    }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "search",
+      count: 123
+    }, "Default"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "search",
+      count: 123,
       focus: true
-    }, {
+    }, "Focus"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "search",
+      count: 123,
       hover: true
-    }, {
+    }, "Hover"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "search",
+      count: 123,
       active: true
-    }, {
+    }, "Active"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "search",
+      count: 123,
       selected: true
-    }, {
+    }, "Selected"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "search",
+      count: 123,
       disabled: true
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
-    variant: "search",
-    count: 123
-  }, "Artist Series"));
+    }, "Disabled"));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Search variant pill with count indicator in different states."
+      }
+    }
+  }
 };
-SearchWithCount.displayName = "SearchWithCount";
-var ArtistWithImage = exports.ArtistWithImage = function ArtistWithImage() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
+var ArtistWithImage = exports.ArtistWithImage = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      display: "flex",
+      gap: 2,
+      flexWrap: "wrap"
+    }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "profile",
+      src: ["https://picsum.photos/seed/isa/30/30", "https://picsum.photos/seed/isa/60/60"]
+    }, "Default"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "profile",
+      src: ["https://picsum.photos/seed/isa/30/30", "https://picsum.photos/seed/isa/60/60"],
       focus: true
-    }, {
+    }, "Focus"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "profile",
+      src: ["https://picsum.photos/seed/isa/30/30", "https://picsum.photos/seed/isa/60/60"],
       hover: true
-    }, {
-      active: true
-    }, {
+    }, "Hover"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "profile",
+      src: ["https://picsum.photos/seed/isa/30/30", "https://picsum.photos/seed/isa/60/60"],
       selected: true
-    }, {
+    }, "Selected"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "profile",
+      src: ["https://picsum.photos/seed/isa/30/30", "https://picsum.photos/seed/isa/60/60"],
       disabled: true
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
-    variant: "profile",
-    src: ["https://picsum.photos/seed/isa/30/30", "https://picsum.photos/seed/isa/60/60"]
-  }, "Isa Genzken"));
+    }, "Disabled"));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Profile variant pill with artist image in different states."
+      }
+    }
+  }
 };
-ArtistWithImage.displayName = "ArtistWithImage";
-var PillWithIcon = exports.PillWithIcon = function PillWithIcon() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
-      iconPosition: "right",
-      Icon: _ChevronSmallDownIcon.default,
-      variant: "default"
-    }, {}, {
+var PillWithIcon = exports.PillWithIcon = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      display: "flex",
+      flexDirection: "column",
+      gap: 2
+    }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      display: "flex",
+      gap: 2,
+      flexWrap: "wrap"
+    }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "badge",
+      Icon: _GraphIcon.default
+    }, "Badge with Icon"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "badge",
+      Icon: _GraphIcon.default,
       focus: true
-    }, {
+    }, "Focus"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "badge",
+      Icon: _GraphIcon.default,
       hover: true
-    }, {
-      active: true
-    }, {
+    }, "Hover"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "badge",
+      Icon: _GraphIcon.default,
       selected: true
-    }, {
+    }, "Selected"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "badge",
+      Icon: _GraphIcon.default,
       disabled: true
-    }, {
-      variant: "search"
-    }, {
-      variant: "search",
-      focus: true
-    }, {
-      variant: "search",
-      hover: true
-    }, {
-      variant: "search",
-      active: true
-    }, {
-      variant: "search",
-      selected: true
-    }, {
+    }, "Disabled")), /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      display: "flex",
+      gap: 2,
+      flexWrap: "wrap"
+    }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "default",
+      Icon: _ChevronSmallDownIcon.default,
+      iconPosition: "right"
+    }, "With Right Icon"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
       variant: "search",
-      disabled: true
-    }, {
-      variant: "filter"
-    }, {
-      variant: "filter",
-      focus: true
-    }, {
-      variant: "filter",
-      hover: true
-    }, {
-      variant: "filter",
-      active: true
-    }, {
-      variant: "filter",
-      selected: true
-    }, {
+      Icon: _GraphIcon.default
+    }, "Search with Icon"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
       variant: "filter",
-      disabled: true
-    }, {
-      variant: "dotted"
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
-    variant: "badge",
-    Icon: _GraphIcon.default
-  }, "Artist Series"));
+      Icon: _GraphIcon.default
+    }, "Filter with Icon"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "dotted",
+      Icon: _GraphIcon.default
+    }, "Dotted with Icon")));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Pills with various icons and icon positions."
+      }
+    }
+  }
 };
-PillWithIcon.displayName = "PillWithIcon";
-var Demo = exports.Demo = function Demo() {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    selected = _useState2[0],
-    setSelected = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
-    selected: selected,
-    onClick: function onClick() {
-      return setSelected(function (prevActive) {
-        return !prevActive;
-      });
+var Interactive = exports.Interactive = {
+  render: function render() {
+    var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
+    return /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      selected: selected,
+      onClick: function onClick() {
+        return setSelected(function (prevActive) {
+          return !prevActive;
+        });
+      }
+    }, "Click to Toggle");
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Interactive pill that toggles selected state when clicked."
+      }
     }
-  }, "Example");
+  }
 };
-Demo.displayName = "Demo";
-var ProfileVariant = exports.ProfileVariant = function ProfileVariant() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
-      variant: "profile"
-    }, {
+var ProfileVariant = exports.ProfileVariant = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      display: "flex",
+      gap: 2,
+      flexWrap: "wrap"
+    }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
       variant: "profile",
-      compact: true
-    }, {
+      src: "https://picsum.photos/seed/isa/60/60"
+    }, "Standard Profile"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
       variant: "profile",
-      src: undefined
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
-    src: "https://picsum.photos/seed/isa/60/60"
-  }, "Isa Genzken"));
+      compact: true,
+      src: "https://picsum.photos/seed/isa/60/60"
+    }, "Compact Profile"), /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+      variant: "profile"
+    }, "Profile without Image"));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Profile variant pills with different configurations."
+      }
+    }
+  }
 };
-ProfileVariant.displayName = "ProfileVariant";
-var PillWithPopover = exports.PillWithPopover = function PillWithPopover() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Popover.Popover, {
-    placement: "bottom",
-    popover: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Content")
-  }, function (_ref) {
-    var anchorRef = _ref.anchorRef,
-      onVisible = _ref.onVisible;
-    return /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
-      ref: anchorRef,
-      onClick: function onClick() {
-        return onVisible();
+var PillWithPopover = exports.PillWithPopover = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Popover.Popover, {
+      placement: "bottom",
+      popover: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Popover Content")
+    }, function (_ref) {
+      var anchorRef = _ref.anchorRef,
+        onVisible = _ref.onVisible;
+      return /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+        ref: anchorRef,
+        onClick: function onClick() {
+          return onVisible();
+        }
+      }, "Click for Popover");
+    });
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Pill that triggers a popover when clicked."
       }
-    }, "Example");
-  }));
+    }
+  }
 };
 //# sourceMappingURL=Pill.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pill.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Flex","_Spacer","_Pill","_Box","_Join","_GraphIcon","_interopRequireDefault","_ChevronSmallDownIcon","_styledComponents","_Popover","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_default","exports","title","Display","styled","Box","withConfig","displayName","componentId","Variants","createElement","States","states","PILL_VARIANT_NAMES","map","variant","props","p","overflowX","includes","concat","bg","color","Flex","Join","separator","Spacer","x","Pill","focus","hover","active","selected","disabled","LinkExample","as","href","LongExampleWithTruncation","maxWidth","SearchWithCount","count","ArtistWithImage","src","PillWithIcon","iconPosition","Icon","ChevronSmallDownIcon","GraphIcon","Demo","_useState","useState","_useState2","setSelected","onClick","prevActive","ProfileVariant","compact","undefined","PillWithPopover","Fragment","Popover","placement","popover","_ref","anchorRef","onVisible","ref"],"sources":["../../../src/elements/Pill/Pill.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Pill, PillProps, PillVariant, PILL_VARIANT_NAMES } from \"./Pill\"\nimport { Box } from \"../Box\"\nimport { Join } from \"../Join\"\nimport GraphIcon from \"@artsy/icons/GraphIcon\"\nimport ChevronSmallDownIcon from \"@artsy/icons/ChevronSmallDownIcon\"\nimport styled from \"styled-components\"\nimport { Popover } from \"../Popover\"\n\nexport default {\n  title: \"Components/Pill\",\n}\n\nconst Display = styled(Box)``\nDisplay.displayName = \"Pill\"\n\nexport const Variants = () => {\n  return (\n    <States<PillProps>\n      states={PILL_VARIANT_NAMES.map((variant) => ({\n        variant: variant as PillVariant,\n      }))}\n    >\n      {(props) => (\n        <Display\n          p={1}\n          overflowX=\"auto\"\n          {...([\"primaryWhite\", \"secondaryWhite\"].includes(`${props.variant}`)\n            ? { bg: \"mono100\", color: \"mono0\" }\n            : { bg: \"mono0\", color: \"mono100\" })}\n        >\n          <Flex>\n            <Join separator={<Spacer x={2} />}>\n              <Pill {...props}>Default</Pill>\n\n              <Pill {...props} focus>\n                Focus\n              </Pill>\n\n              <Pill {...props} hover>\n                Hover\n              </Pill>\n\n              <Pill {...props} active>\n                Active\n              </Pill>\n\n              <Pill {...props} selected>\n                Selected\n              </Pill>\n\n              <Pill {...props} disabled>\n                Disabled\n              </Pill>\n            </Join>\n          </Flex>\n        </Display>\n      )}\n    </States>\n  )\n}\n\nexport const LinkExample = () => {\n  return (\n    <Pill\n      variant=\"profile\"\n      as=\"a\"\n      // TODO: Need a decent way of typing the threaded polymorphic `as` prop\n      // @ts-expect-error MIGRATE_STRICT_MODE\n      href=\"#example\"\n    >\n      Artist Name\n    </Pill>\n  )\n}\n\nexport const LongExampleWithTruncation = () => {\n  return (\n    <Pill maxWidth={300}>\n      Studio Museum in Harlem Artist-in-Residence (AIR) Program\n    </Pill>\n  )\n}\n\nexport const SearchWithCount = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n      ]}\n    >\n      <Pill variant=\"search\" count={123}>\n        Artist Series\n      </Pill>\n    </States>\n  )\n}\n\nexport const ArtistWithImage = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n      ]}\n    >\n      <Pill\n        variant=\"profile\"\n        src={[\n          \"https://picsum.photos/seed/isa/30/30\",\n          \"https://picsum.photos/seed/isa/60/60\",\n        ]}\n      >\n        Isa Genzken\n      </Pill>\n    </States>\n  )\n}\n\nexport const PillWithIcon = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {\n          iconPosition: \"right\",\n          Icon: ChevronSmallDownIcon,\n          variant: \"default\",\n        },\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n        { variant: \"search\" },\n        { variant: \"search\", focus: true },\n        { variant: \"search\", hover: true },\n        { variant: \"search\", active: true },\n        { variant: \"search\", selected: true },\n        { variant: \"search\", disabled: true },\n        { variant: \"filter\" },\n        { variant: \"filter\", focus: true },\n        { variant: \"filter\", hover: true },\n        { variant: \"filter\", active: true },\n        { variant: \"filter\", selected: true },\n        { variant: \"filter\", disabled: true },\n        { variant: \"dotted\" },\n      ]}\n    >\n      <Pill variant=\"badge\" Icon={GraphIcon}>\n        Artist Series\n      </Pill>\n    </States>\n  )\n}\n\nexport const Demo = () => {\n  const [selected, setSelected] = useState(false)\n  return (\n    <Pill\n      selected={selected}\n      onClick={() => setSelected((prevActive) => !prevActive)}\n    >\n      Example\n    </Pill>\n  )\n}\n\nexport const ProfileVariant = () => {\n  return (\n    <States<PillProps>\n      states={[\n        { variant: \"profile\" },\n        { variant: \"profile\", compact: true },\n        { variant: \"profile\", src: undefined },\n      ]}\n    >\n      <Pill src=\"https://picsum.photos/seed/isa/60/60\">Isa Genzken</Pill>\n    </States>\n  )\n}\n\nexport const PillWithPopover = () => {\n  return (\n    <>\n      <Popover placement=\"bottom\" popover={<>Content</>}>\n        {({ anchorRef, onVisible }) => (\n          <Pill ref={anchorRef as any} onClick={() => onVisible()}>\n            Example\n          </Pill>\n        )}\n      </Popover>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Pill.story.js","names":["_react","_interopRequireWildcard","require","_Flex","_Spacer","_Pill","_Box","_Join","_GraphIcon","_interopRequireDefault","_ChevronSmallDownIcon","_styledComponents","_Popover","_storybookBlocklist","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_default","exports","component","Pill","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Display","styled","Box","withConfig","displayName","componentId","Default","args","children","story","Variants","render","createElement","display","flexDirection","gap","PILL_VARIANT_NAMES","map","variant","p","overflowX","includes","bg","color","Flex","Join","separator","Spacer","x","focus","hover","active","selected","disabled","LinkExample","as","href","LongExampleWithTruncation","maxWidth","SearchWithCount","flexWrap","count","ArtistWithImage","src","PillWithIcon","Icon","GraphIcon","ChevronSmallDownIcon","iconPosition","Interactive","_useState","useState","_useState2","setSelected","onClick","prevActive","ProfileVariant","compact","PillWithPopover","Popover","placement","popover","Fragment","_ref","anchorRef","onVisible","ref"],"sources":["../../../src/elements/Pill/Pill.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Pill, PillVariant, PILL_VARIANT_NAMES } from \"./Pill\"\nimport { Box } from \"../Box\"\nimport { Join } from \"../Join\"\nimport GraphIcon from \"@artsy/icons/GraphIcon\"\nimport ChevronSmallDownIcon from \"@artsy/icons/ChevronSmallDownIcon\"\nimport styled from \"styled-components\"\nimport { Popover } from \"../Popover\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Pill,\n  title: \"Components/Pill\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A pill-shaped button component with various visual variants for different use cases.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nconst Display = styled(Box)``\nDisplay.displayName = \"Pill\"\n\nexport const Default = {\n  args: {\n    children: \"Default Pill\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic pill component with default styling.\",\n      },\n    },\n  },\n}\n\nexport const Variants = {\n  render: () => (\n    <Box display=\"flex\" flexDirection=\"column\" gap={2}>\n      {PILL_VARIANT_NAMES.map((variant) => (\n        <Display\n          key={variant}\n          p={1}\n          overflowX=\"auto\"\n          {...([\"primaryWhite\", \"secondaryWhite\"].includes(variant)\n            ? { bg: \"mono100\", color: \"mono0\" }\n            : { bg: \"mono0\", color: \"mono100\" })}\n        >\n          <Flex>\n            <Join separator={<Spacer x={2} />}>\n              <Pill variant={variant as PillVariant}>Default</Pill>\n              <Pill variant={variant as PillVariant} focus>\n                Focus\n              </Pill>\n              <Pill variant={variant as PillVariant} hover>\n                Hover\n              </Pill>\n              <Pill variant={variant as PillVariant} active>\n                Active\n              </Pill>\n              <Pill variant={variant as PillVariant} selected>\n                Selected\n              </Pill>\n              <Pill variant={variant as PillVariant} disabled>\n                Disabled\n              </Pill>\n            </Join>\n          </Flex>\n        </Display>\n      ))}\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"All available pill variants with different interaction states.\",\n      },\n    },\n  },\n}\n\nexport const LinkExample = {\n  render: () => (\n    <Pill\n      variant=\"profile\"\n      as=\"a\"\n      // TODO: Need a decent way of typing the threaded polymorphic `as` prop\n      // @ts-expect-error MIGRATE_STRICT_MODE\n      href=\"#example\"\n    >\n      Artist Name\n    </Pill>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Pill rendered as a clickable link element.\",\n      },\n    },\n  },\n}\n\nexport const LongExampleWithTruncation = {\n  render: () => (\n    <Pill maxWidth={300}>\n      Studio Museum in Harlem Artist-in-Residence (AIR) Program\n    </Pill>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Pill with long text that gets truncated with ellipsis.\",\n      },\n    },\n  },\n}\n\nexport const SearchWithCount = {\n  render: () => (\n    <Box display=\"flex\" gap={2} flexWrap=\"wrap\">\n      <Pill variant=\"search\" count={123}>\n        Default\n      </Pill>\n      <Pill variant=\"search\" count={123} focus>\n        Focus\n      </Pill>\n      <Pill variant=\"search\" count={123} hover>\n        Hover\n      </Pill>\n      <Pill variant=\"search\" count={123} active>\n        Active\n      </Pill>\n      <Pill variant=\"search\" count={123} selected>\n        Selected\n      </Pill>\n      <Pill variant=\"search\" count={123} disabled>\n        Disabled\n      </Pill>\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Search variant pill with count indicator in different states.\",\n      },\n    },\n  },\n}\n\nexport const ArtistWithImage = {\n  render: () => (\n    <Box display=\"flex\" gap={2} flexWrap=\"wrap\">\n      <Pill\n        variant=\"profile\"\n        src={[\n          \"https://picsum.photos/seed/isa/30/30\",\n          \"https://picsum.photos/seed/isa/60/60\",\n        ]}\n      >\n        Default\n      </Pill>\n      <Pill\n        variant=\"profile\"\n        src={[\n          \"https://picsum.photos/seed/isa/30/30\",\n          \"https://picsum.photos/seed/isa/60/60\",\n        ]}\n        focus\n      >\n        Focus\n      </Pill>\n      <Pill\n        variant=\"profile\"\n        src={[\n          \"https://picsum.photos/seed/isa/30/30\",\n          \"https://picsum.photos/seed/isa/60/60\",\n        ]}\n        hover\n      >\n        Hover\n      </Pill>\n      <Pill\n        variant=\"profile\"\n        src={[\n          \"https://picsum.photos/seed/isa/30/30\",\n          \"https://picsum.photos/seed/isa/60/60\",\n        ]}\n        selected\n      >\n        Selected\n      </Pill>\n      <Pill\n        variant=\"profile\"\n        src={[\n          \"https://picsum.photos/seed/isa/30/30\",\n          \"https://picsum.photos/seed/isa/60/60\",\n        ]}\n        disabled\n      >\n        Disabled\n      </Pill>\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Profile variant pill with artist image in different states.\",\n      },\n    },\n  },\n}\n\nexport const PillWithIcon = {\n  render: () => (\n    <Box display=\"flex\" flexDirection=\"column\" gap={2}>\n      <Box display=\"flex\" gap={2} flexWrap=\"wrap\">\n        <Pill variant=\"badge\" Icon={GraphIcon}>\n          Badge with Icon\n        </Pill>\n        <Pill variant=\"badge\" Icon={GraphIcon} focus>\n          Focus\n        </Pill>\n        <Pill variant=\"badge\" Icon={GraphIcon} hover>\n          Hover\n        </Pill>\n        <Pill variant=\"badge\" Icon={GraphIcon} selected>\n          Selected\n        </Pill>\n        <Pill variant=\"badge\" Icon={GraphIcon} disabled>\n          Disabled\n        </Pill>\n      </Box>\n      <Box display=\"flex\" gap={2} flexWrap=\"wrap\">\n        <Pill\n          variant=\"default\"\n          Icon={ChevronSmallDownIcon}\n          iconPosition=\"right\"\n        >\n          With Right Icon\n        </Pill>\n        <Pill variant=\"search\" Icon={GraphIcon}>\n          Search with Icon\n        </Pill>\n        <Pill variant=\"filter\" Icon={GraphIcon}>\n          Filter with Icon\n        </Pill>\n        <Pill variant=\"dotted\" Icon={GraphIcon}>\n          Dotted with Icon\n        </Pill>\n      </Box>\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Pills with various icons and icon positions.\",\n      },\n    },\n  },\n}\n\nexport const Interactive = {\n  render: () => {\n    const [selected, setSelected] = useState(false)\n    return (\n      <Pill\n        selected={selected}\n        onClick={() => setSelected((prevActive) => !prevActive)}\n      >\n        Click to Toggle\n      </Pill>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Interactive pill that toggles selected state when clicked.\",\n      },\n    },\n  },\n}\n\nexport const ProfileVariant = {\n  render: () => (\n    <Box display=\"flex\" gap={2} flexWrap=\"wrap\">\n      <Pill variant=\"profile\" src=\"https://picsum.photos/seed/isa/60/60\">\n        Standard Profile\n      </Pill>\n      <Pill\n        variant=\"profile\"\n        compact\n        src=\"https://picsum.photos/seed/isa/60/60\"\n      >\n        Compact Profile\n      </Pill>\n      <Pill variant=\"profile\">Profile without Image</Pill>\n    </Box>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Profile variant pills with different configurations.\",\n      },\n    },\n  },\n}\n\nexport const PillWithPopover = {\n  render: () => (\n    <Popover placement=\"bottom\" popover={<>Popover Content</>}>\n      {({ anchorRef, onVisible }) => (\n        <Pill ref={anchorRef as any} onClick={() => onVisible()}>\n          Click for Popover\n        </Pill>\n      )}\n    </Popover>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Pill that triggers a popover when clicked.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}