@artsy/palette 22.1.0 → 23.0.0

package/dist/elements/EntityHeader/v3/EntityHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/elements/EntityHeader/v3/EntityHeader.tsx"],"names":["EntityHeader","name","href","meta","initials","imageUrl","image","smallVariant","FollowButton","labels","rest","as","style","textDecoration","map","label","i"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAGO,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,OAWnD;AAAA,MAVJC,IAUI,QAVJA,IAUI;AAAA,MATJC,IASI,QATJA,IASI;AAAA,MARJC,IAQI,QARJA,IAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,MAEI,QAFJA,MAEI;AAAA,MADDC,IACC;;AACJ,sBACE,6BAAC,UAAD;AAAM,IAAA,UAAU,EAAC,QAAjB;AAA0B,IAAA,cAAc,EAAC;AAAzC,KAA6DA,IAA7D,gBACE,6BAAC,UAAD;AACE,IAAA,UAAU,EAAC;AADb,KAEOR,IAAI,GAAG;AAAES,IAAAA,EAAE,EAAE,GAAN;AAAWT,IAAAA,IAAI,EAAJA,IAAX;AAAiBU,IAAAA,KAAK,EAAE;AAAEC,MAAAA,cAAc,EAAE;AAAlB;AAAxB,GAAH,GAA0D,EAFrE,GAIG,CAACR,QAAQ,IAAIC,KAAZ,IAAqBF,QAAtB,kBACC,6BAAC,UAAD;AAAM,IAAA,EAAE,EAAE;AAAV,kBACE,6BAAC,cAAD;AACE,IAAA,IAAI,EAAEG,YAAY,GAAG,KAAH,GAAW,IAD/B;AAEE,IAAA,GAAG,EAAEF,QAFP;AAGE,IAAA,QAAQ,EAAED;AAHZ,KAIME,KAJN,EADF,CALJ,eAeE,6BAAC,UAAD;AAAM,IAAA,aAAa,EAAC,QAApB;AAA6B,IAAA,EAAE,EAAE;AAAjC,kBACE,6BAAC,UAAD;AAAM,IAAA,OAAO,EAAC;AAAd,KAA4BL,IAA5B,CADF,eAGE,6BAAC,UAAD;AAAM,IAAA,OAAO,EAAC;AAAd,KACGQ,MADH,aACGA,MADH,uBACGA,MAAM,CAAEK,GAAR,CAAY,UAACC,KAAD,EAAQC,CAAR;AAAA,wBACX,6BAAC,cAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,EAAEA;AAArB,oBACE,6BAAC,YAAD,EAAWD,KAAX,CADF,EACuB,GADvB,CADW;AAAA,GAAZ,CADH,CAHF,EAWGZ,IAAI,iBACH,6BAAC,UAAD;AAAM,IAAA,OAAO,EAAC,IAAd;AAAmB,IAAA,KAAK,EAAC;AAAzB,KACGA,IADH,CAZJ,CAfF,CADF,EAmCGK,YAnCH,CADF;AAuCD,CAnDM;;;AAAMR,Y","sourcesContent":["import React from \"react\"\nimport { Avatar } from \"../../Avatar\"\nimport { Label } from \"../../Label/Label\"\nimport { Flex } from \"../../Flex\"\nimport { Text } from \"../../Text\"\nimport { EntityHeaderProps } from \"../EntityHeader\"\n\nexport const EntityHeader: React.FC<EntityHeaderProps> = ({\n  name,\n  href,\n  meta,\n  initials,\n  imageUrl,\n  image,\n  smallVariant,\n  FollowButton,\n  labels,\n  ...rest\n}) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"space-between\" {...rest}>\n      <Flex\n        alignItems=\"center\"\n        {...(href ? { as: \"a\", href, style: { textDecoration: \"none\" } } : {})}\n      >\n        {(imageUrl || image || initials) && (\n          <Flex mr={1}>\n            <Avatar\n              size={smallVariant ? \"xxs\" : \"xs\"}\n              src={imageUrl}\n              initials={initials}\n              {...image}\n            />\n          </Flex>\n        )}\n\n        <Flex flexDirection=\"column\" mr={1}>\n          <Text variant=\"sm-display\">{name}</Text>\n\n          <Text variant=\"sm-display\">\n            {labels?.map((label, i) => (\n              <React.Fragment key={i}>\n                <Label {...label} />{\" \"}\n              </React.Fragment>\n            ))}\n          </Text>\n\n          {meta && (\n            <Text variant=\"xs\" color=\"black60\">\n              {meta}\n            </Text>\n          )}\n        </Flex>\n      </Flex>\n\n      {FollowButton}\n    </Flex>\n  )\n}\n"],"file":"EntityHeader.js"}

package/dist/elements/Pagination/SmallPagination.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { PaginationProps } from "./Pagination";
-/**
- * SmallPagination
- * @deprecated Use Pagination
- */
-export declare const SmallPagination: React.FC<PaginationProps>;

package/dist/elements/Pagination/SmallPagination.js

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SmallPagination = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _ChevronIcon = require("../../svgs/ChevronIcon");
-
-var _BorderBox = require("../BorderBox");
-
-var _Flex = require("../Flex");
-
-var _Link = require("../Link");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * SmallPagination
- * @deprecated Use Pagination
- */
-var SmallPagination = function SmallPagination(props) {
-  var previous = props.pageCursors.previous,
-      getHref = props.getHref,
-      onClick = props.onClick,
-      onNext = props.onNext,
-      hasNextPage = props.hasNextPage;
-
-  var handlePrevClick = function handlePrevClick(event) {
-    if (previous && onClick) {
-      onClick(previous.cursor, previous.page, event);
-    } else {
-      event.preventDefault();
-    }
-  };
-
-  var handleNextClick = function handleNextClick(event) {
-    if (hasNextPage && onNext) {
-      onNext(event, nextPage);
-    } else {
-      event.preventDefault();
-    }
-  };
-
-  var nextPage = ((previous === null || previous === void 0 ? void 0 : previous.page) || 0) + 2;
-  return /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    flexDirection: "row",
-    height: "40px",
-    width: "100%"
-  }, /*#__PURE__*/_react.default.createElement(PrevButton, {
-    disabled: !previous,
-    getHref: getHref,
-    onClick: handlePrevClick,
-    page: previous === null || previous === void 0 ? void 0 : previous.page
-  }), /*#__PURE__*/_react.default.createElement(NextButton, {
-    disabled: !hasNextPage,
-    getHref: getHref,
-    onClick: handleNextClick,
-    page: nextPage
-  }));
-};
-
-exports.SmallPagination = SmallPagination;
-SmallPagination.displayName = "SmallPagination";
-var Wrapper = (0, _styledComponents.default)(_BorderBox.BorderBox).withConfig({
-  displayName: "SmallPagination__Wrapper",
-  componentId: "sc-1ld47ec-0"
-})(["border-radius:3px;border-width:2px;padding:0;width:50%;a{height:100%;width:100%;> div{align-items:center;height:100%;}}"]);
-
-var PrevButton = function PrevButton(props) {
-  var disabled = props.disabled,
-      getHref = props.getHref,
-      onClick = props.onClick,
-      page = props.page;
-  var opacity = !disabled ? 1 : 0.1;
-  var href = "";
-
-  if (!disabled && page && typeof getHref !== "undefined") {
-    href = getHref(page);
-  }
-
-  return /*#__PURE__*/_react.default.createElement(Wrapper, {
-    mr: 0.5,
-    opacity: opacity
-  }, /*#__PURE__*/_react.default.createElement(_Link.Link, {
-    href: href,
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    justifyContent: "flex-start",
-    pl: 1
-  }, /*#__PURE__*/_react.default.createElement(_ChevronIcon.ChevronIcon, {
-    direction: "left"
-  }))));
-};
-
-PrevButton.displayName = "PrevButton";
-
-var NextButton = function NextButton(props) {
-  var disabled = props.disabled,
-      getHref = props.getHref,
-      onClick = props.onClick,
-      page = props.page;
-  var opacity = !disabled ? 1 : 0.1;
-  var href = "";
-
-  if (!disabled && page && typeof getHref !== "undefined") {
-    href = getHref(page);
-  }
-
-  return /*#__PURE__*/_react.default.createElement(Wrapper, {
-    ml: 0.5,
-    opacity: opacity
-  }, /*#__PURE__*/_react.default.createElement(_Link.Link, {
-    href: href,
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    justifyContent: "flex-end",
-    pr: 1
-  }, /*#__PURE__*/_react.default.createElement(_ChevronIcon.ChevronIcon, {
-    direction: "right"
-  }))));
-};
-
-NextButton.displayName = "NextButton";
-//# sourceMappingURL=SmallPagination.js.map

package/dist/elements/Pagination/SmallPagination.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/elements/Pagination/SmallPagination.tsx"],"names":["SmallPagination","props","previous","pageCursors","getHref","onClick","onNext","hasNextPage","handlePrevClick","event","cursor","page","preventDefault","handleNextClick","nextPage","Wrapper","BorderBox","PrevButton","disabled","opacity","href","NextButton"],"mappings":"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","sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { ChevronIcon } from \"../../svgs/ChevronIcon\"\nimport { BorderBox } from \"../BorderBox\"\nimport { Flex } from \"../Flex\"\nimport { Link } from \"../Link\"\nimport { NextPrevButtonProps, PaginationProps } from \"./Pagination\"\n\n/**\n * SmallPagination\n * @deprecated Use Pagination\n */\nexport const SmallPagination: React.FC<PaginationProps> = (props) => {\n  const {\n    pageCursors: { previous },\n    getHref,\n    onClick,\n    onNext,\n    hasNextPage,\n  } = props\n\n  const handlePrevClick = (event: React.MouseEvent) => {\n    if (previous && onClick) {\n      onClick(previous.cursor, previous.page, event)\n    } else {\n      event.preventDefault()\n    }\n  }\n\n  const handleNextClick = (event: React.MouseEvent) => {\n    if (hasNextPage && onNext) {\n      onNext(event, nextPage)\n    } else {\n      event.preventDefault()\n    }\n  }\n\n  const nextPage = (previous?.page || 0) + 2\n\n  return (\n    <Flex flexDirection=\"row\" height=\"40px\" width=\"100%\">\n      <PrevButton\n        disabled={!previous}\n        getHref={getHref}\n        onClick={handlePrevClick}\n        page={previous?.page}\n      />\n      <NextButton\n        disabled={!hasNextPage}\n        getHref={getHref}\n        onClick={handleNextClick}\n        page={nextPage}\n      />\n    </Flex>\n  )\n}\n\nconst Wrapper = styled(BorderBox)`\n  border-radius: 3px;\n  border-width: 2px;\n  padding: 0;\n  width: 50%;\n\n  a {\n    height: 100%;\n    width: 100%;\n\n    > div {\n      align-items: center;\n      height: 100%;\n    }\n  }\n`\n\nconst PrevButton: React.FC<NextPrevButtonProps> = (props) => {\n  const { disabled, getHref, onClick, page } = props\n  const opacity = !disabled ? 1 : 0.1\n  let href = \"\"\n\n  if (!disabled && page && typeof getHref !== \"undefined\") {\n    href = getHref(page)\n  }\n\n  return (\n    <Wrapper mr={0.5} opacity={opacity}>\n      <Link href={href} onClick={onClick}>\n        <Flex justifyContent=\"flex-start\" pl={1}>\n          <ChevronIcon direction=\"left\" />\n        </Flex>\n      </Link>\n    </Wrapper>\n  )\n}\n\nconst NextButton: React.FC<NextPrevButtonProps> = (props) => {\n  const { disabled, getHref, onClick, page } = props\n  const opacity = !disabled ? 1 : 0.1\n  let href = \"\"\n\n  if (!disabled && page && typeof getHref !== \"undefined\") {\n    href = getHref(page)\n  }\n\n  return (\n    <Wrapper ml={0.5} opacity={opacity}>\n      <Link href={href} onClick={onClick}>\n        <Flex justifyContent=\"flex-end\" pr={1}>\n          <ChevronIcon direction=\"right\" />\n        </Flex>\n      </Link>\n    </Wrapper>\n  )\n}\n"],"file":"SmallPagination.js"}

package/dist/elements/Radio/tokens/v2.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RADIO_STATES = exports.RADIO_DOT_STATES = void 0;
-
-var _themeGet = require("@styled-system/theme-get");
-
-var _styledComponents = require("styled-components");
-
-var RADIO_DOT_STATES = {
-  default: {
-    resting: (0, _styledComponents.css)(["border:2px solid;color:", ";border-color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black10")),
-    selected: (0, _styledComponents.css)(["border:2px solid;color:", ";border-color:", ";background-color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"))
-  },
-  focus: {
-    resting: (0, _styledComponents.css)(["border:2px solid;color:", ";border-color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black10")),
-    selected: (0, _styledComponents.css)(["border:2px solid;color:", ";border-color:", ";background-color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"))
-  },
-  disabled: {
-    resting: (0, _styledComponents.css)(["border:2px solid;color:transparent;border-color:", ";background-color:", ";"], (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black10")),
-    selected: (0, _styledComponents.css)(["border:2px solid;color:", ";border-color:", ";background-color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black10"))
-  },
-  error: {
-    resting: (0, _styledComponents.css)(["border:2px solid;color:", ";border-color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.red100")),
-    selected: (0, _styledComponents.css)(["border:2px solid;color:", ";border-color:", ";background-color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"))
-  },
-  hover: {
-    resting: (0, _styledComponents.css)(["border:2px solid;color:", ";border-color:", ";background-color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black10")),
-    selected: (0, _styledComponents.css)(["border:2px solid;color:", ";border-color:", ";background-color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"))
-  }
-};
-exports.RADIO_DOT_STATES = RADIO_DOT_STATES;
-var RADIO_STATES = {
-  default: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.black100")),
-  focus: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.black100")),
-  selected: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.black100")),
-  hover: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.black100")),
-  disabled: (0, _styledComponents.css)(["pointer-events:none;color:", ";"], (0, _themeGet.themeGet)("colors.black30")),
-  error: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.red100"))
-};
-exports.RADIO_STATES = RADIO_STATES;
-//# sourceMappingURL=v2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/elements/Radio/tokens/v2.ts"],"names":["RADIO_DOT_STATES","default","resting","css","selected","focus","disabled","error","hover","RADIO_STATES"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,MAAEC,qBAAF,sDAEI,wBAAS,iBAAT,CAFJ,EAGW,wBAAS,gBAAT,CAHX,CADA;AAMPC,IAAAA,QAAQ,MAAED,qBAAF,4EAEG,wBAAS,iBAAT,CAFH,EAGU,wBAAS,iBAAT,CAHV,EAIc,wBAAS,iBAAT,CAJd;AAND,GADqB;AAc9BE,EAAAA,KAAK,EAAE;AACLH,IAAAA,OAAO,MAAEC,qBAAF,sDAEI,wBAAS,iBAAT,CAFJ,EAGW,wBAAS,gBAAT,CAHX,CADF;AAMLC,IAAAA,QAAQ,MAAED,qBAAF,4EAEG,wBAAS,iBAAT,CAFH,EAGU,wBAAS,iBAAT,CAHV,EAIc,wBAAS,iBAAT,CAJd;AANH,GAduB;AA2B9BG,EAAAA,QAAQ,EAAE;AACRJ,IAAAA,OAAO,MAAEC,qBAAF,mFAGW,wBAAS,gBAAT,CAHX,EAIe,wBAAS,gBAAT,CAJf,CADC;AAORC,IAAAA,QAAQ,MAAED,qBAAF,4EAEG,wBAAS,iBAAT,CAFH,EAGU,wBAAS,gBAAT,CAHV,EAIc,wBAAS,gBAAT,CAJd;AAPA,GA3BoB;AAyC9BI,EAAAA,KAAK,EAAE;AACLL,IAAAA,OAAO,MAAEC,qBAAF,sDAEI,wBAAS,iBAAT,CAFJ,EAGW,wBAAS,eAAT,CAHX,CADF;AAMLC,IAAAA,QAAQ,MAAED,qBAAF,4EAEG,wBAAS,iBAAT,CAFH,EAGU,wBAAS,iBAAT,CAHV,EAIc,wBAAS,iBAAT,CAJd;AANH,GAzCuB;AAsD9BK,EAAAA,KAAK,EAAE;AACLN,IAAAA,OAAO,MAAEC,qBAAF,4EAEI,wBAAS,iBAAT,CAFJ,EAGW,wBAAS,gBAAT,CAHX,EAIe,wBAAS,gBAAT,CAJf,CADF;AAOLC,IAAAA,QAAQ,MAAED,qBAAF,4EAEG,wBAAS,iBAAT,CAFH,EAGU,wBAAS,iBAAT,CAHV,EAIc,wBAAS,iBAAT,CAJd;AAPH;AAtDuB,CAAzB;;AAsEA,IAAMM,YAAY,GAAG;AAC1BR,EAAAA,OAAO,MAAEE,qBAAF,mBACI,wBAAS,iBAAT,CADJ,CADmB;AAI1BE,EAAAA,KAAK,MAAEF,qBAAF,mBACM,wBAAS,iBAAT,CADN,CAJqB;AAO1BC,EAAAA,QAAQ,MAAED,qBAAF,mBACG,wBAAS,iBAAT,CADH,CAPkB;AAU1BK,EAAAA,KAAK,MAAEL,qBAAF,mBACM,wBAAS,iBAAT,CADN,CAVqB;AAa1BG,EAAAA,QAAQ,MAAEH,qBAAF,uCAEG,wBAAS,gBAAT,CAFH,CAbkB;AAiB1BI,EAAAA,KAAK,MAAEJ,qBAAF,mBACM,wBAAS,eAAT,CADN;AAjBqB,CAArB","sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const RADIO_DOT_STATES = {\n  default: {\n    resting: css`\n      border: 2px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black10\")};\n    `,\n    selected: css`\n      border: 2px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black100\")};\n    `,\n  },\n  focus: {\n    resting: css`\n      border: 2px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black10\")};\n    `,\n    selected: css`\n      border: 2px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black100\")};\n    `,\n  },\n  disabled: {\n    resting: css`\n      border: 2px solid;\n      color: transparent;\n      border-color: ${themeGet(\"colors.black10\")};\n      background-color: ${themeGet(\"colors.black10\")};\n    `,\n    selected: css`\n      border: 2px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black10\")};\n      background-color: ${themeGet(\"colors.black10\")};\n    `,\n  },\n  error: {\n    resting: css`\n      border: 2px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.red100\")};\n    `,\n    selected: css`\n      border: 2px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black100\")};\n    `,\n  },\n  hover: {\n    resting: css`\n      border: 2px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black10\")};\n      background-color: ${themeGet(\"colors.black10\")};\n    `,\n    selected: css`\n      border: 2px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black100\")};\n    `,\n  },\n}\n\nexport const RADIO_STATES = {\n  default: css`\n    color: ${themeGet(\"colors.black100\")};\n  `,\n  focus: css`\n    color: ${themeGet(\"colors.black100\")};\n  `,\n  selected: css`\n    color: ${themeGet(\"colors.black100\")};\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.black100\")};\n  `,\n  disabled: css`\n    pointer-events: none;\n    color: ${themeGet(\"colors.black30\")};\n  `,\n  error: css`\n    color: ${themeGet(\"colors.red100\")};\n  `,\n} as const\n"],"file":"v2.js"}

package/dist/elements/Radio/tokens/v3.d.ts

@@ -1,30 +0,0 @@
-export declare const RADIO_DOT_STATES: {
-    default: {
-        resting: import("styled-components").FlattenInterpolation<any>[];
-        selected: import("styled-components").FlattenInterpolation<any>[];
-    };
-    focus: {
-        resting: import("styled-components").FlattenInterpolation<any>[];
-        selected: import("styled-components").FlattenInterpolation<any>[];
-    };
-    disabled: {
-        resting: import("styled-components").FlattenInterpolation<any>[];
-        selected: import("styled-components").FlattenInterpolation<any>[];
-    };
-    error: {
-        resting: import("styled-components").FlattenInterpolation<any>[];
-        selected: import("styled-components").FlattenInterpolation<any>[];
-    };
-    hover: {
-        resting: import("styled-components").FlattenInterpolation<any>[];
-        selected: import("styled-components").FlattenInterpolation<any>[];
-    };
-};
-export declare const RADIO_STATES: {
-    readonly default: import("styled-components").FlattenInterpolation<any>[];
-    readonly focus: import("styled-components").FlattenInterpolation<any>[];
-    readonly selected: import("styled-components").FlattenInterpolation<any>[];
-    readonly hover: import("styled-components").FlattenInterpolation<any>[];
-    readonly disabled: import("styled-components").FlattenInterpolation<any>[];
-    readonly error: import("styled-components").FlattenInterpolation<any>[];
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/elements/Radio/tokens/v3.ts"],"names":["RADIO_DOT_STATES","default","resting","css","selected","focus","disabled","error","hover","RADIO_STATES"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,MAAEC,qBAAF,sDAEI,wBAAS,iBAAT,CAFJ,EAGW,wBAAS,gBAAT,CAHX,CADA;AAMPC,IAAAA,QAAQ,MAAED,qBAAF,4EAEG,wBAAS,iBAAT,CAFH,EAGU,wBAAS,iBAAT,CAHV,EAIc,wBAAS,iBAAT,CAJd;AAND,GADqB;AAc9BE,EAAAA,KAAK,EAAE;AACLH,IAAAA,OAAO,MAAEC,qBAAF,sDAEI,wBAAS,iBAAT,CAFJ,EAGW,wBAAS,iBAAT,CAHX,CADF;AAMLC,IAAAA,QAAQ,MAAED,qBAAF,4EAEG,wBAAS,iBAAT,CAFH,EAGU,wBAAS,iBAAT,CAHV,EAIc,wBAAS,iBAAT,CAJd;AANH,GAduB;AA2B9BG,EAAAA,QAAQ,EAAE;AACRJ,IAAAA,OAAO,MAAEC,qBAAF,sDAEI,wBAAS,iBAAT,CAFJ,EAGW,wBAAS,gBAAT,CAHX,CADC;AAMRC,IAAAA,QAAQ,MAAED,qBAAF,4EAEG,wBAAS,iBAAT,CAFH,EAGU,wBAAS,gBAAT,CAHV,EAIc,wBAAS,gBAAT,CAJd;AANA,GA3BoB;AAwC9BI,EAAAA,KAAK,EAAE;AACLL,IAAAA,OAAO,MAAEC,qBAAF,sDAEI,wBAAS,iBAAT,CAFJ,EAGW,wBAAS,eAAT,CAHX,CADF;AAMLC,IAAAA,QAAQ,MAAED,qBAAF,4EAEG,wBAAS,iBAAT,CAFH,EAGU,wBAAS,eAAT,CAHV,EAIc,wBAAS,eAAT,CAJd;AANH,GAxCuB;AAqD9BK,EAAAA,KAAK,EAAE;AACLN,IAAAA,OAAO,MAAEC,qBAAF,mFAGW,wBAAS,gBAAT,CAHX,EAIe,wBAAS,iBAAT,CAJf,CADF;AAOLC,IAAAA,QAAQ,MAAED,qBAAF,4EAEG,wBAAS,iBAAT,CAFH,EAGU,wBAAS,gBAAT,CAHV,EAIc,wBAAS,gBAAT,CAJd;AAPH;AArDuB,CAAzB;;AAqEA,IAAMM,YAAY,GAAG;AAC1BR,EAAAA,OAAO,MAAEE,qBAAF,mBACI,wBAAS,gBAAT,CADJ,CADmB;AAI1BE,EAAAA,KAAK,MAAEF,qBAAF,wEACM,wBAAS,iBAAT,CADN,CAJqB;AAY1BC,EAAAA,QAAQ,MAAED,qBAAF,mBACG,wBAAS,iBAAT,CADH,CAZkB;AAe1BK,EAAAA,KAAK,MAAEL,qBAAF,wEACM,wBAAS,gBAAT,CADN,CAfqB;AAuB1BG,EAAAA,QAAQ,MAAEH,qBAAF,uCAEG,wBAAS,gBAAT,CAFH,CAvBkB;AA2B1BI,EAAAA,KAAK,MAAEJ,qBAAF,mBACM,wBAAS,eAAT,CADN;AA3BqB,CAArB","sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const RADIO_DOT_STATES = {\n  default: {\n    resting: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black30\")};\n    `,\n    selected: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black100\")};\n    `,\n  },\n  focus: {\n    resting: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n    `,\n    selected: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black100\")};\n    `,\n  },\n  disabled: {\n    resting: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black30\")};\n    `,\n    selected: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black30\")};\n      background-color: ${themeGet(\"colors.black30\")};\n    `,\n  },\n  error: {\n    resting: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.red100\")};\n    `,\n    selected: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      background-color: ${themeGet(\"colors.red100\")};\n    `,\n  },\n  hover: {\n    resting: css`\n      border: 1px solid;\n      color: transparent;\n      border-color: ${themeGet(\"colors.blue100\")};\n      background-color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      border: 1px solid;\n      color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      background-color: ${themeGet(\"colors.blue100\")};\n    `,\n  },\n}\n\nexport const RADIO_STATES = {\n  default: css`\n    color: ${themeGet(\"colors.black60\")};\n  `,\n  focus: css`\n    color: ${themeGet(\"colors.black100\")};\n\n    /* Label */\n    > div > div:first-of-type {\n      text-decoration: underline;\n    }\n  `,\n  selected: css`\n    color: ${themeGet(\"colors.black100\")};\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.blue100\")};\n\n    /* Label */\n    > div > div:first-of-type {\n      text-decoration: underline;\n    }\n  `,\n  disabled: css`\n    pointer-events: none;\n    color: ${themeGet(\"colors.black30\")};\n  `,\n  error: css`\n    color: ${themeGet(\"colors.red100\")};\n  `,\n} as const\n"],"file":"v3.js"}

package/dist/elements/Tags/Tags.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-interface TagProps {
-    name: string;
-    href: string;
-}
-interface TagsProps {
-    tags: TagProps[];
-    displayNum?: number;
-}
-/**
- * Use tags for genes and categories that relate to an Artist or Artwork.
- * @deprecated
- */
-export declare const Tags: React.FC<TagsProps>;
-export {};

package/dist/elements/Tags/Tags.js

@@ -1,174 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tags = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _helpers = require("../../helpers");
-
-var _Box = require("../Box");
-
-var _Flex = require("../Flex");
-
-var _Join = require("../Join");
-
-var _Link = require("../Link");
-
-var _Typography = require("../Typography");
-
-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; }
-
-function _extends() { _extends = Object.assign || 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); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-/**
- * Use tags for genes and categories that relate to an Artist or Artwork.
- * @deprecated
- */
-var Tags = function Tags(_ref) {
-  var tags = _ref.tags,
-      _ref$displayNum = _ref.displayNum,
-      displayNum = _ref$displayNum === void 0 ? tags.length : _ref$displayNum;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      expanded = _useState2[0],
-      setExpanded = _useState2[1];
-
-  var _useState3 = (0, _react.useState)("auto"),
-      _useState4 = _slicedToArray(_useState3, 2),
-      boxHeight = _useState4[0],
-      setBoxHeight = _useState4[1];
-
-  var flexContainer = (0, _react.useRef)(null);
-  var animatingBox = (0, _react.useRef)(null); // after animating AnimatingBox height set back height to auto (to handle screen resize etc.)
-
-  (0, _react.useEffect)(function () {
-    animatingBox.current.addEventListener("transitionend", function (e) {
-      var isAnimatingBoxTransition = e.target === animatingBox.current;
-
-      if (isAnimatingBoxTransition) {
-        setBoxHeight("auto");
-      }
-    });
-  }, []);
-  var sliceSize = expanded ? tags.length : displayNum;
-  var tagEls = tags.slice(0, sliceSize).map(function (tag, i) {
-    return /*#__PURE__*/_react.default.createElement(Tag, _extends({
-      key: i
-    }, tag));
-  });
-  /**
-   * By default AnimationBox height is auto. for open/close transition:
-   * 1. explicitly set the height to be the same as the flex container inside it,
-   * 2. display new tags (setExpanded(true))
-   * 3. set the height to the new flexContainer height so the animation triggers
-   */
-
-  var toggleMore = function toggleMore() {
-    var BORDER_OFFSET = 2;
-    var oldHeight = flexContainer.current.offsetHeight - BORDER_OFFSET;
-    setBoxHeight(oldHeight + "px");
-    setExpanded(!expanded); // wait for a tick
-
-    setTimeout(function () {
-      var newHeight = flexContainer.current.offsetHeight - BORDER_OFFSET;
-      setBoxHeight("".concat(newHeight, "px"));
-    }, 10);
-  };
-
-  var moreButton = displayNum < tags.length && !expanded && /*#__PURE__*/_react.default.createElement(MoreTag, {
-    count: tags.length - displayNum,
-    onClick: toggleMore
-  });
-
-  return /*#__PURE__*/_react.default.createElement(AnimatingBox, {
-    height: boxHeight,
-    ref: animatingBox
-  }, /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    flexWrap: "wrap",
-    mb: -0.5,
-    ref: flexContainer
-  }, /*#__PURE__*/_react.default.createElement(_Join.Join, {
-    separator: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-      pl: 0.5
-    })
-  }, tagEls, moreButton)));
-};
-
-exports.Tags = Tags;
-Tags.displayName = "Tags";
-var AnimatingBox = (0, _styledComponents.default)(_Box.Box).withConfig({
-  displayName: "Tags__AnimatingBox",
-  componentId: "sc-1aqkapz-0"
-})(["transition:height 0.25s ease;overflow:hidden;"]);
-
-var Tag = function Tag(_ref2) {
-  var name = _ref2.name,
-      href = _ref2.href;
-  return /*#__PURE__*/_react.default.createElement(_Link.Link, {
-    href: href,
-    underlineBehavior: "none"
-  }, /*#__PURE__*/_react.default.createElement(TagBox, null, name));
-};
-
-Tag.displayName = "Tag";
-var tagsBoxMargins = {
-  px: 1,
-  py: 0.5,
-  mb: 0.5
-};
-
-var TagBox = function TagBox(_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/_react.default.createElement(HoverBox, tagsBoxMargins, /*#__PURE__*/_react.default.createElement(_Typography.Sans, {
-    size: "2",
-    color: "black60"
-  }, children));
-};
-
-TagBox.displayName = "TagBox";
-
-var MoreTag = function MoreTag(_ref4) {
-  var onClick = _ref4.onClick,
-      count = _ref4.count;
-  return /*#__PURE__*/_react.default.createElement(MoreBox, _extends({}, tagsBoxMargins, {
-    onClick: onClick
-  }), /*#__PURE__*/_react.default.createElement(_Typography.Sans, {
-    size: "2",
-    color: "black60"
-  }, "+", count, " more"));
-};
-
-MoreTag.displayName = "MoreTag";
-var HoverBox = (0, _styledComponents.default)(_Box.Box).withConfig({
-  displayName: "Tags__HoverBox",
-  componentId: "sc-1aqkapz-1"
-})(["border:1px solid ", ";border-radius:2px;background-color:", ";&:hover{background-color:", ";border-color:", ";}transition:all 0.25s;"], (0, _helpers.color)("black5"), (0, _helpers.color)("black5"), (0, _helpers.color)("black10"), (0, _helpers.color)("black10"));
-var MoreBox = (0, _styledComponents.default)(_Box.Box).withConfig({
-  displayName: "Tags__MoreBox",
-  componentId: "sc-1aqkapz-2"
-})(["border:1px solid ", ";border-radius:2px;&:hover{border-color:", ";}transition:all 0.25s;cursor:pointer;"], (0, _helpers.color)("black5"), (0, _helpers.color)("black10"));
-//# sourceMappingURL=Tags.js.map

package/dist/elements/Tags/Tags.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/elements/Tags/Tags.tsx"],"names":["Tags","tags","displayNum","length","expanded","setExpanded","boxHeight","setBoxHeight","flexContainer","animatingBox","current","addEventListener","e","isAnimatingBoxTransition","target","sliceSize","tagEls","slice","map","tag","i","toggleMore","BORDER_OFFSET","oldHeight","offsetHeight","setTimeout","newHeight","moreButton","AnimatingBox","Box","Tag","name","href","tagsBoxMargins","px","py","mb","TagBox","children","MoreTag","onClick","count","HoverBox","MoreBox"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { color } from \"../../helpers\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Join } from \"../Join\"\nimport { Link } from \"../Link\"\nimport { Sans } from \"../Typography\"\n\ninterface TagProps {\n  name: string\n  href: string\n}\n\ninterface TagsProps {\n  tags: TagProps[]\n  displayNum?: number\n}\n/**\n * Use tags for genes and categories that relate to an Artist or Artwork.\n * @deprecated\n */\nexport const Tags: React.FC<TagsProps> = ({\n  tags,\n  displayNum = tags.length,\n}) => {\n  const [expanded, setExpanded] = useState(false)\n  const [boxHeight, setBoxHeight] = useState(\"auto\")\n  const flexContainer = useRef<HTMLDivElement>(null)\n  const animatingBox = useRef<HTMLDivElement>(null)\n  // after animating AnimatingBox height set back height to auto (to handle screen resize etc.)\n  useEffect(() => {\n    animatingBox.current!.addEventListener(\"transitionend\", (e) => {\n      const isAnimatingBoxTransition = e.target === animatingBox.current\n      if (isAnimatingBoxTransition) {\n        setBoxHeight(\"auto\")\n      }\n    })\n  }, [])\n  const sliceSize = expanded ? tags.length : displayNum\n  const tagEls = tags.slice(0, sliceSize).map((tag, i) => {\n    return <Tag key={i} {...tag} />\n  })\n\n  /**\n   * By default AnimationBox height is auto. for open/close transition:\n   * 1. explicitly set the height to be the same as the flex container inside it,\n   * 2. display new tags (setExpanded(true))\n   * 3. set the height to the new flexContainer height so the animation triggers\n   */\n  const toggleMore = () => {\n    const BORDER_OFFSET = 2\n    const oldHeight = flexContainer.current!.offsetHeight - BORDER_OFFSET\n    setBoxHeight(oldHeight + \"px\")\n\n    setExpanded(!expanded)\n\n    // wait for a tick\n    setTimeout(() => {\n      const newHeight = flexContainer.current!.offsetHeight - BORDER_OFFSET\n      setBoxHeight(`${newHeight}px`)\n    }, 10)\n  }\n\n  const moreButton = displayNum < tags.length && !expanded && (\n    <MoreTag count={tags.length - displayNum} onClick={toggleMore} />\n  )\n\n  return (\n    <AnimatingBox height={boxHeight} ref={animatingBox as any}>\n      <Flex flexWrap=\"wrap\" mb={-0.5} ref={flexContainer as any}>\n        <Join separator={<Box pl={0.5} />}>\n          {tagEls}\n          {moreButton}\n        </Join>\n      </Flex>\n    </AnimatingBox>\n  )\n}\n\nconst AnimatingBox = styled(Box)`\n  transition: height 0.25s ease;\n  overflow: hidden;\n`\n\nconst Tag: React.FC<TagProps> = ({ name, href }) => {\n  return (\n    <Link href={href} underlineBehavior=\"none\">\n      <TagBox>{name}</TagBox>\n    </Link>\n  )\n}\n\nconst tagsBoxMargins = {\n  px: 1,\n  py: 0.5,\n  mb: 0.5,\n}\n\nconst TagBox: React.FC = ({ children }) => (\n  <HoverBox {...tagsBoxMargins}>\n    <Sans size=\"2\" color=\"black60\">\n      {children}\n    </Sans>\n  </HoverBox>\n)\n\nconst MoreTag: React.FC<{ onClick: (e) => void; count: number }> = ({\n  onClick,\n  count,\n}) => {\n  return (\n    <MoreBox {...tagsBoxMargins} onClick={onClick}>\n      <Sans size=\"2\" color=\"black60\">\n        +{count} more\n      </Sans>\n    </MoreBox>\n  )\n}\n\nconst HoverBox = styled(Box)`\n  border: 1px solid ${color(\"black5\")};\n  border-radius: 2px;\n  background-color: ${color(\"black5\")};\n  &:hover {\n    background-color: ${color(\"black10\")};\n    border-color: ${color(\"black10\")};\n  }\n  transition: all 0.25s;\n`\n\nconst MoreBox = styled(Box)`\n  border: 1px solid ${color(\"black5\")};\n  border-radius: 2px;\n  &:hover {\n    border-color: ${color(\"black10\")};\n  }\n  transition: all 0.25s;\n  cursor: pointer;\n`\n"],"file":"Tags.js"}

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

@@ -1,22 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const DefaultProps: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithinANarrowContainer: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithDisplayNum: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/elements/Tags/Tags.story.js

@@ -1,92 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithinANarrowContainer = exports.WithDisplayNum = exports.DefaultProps = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _BorderBox = require("../BorderBox");
-
-var _Tags = require("./Tags");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var tagList = [{
-  name: "Sculpture",
-  href: "/gene/sculpture"
-}, {
-  name: "Repetition",
-  href: "/gene/repetition"
-}, {
-  name: "United States",
-  href: "/gene/united-states"
-}, {
-  name: "1960s",
-  href: "/gene/1960s"
-}, {
-  name: "Minimalism",
-  href: "/gene/minimalism"
-}, {
-  name: "Abstract Art",
-  href: "/gene/abstract-art"
-}, {
-  name: "Line, Form, and Color",
-  href: "/gene/line-form-and-color"
-}, {
-  name: "1860–1969",
-  href: "/gene/1860-1969"
-}, {
-  name: "Abstract Sculpture",
-  href: "/gene/abstract-sculpture"
-}, {
-  name: "Linear Forms",
-  href: "/gene/linear-forms"
-}];
-var _default = {
-  title: "Components/Tags"
-};
-exports.default = _default;
-
-var DefaultProps = function DefaultProps() {
-  return /*#__PURE__*/_react.default.createElement(_BorderBox.BorderBox, null, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
-    tags: tagList
-  }));
-};
-
-exports.DefaultProps = DefaultProps;
-DefaultProps.displayName = "DefaultProps";
-DefaultProps.story = {
-  name: "default props"
-};
-
-var WithinANarrowContainer = function WithinANarrowContainer() {
-  return /*#__PURE__*/_react.default.createElement(_BorderBox.BorderBox, {
-    width: "350px"
-  }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
-    tags: tagList
-  }));
-};
-
-exports.WithinANarrowContainer = WithinANarrowContainer;
-WithinANarrowContainer.displayName = "WithinANarrowContainer";
-WithinANarrowContainer.story = {
-  name: "within a narrow container"
-};
-
-var WithDisplayNum = function WithDisplayNum() {
-  return /*#__PURE__*/_react.default.createElement(_BorderBox.BorderBox, {
-    width: "350px"
-  }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
-    tags: tagList,
-    displayNum: 5
-  }));
-};
-
-exports.WithDisplayNum = WithDisplayNum;
-WithDisplayNum.displayName = "WithDisplayNum";
-WithDisplayNum.story = {
-  name: "with displayNum"
-};
-//# sourceMappingURL=Tags.story.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/elements/Tags/Tags.story.tsx"],"names":["tagList","name","href","title","DefaultProps","story","WithinANarrowContainer","WithDisplayNum"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,OAAO,GAAG,CACd;AACEC,EAAAA,IAAI,EAAE,WADR;AAEEC,EAAAA,IAAI,EAAE;AAFR,CADc,EAKd;AACED,EAAAA,IAAI,EAAE,YADR;AAEEC,EAAAA,IAAI,EAAE;AAFR,CALc,EASd;AACED,EAAAA,IAAI,EAAE,eADR;AAEEC,EAAAA,IAAI,EAAE;AAFR,CATc,EAad;AACED,EAAAA,IAAI,EAAE,OADR;AAEEC,EAAAA,IAAI,EAAE;AAFR,CAbc,EAiBd;AACED,EAAAA,IAAI,EAAE,YADR;AAEEC,EAAAA,IAAI,EAAE;AAFR,CAjBc,EAqBd;AACED,EAAAA,IAAI,EAAE,cADR;AAEEC,EAAAA,IAAI,EAAE;AAFR,CArBc,EAyBd;AACED,EAAAA,IAAI,EAAE,uBADR;AAEEC,EAAAA,IAAI,EAAE;AAFR,CAzBc,EA6Bd;AACED,EAAAA,IAAI,EAAE,WADR;AAEEC,EAAAA,IAAI,EAAE;AAFR,CA7Bc,EAiCd;AACED,EAAAA,IAAI,EAAE,oBADR;AAEEC,EAAAA,IAAI,EAAE;AAFR,CAjCc,EAqCd;AACED,EAAAA,IAAI,EAAE,cADR;AAEEC,EAAAA,IAAI,EAAE;AAFR,CArCc,CAAhB;eA2Ce;AACbC,EAAAA,KAAK,EAAE;AADM,C;;;AAIR,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;AAChC,sBACE,6BAAC,oBAAD,qBACE,6BAAC,UAAD;AAAM,IAAA,IAAI,EAAEJ;AAAZ,IADF,CADF;AAKD,CANM;;;AAAMI,Y;AAQbA,YAAY,CAACC,KAAb,GAAqB;AACnBJ,EAAAA,IAAI,EAAE;AADa,CAArB;;AAIO,IAAMK,sBAAsB,GAAG,SAAzBA,sBAAyB,GAAM;AAC1C,sBACE,6BAAC,oBAAD;AAAW,IAAA,KAAK,EAAC;AAAjB,kBACE,6BAAC,UAAD;AAAM,IAAA,IAAI,EAAEN;AAAZ,IADF,CADF;AAKD,CANM;;;AAAMM,sB;AAQbA,sBAAsB,CAACD,KAAvB,GAA+B;AAC7BJ,EAAAA,IAAI,EAAE;AADuB,CAA/B;;AAIO,IAAMM,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAClC,sBACE,6BAAC,oBAAD;AAAW,IAAA,KAAK,EAAC;AAAjB,kBACE,6BAAC,UAAD;AAAM,IAAA,IAAI,EAAEP,OAAZ;AAAqB,IAAA,UAAU,EAAE;AAAjC,IADF,CADF;AAKD,CANM;;;AAAMO,c;AAQbA,cAAc,CAACF,KAAf,GAAuB;AACrBJ,EAAAA,IAAI,EAAE;AADe,CAAvB","sourcesContent":["import React from \"react\"\nimport { BorderBox } from \"../BorderBox\"\nimport { Tags } from \"./Tags\"\n\nconst tagList = [\n  {\n    name: \"Sculpture\",\n    href: \"/gene/sculpture\",\n  },\n  {\n    name: \"Repetition\",\n    href: \"/gene/repetition\",\n  },\n  {\n    name: \"United States\",\n    href: \"/gene/united-states\",\n  },\n  {\n    name: \"1960s\",\n    href: \"/gene/1960s\",\n  },\n  {\n    name: \"Minimalism\",\n    href: \"/gene/minimalism\",\n  },\n  {\n    name: \"Abstract Art\",\n    href: \"/gene/abstract-art\",\n  },\n  {\n    name: \"Line, Form, and Color\",\n    href: \"/gene/line-form-and-color\",\n  },\n  {\n    name: \"1860–1969\",\n    href: \"/gene/1860-1969\",\n  },\n  {\n    name: \"Abstract Sculpture\",\n    href: \"/gene/abstract-sculpture\",\n  },\n  {\n    name: \"Linear Forms\",\n    href: \"/gene/linear-forms\",\n  },\n]\n\nexport default {\n  title: \"Components/Tags\",\n}\n\nexport const DefaultProps = () => {\n  return (\n    <BorderBox>\n      <Tags tags={tagList} />\n    </BorderBox>\n  )\n}\n\nDefaultProps.story = {\n  name: \"default props\",\n}\n\nexport const WithinANarrowContainer = () => {\n  return (\n    <BorderBox width=\"350px\">\n      <Tags tags={tagList} />\n    </BorderBox>\n  )\n}\n\nWithinANarrowContainer.story = {\n  name: \"within a narrow container\",\n}\n\nexport const WithDisplayNum = () => {\n  return (\n    <BorderBox width=\"350px\">\n      <Tags tags={tagList} displayNum={5} />\n    </BorderBox>\n  )\n}\n\nWithDisplayNum.story = {\n  name: \"with displayNum\",\n}\n"],"file":"Tags.story.js"}

package/dist/elements/Tags/index.d.ts

@@ -1 +0,0 @@
-export * from "./Tags";

package/dist/elements/Tags/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _Tags = require("./Tags");
-
-Object.keys(_Tags).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Tags[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Tags[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/dist/elements/Tags/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/elements/Tags/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Tags\"\n"],"file":"index.js"}