@artsy/palette 22.1.0 → 23.0.0

package/dist/elements/Cards/Card/v3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/elements/Cards/Card/v3.tsx"],"names":["Card","image","title","subtitle","status","rest","objectFit","src","textShadow","TEXT_SHADOW"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACO,IAAMA,IAAyB,GAAG,SAA5BA,IAA4B,OAMnC;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,MAEI,QAFJA,MAEI;AAAA,MADDC,IACC;;AACJ,sBACE,6BAAC,QAAD;AAAK,IAAA,QAAQ,EAAE;AAAf,KAAwBA,IAAxB,gBACE,6BAAC,eAAD;AAAe,IAAA,WAAW,EAAE,GAA5B;AAAiC,IAAA,YAAY,EAAE,GAA/C;AAAoD,IAAA,QAAQ,EAAC;AAA7D,kBACE,6BAAC,YAAD;AACE,IAAA,GAAG,EAAC,EADN;AAEE,IAAA,MAAM,EAAC,MAFT;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,KAAK,EAAE;AAAEC,MAAAA,SAAS,EAAE;AAAb;AAJT,KAKO,OAAOL,KAAP,KAAiB,QAAjB,GAA4B;AAAEM,IAAAA,GAAG,EAAEN;AAAP,GAA5B,GAA6CA,KALpD,EADF,eASE,6BAAC,QAAD;AACE,IAAA,QAAQ,EAAC,UADX;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,GAAG,EAAE,CAJP;AAKE,IAAA,IAAI,EAAE,CALR;AAME,IAAA,UAAU,EAAC;AANb,IATF,eAkBE,6BAAC,QAAD;AACE,IAAA,QAAQ,EAAC,UADX;AAEE,IAAA,MAAM,EAAE,CAFV;AAGE,IAAA,IAAI,EAAE,CAHR;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,CAAC,EAAE,CALL;AAME,IAAA,KAAK,EAAE;AAAEO,MAAAA,UAAU,EAAEC;AAAd;AANT,KAQGL,MAAM,iBACL,6BAAC,UAAD;AAAM,IAAA,OAAO,EAAC,IAAd;AAAmB,IAAA,KAAK,EAAC;AAAzB,KACGA,MADH,CATJ,eAcE,6BAAC,UAAD;AAAM,IAAA,OAAO,EAAC,YAAd;AAA2B,IAAA,KAAK,EAAC;AAAjC,KACGF,KADH,CAdF,EAkBGC,QAAQ,iBACP,6BAAC,UAAD;AAAM,IAAA,OAAO,EAAC,YAAd;AAA2B,IAAA,KAAK,EAAC;AAAjC,KACGA,QADH,CAnBJ,CAlBF,CADF,CADF;AA+CD,CAtDM;;;AAAMH,I","sourcesContent":["import React from \"react\"\nimport { CardProps } from \"./Card\"\nimport { ResponsiveBox } from \"../..\"\nimport { TEXT_SHADOW } from \"../../..\"\nimport { Box } from \"../../Box\"\nimport { Image } from \"../../Image\"\nimport { Text } from \"../../Text\"\n\n/**\n * `Card` is a card with one image one tall image, and text for title\n * and subtitle at the bottom.\n */\nexport const Card: React.FC<CardProps> = ({\n  image,\n  title,\n  subtitle,\n  status,\n  ...rest\n}) => {\n  return (\n    <Box maxWidth={280} {...rest}>\n      <ResponsiveBox aspectWidth={280} aspectHeight={370} maxWidth=\"100%\">\n        <Image\n          alt=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          style={{ objectFit: \"cover\" }}\n          {...(typeof image === \"string\" ? { src: image } : image)}\n        />\n\n        <Box\n          position=\"absolute\"\n          width=\"100%\"\n          height=\"100%\"\n          top={0}\n          left={0}\n          background=\"linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6))\"\n        />\n\n        <Box\n          position=\"absolute\"\n          bottom={0}\n          left={0}\n          width=\"100%\"\n          p={2}\n          style={{ textShadow: TEXT_SHADOW }}\n        >\n          {status && (\n            <Text variant=\"xs\" color=\"white100\">\n              {status}\n            </Text>\n          )}\n\n          <Text variant=\"sm-display\" color=\"white100\">\n            {title}\n          </Text>\n\n          {subtitle && (\n            <Text variant=\"sm-display\" color=\"black15\">\n              {subtitle}\n            </Text>\n          )}\n        </Box>\n      </ResponsiveBox>\n    </Box>\n  )\n}\n"],"file":"v3.js"}

package/dist/elements/Cards/CardTag.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { BoxProps } from "../Box";
-/**
- * `CardTag` is used for the Cards, and is controlled by their `tag` prop.
- * @deprecated
- */
-export declare const CardTag: React.FC<BoxProps>;

package/dist/elements/Cards/CardTag.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CardTag = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = require("../Box");
-
-var _Text = require("../Text");
-
-var _excluded = ["children"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-/**
- * `CardTag` is used for the Cards, and is controlled by their `tag` prop.
- * @deprecated
- */
-var CardTag = function CardTag(_ref) {
-  var children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, _extends({
-    borderRadius: 2,
-    backgroundColor: "white100"
-  }, rest), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "caption",
-    px: 1,
-    py: 0.3,
-    color: "black100"
-  }, children));
-};
-
-exports.CardTag = CardTag;
-CardTag.displayName = "CardTag";
-//# sourceMappingURL=CardTag.js.map

package/dist/elements/Cards/CardTag.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/elements/Cards/CardTag.tsx"],"names":["CardTag","children","rest"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACO,IAAMA,OAA2B,GAAG,SAA9BA,OAA8B,OAA2B;AAAA,MAAxBC,QAAwB,QAAxBA,QAAwB;AAAA,MAAXC,IAAW;;AACpE,sBACE,6BAAC,QAAD;AAAK,IAAA,YAAY,EAAE,CAAnB;AAAsB,IAAA,eAAe,EAAC;AAAtC,KAAqDA,IAArD,gBACE,6BAAC,UAAD;AAAM,IAAA,OAAO,EAAC,SAAd;AAAwB,IAAA,EAAE,EAAE,CAA5B;AAA+B,IAAA,EAAE,EAAE,GAAnC;AAAwC,IAAA,KAAK,EAAC;AAA9C,KACGD,QADH,CADF,CADF;AAOD,CARM;;;AAAMD,O","sourcesContent":["import React from \"react\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\n\n/**\n * `CardTag` is used for the Cards, and is controlled by their `tag` prop.\n * @deprecated\n */\nexport const CardTag: React.FC<BoxProps> = ({ children, ...rest }) => {\n  return (\n    <Box borderRadius={2} backgroundColor=\"white100\" {...rest}>\n      <Text variant=\"caption\" px={1} py={0.3} color=\"black100\">\n        {children}\n      </Text>\n    </Box>\n  )\n}\n"],"file":"CardTag.js"}

package/dist/elements/Cards/TriptychCard/TriptychCard.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isArrayOfStrings = exports.TriptychCard = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Theme = require("../../../Theme");
-
-var _v = require("./v2");
-
-var _v2 = require("./v3");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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; }
-
-var isArrayOfStrings = function isArrayOfStrings(images) {
-  return _toConsumableArray(images).every(function (src) {
-    return typeof src === "string";
-  });
-};
-/**
- * `TriptychCard` is a card with a layout one square image on the left,
- * one tall or two square images on the right, and text for title and subtitle
- * at the bottom.
- */
-
-
-exports.isArrayOfStrings = isArrayOfStrings;
-
-var TriptychCard = function TriptychCard(props) {
-  var Component = (0, _Theme.useThemeConfig)({
-    v2: _v.TriptychCard,
-    v3: _v2.TriptychCard
-  });
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-
-exports.TriptychCard = TriptychCard;
-TriptychCard.displayName = "TriptychCard";
-//# sourceMappingURL=TriptychCard.js.map

package/dist/elements/Cards/TriptychCard/TriptychCard.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/elements/Cards/TriptychCard/TriptychCard.tsx"],"names":["isArrayOfStrings","images","every","src","TriptychCard","props","Component","v2","TriptychCardV2","v3","TriptychCardV3"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;AAaO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD;AAAA,SAC9B,mBAAIA,MAAJ,EAAYC,KAAZ,CAAkB,UAACC,GAAD;AAAA,WAAS,OAAOA,GAAP,KAAe,QAAxB;AAAA,GAAlB,CAD8B;AAAA,CAAzB;AAGP;AACA;AACA;AACA;AACA;;;;;AACO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,CAACC,KAAD,EAAW;AAClE,MAAMC,SAAS,GAAG,2BAAe;AAAEC,IAAAA,EAAE,EAAEC,eAAN;AAAsBC,IAAAA,EAAE,EAAEC;AAA1B,GAAf,CAAlB;AACA,sBAAO,6BAAC,SAAD,EAAeL,KAAf,CAAP;AACD,CAHM;;;AAAMD,Y","sourcesContent":["import React from \"react\"\nimport { useThemeConfig } from \"../../../Theme\"\nimport { ImageProps } from \"../../Image\"\nimport { TriptychCard as TriptychCardV2 } from \"./v2\"\nimport { TriptychCard as TriptychCardV3 } from \"./v3\"\nimport { BoxProps } from \"../../Box\"\n\ntype Images = ImageProps[] | string[]\n\nexport interface TriptychCardProps extends BoxProps {\n  /** 1, 2, or 3 images */\n  images: Images\n  title?: string | null\n  subtitle?: string | null\n  status?: string | null\n}\n\nexport const isArrayOfStrings = (images: Images): images is string[] =>\n  [...images].every((src) => typeof src === \"string\")\n\n/**\n * `TriptychCard` is a card with a layout one square image on the left,\n * one tall or two square images on the right, and text for title and subtitle\n * at the bottom.\n */\nexport const TriptychCard: React.FC<TriptychCardProps> = (props) => {\n  const Component = useThemeConfig({ v2: TriptychCardV2, v3: TriptychCardV3 })\n  return <Component {...props} />\n}\n"],"file":"TriptychCard.js"}

package/dist/elements/Cards/TriptychCard/v2.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { TriptychCardProps } from "./TriptychCard";
-export declare const TriptychCard: React.FC<TriptychCardProps>;

package/dist/elements/Cards/TriptychCard/v2.js

@@ -1,112 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TriptychCard = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = require("../../Box");
-
-var _Flex = require("../../Flex");
-
-var _Image = require("../../Image");
-
-var _Text = require("../../Text");
-
-var _CardTag = require("../CardTag");
-
-var _TriptychCard = require("./TriptychCard");
-
-var _excluded = ["images", "title", "subtitle", "status"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var TriptychCard = function TriptychCard(_ref) {
-  var images = _ref.images,
-      title = _ref.title,
-      subtitle = _ref.subtitle,
-      status = _ref.status,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var imageAttributes = (0, _TriptychCard.isArrayOfStrings)(images) ? images.map(function (src) {
-    return {
-      src: src
-    };
-  }) : images;
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, _extends({
-    width: "100%",
-    position: "relative"
-  }, rest), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    width: "100%",
-    height: "0",
-    pt: "67%",
-    position: "relative"
-  }, /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    flexDirection: "row",
-    width: "100%",
-    height: "100%",
-    position: "absolute",
-    top: "0",
-    borderRadius: "4px",
-    overflow: "hidden"
-  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    backgroundColor: "black10",
-    width: "67%",
-    overflow: "hidden",
-    mr: "1px"
-  }, /*#__PURE__*/_react.default.createElement(_Image.Image, _extends({
-    alt: "",
-    height: "100%",
-    width: "100%"
-  }, imageAttributes[0]))), /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    width: "33%",
-    flexDirection: "column"
-  }, images.length < 2 && /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    backgroundColor: "black10",
-    height: "100%",
-    width: "100%",
-    ml: "1px"
-  }), images[1] && /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    backgroundColor: "black10",
-    height: images[2] ? "50%" : "100%",
-    overflow: "hidden",
-    ml: "1px",
-    mb: images[2] ? "1px" : "0"
-  }, /*#__PURE__*/_react.default.createElement(_Image.Image, _extends({
-    alt: "",
-    height: "100%",
-    width: images[2] ? "100%" : "auto"
-  }, imageAttributes[1]))), images[2] && /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    backgroundColor: "black10",
-    height: "50%",
-    overflow: "hidden",
-    ml: "1px",
-    mt: "1px"
-  }, /*#__PURE__*/_react.default.createElement(_Image.Image, _extends({
-    alt: "",
-    height: "100%",
-    width: "100%"
-  }, imageAttributes[2])))))), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    mt: 1,
-    variant: "mediumText"
-  }, title), subtitle && /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "text",
-    color: "black60"
-  }, subtitle), status && /*#__PURE__*/_react.default.createElement(_CardTag.CardTag, {
-    position: "absolute",
-    top: 1,
-    left: 1
-  }, status));
-};
-
-exports.TriptychCard = TriptychCard;
-TriptychCard.displayName = "TriptychCard";
-//# sourceMappingURL=v2.js.map

package/dist/elements/Cards/TriptychCard/v2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/elements/Cards/TriptychCard/v2.tsx"],"names":["TriptychCard","images","title","subtitle","status","rest","imageAttributes","map","src","length"],"mappings":"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","sourcesContent":["import React from \"react\"\nimport { Box } from \"../../Box\"\nimport { Flex } from \"../../Flex\"\nimport { Image, ImageProps } from \"../../Image\"\nimport { Text } from \"../../Text\"\nimport { CardTag } from \"../CardTag\"\nimport { TriptychCardProps, isArrayOfStrings } from \"./TriptychCard\"\n\nexport const TriptychCard: React.FC<TriptychCardProps> = ({\n  images,\n  title,\n  subtitle,\n  status,\n  ...rest\n}) => {\n  const imageAttributes: ImageProps[] = isArrayOfStrings(images)\n    ? images.map((src) => ({ src }))\n    : images\n\n  return (\n    <Box width=\"100%\" position=\"relative\" {...rest}>\n      <Box width=\"100%\" height=\"0\" pt=\"67%\" position=\"relative\">\n        <Flex\n          flexDirection=\"row\"\n          width=\"100%\"\n          height=\"100%\"\n          position=\"absolute\"\n          top=\"0\"\n          borderRadius=\"4px\"\n          overflow=\"hidden\"\n        >\n          <Box backgroundColor=\"black10\" width=\"67%\" overflow=\"hidden\" mr=\"1px\">\n            <Image alt=\"\" height=\"100%\" width=\"100%\" {...imageAttributes[0]} />\n          </Box>\n\n          <Flex width=\"33%\" flexDirection=\"column\">\n            {images.length < 2 && (\n              <Box\n                backgroundColor=\"black10\"\n                height=\"100%\"\n                width=\"100%\"\n                ml=\"1px\"\n              />\n            )}\n\n            {images[1] && (\n              <Box\n                backgroundColor=\"black10\"\n                height={images[2] ? \"50%\" : \"100%\"}\n                overflow=\"hidden\"\n                ml=\"1px\"\n                mb={images[2] ? \"1px\" : \"0\"}\n              >\n                <Image\n                  alt=\"\"\n                  height=\"100%\"\n                  width={images[2] ? \"100%\" : \"auto\"}\n                  {...imageAttributes[1]}\n                />\n              </Box>\n            )}\n\n            {images[2] && (\n              <Box\n                backgroundColor=\"black10\"\n                height=\"50%\"\n                overflow=\"hidden\"\n                ml=\"1px\"\n                mt=\"1px\"\n              >\n                <Image\n                  alt=\"\"\n                  height=\"100%\"\n                  width=\"100%\"\n                  {...imageAttributes[2]}\n                />\n              </Box>\n            )}\n          </Flex>\n        </Flex>\n      </Box>\n\n      <Text mt={1} variant=\"mediumText\">\n        {title}\n      </Text>\n\n      {subtitle && (\n        <Text variant=\"text\" color=\"black60\">\n          {subtitle}\n        </Text>\n      )}\n\n      {status && (\n        <CardTag position=\"absolute\" top={1} left={1}>\n          {status}\n        </CardTag>\n      )}\n    </Box>\n  )\n}\n"],"file":"v2.js"}

package/dist/elements/Cards/TriptychCard/v3.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { TriptychCardProps } from "./TriptychCard";
-export declare const TriptychCard: React.FC<TriptychCardProps>;

package/dist/elements/Cards/TriptychCard/v3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/elements/Cards/TriptychCard/v3.tsx"],"names":["TriptychCard","images","title","subtitle","status","rest","imgs","map","src","slice","length","objectFit"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEO,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,OAMnD;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,MAEI,QAFJA,MAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,IAAkB,GAAG,CAAC,oCAAiBL,MAAjB,IACxBA,MAAM,CAACM,GAAP,CAAW,UAACC,GAAD;AAAA,WAAU;AAAEA,MAAAA,GAAG,EAAHA;AAAF,KAAV;AAAA,GAAX,CADwB,GAExBP,MAFuB,EAGzBQ,KAHyB,CAGnB,CAHmB,EAGhB,CAHgB,CAA3B;AAKA,sBACE,6BAAC,QAAD,EAASJ,IAAT,eACE,6BAAC,4BAAD;AAAe,IAAA,WAAW,EAAE,CAA5B;AAA+B,IAAA,YAAY,EAAE,CAA7C;AAAgD,IAAA,QAAQ,EAAC,MAAzD;AAAgE,IAAA,EAAE,EAAE;AAApE,kBACE,6BAAC,UAAD;AAAM,IAAA,aAAa,EAAC,KAApB;AAA0B,IAAA,KAAK,EAAC,MAAhC;AAAuC,IAAA,MAAM,EAAC;AAA9C,KACI,YAAM;AACN,YAAQC,IAAI,CAACI,MAAb;AACE,WAAK,CAAL;AACE,4BACE,6BAAC,4BAAD;AACE,UAAA,WAAW,EAAE,CADf;AAEE,UAAA,YAAY,EAAE,CAFhB;AAGE,UAAA,QAAQ,EAAC,MAHX;AAIE,UAAA,EAAE,EAAC,SAJL;AAKE,UAAA,WAAW,EAAC,WALd;AAME,UAAA,WAAW,EAAC;AANd,wBAQE,6BAAC,YAAD;AACE,UAAA,GAAG,EAAC,EADN;AAEE,UAAA,MAAM,EAAC,MAFT;AAGE,UAAA,KAAK,EAAC,MAHR;AAIE,UAAA,KAAK,EAAE;AAAEC,YAAAA,SAAS,EAAE;AAAb;AAJT,WAKML,IAAI,CAAC,CAAD,CALV,EARF,CADF;;AAmBF,WAAK,CAAL;AACE,4BACE,yEACE,6BAAC,4BAAD;AACE,UAAA,WAAW,EAAE,CADf;AAEE,UAAA,YAAY,EAAE,CAFhB;AAGE,UAAA,QAAQ,EAAC,MAHX;AAIE,UAAA,EAAE,EAAC,SAJL;AAKE,UAAA,WAAW,EAAC,WALd;AAME,UAAA,WAAW,EAAC;AANd,wBAQE,6BAAC,YAAD;AACE,UAAA,GAAG,EAAC,EADN;AAEE,UAAA,MAAM,EAAC,MAFT;AAGE,UAAA,KAAK,EAAC,MAHR;AAIE,UAAA,KAAK,EAAE;AAAEK,YAAAA,SAAS,EAAE;AAAb;AAJT,WAKML,IAAI,CAAC,CAAD,CALV,EARF,CADF,eAkBE,6BAAC,UAAD;AAAM,UAAA,KAAK,EAAC,QAAZ;AAAqB,UAAA,UAAU,EAAE;AAAjC,wBACE,6BAAC,4BAAD;AACE,UAAA,WAAW,EAAE,CADf;AAEE,UAAA,YAAY,EAAE,CAFhB;AAGE,UAAA,QAAQ,EAAC,MAHX;AAIE,UAAA,EAAE,EAAC,SAJL;AAKE,UAAA,UAAU,EAAC,WALb;AAME,UAAA,WAAW,EAAC;AANd,wBAQE,6BAAC,YAAD;AACE,UAAA,GAAG,EAAC,EADN;AAEE,UAAA,MAAM,EAAC,MAFT;AAGE,UAAA,KAAK,EAAC,MAHR;AAIE,UAAA,KAAK,EAAE;AAAEK,YAAAA,SAAS,EAAE;AAAb;AAJT,WAKML,IAAI,CAAC,CAAD,CALV,EARF,CADF,CAlBF,CADF;;AAuCF,WAAK,CAAL;AACE,4BACE,yEACE,6BAAC,4BAAD;AACE,UAAA,WAAW,EAAE,CADf;AAEE,UAAA,YAAY,EAAE,CAFhB;AAGE,UAAA,QAAQ,EAAC,MAHX;AAIE,UAAA,EAAE,EAAC,SAJL;AAKE,UAAA,WAAW,EAAC,WALd;AAME,UAAA,WAAW,EAAC;AANd,wBAQE,6BAAC,YAAD;AACE,UAAA,GAAG,EAAC,EADN;AAEE,UAAA,MAAM,EAAC,MAFT;AAGE,UAAA,KAAK,EAAC,MAHR;AAIE,UAAA,KAAK,EAAE;AAAEK,YAAAA,SAAS,EAAE;AAAb;AAJT,WAKML,IAAI,CAAC,CAAD,CALV,EARF,CADF,eAkBE,6BAAC,UAAD;AAAM,UAAA,KAAK,EAAC,QAAZ;AAAqB,UAAA,UAAU,EAAE,CAAjC;AAAoC,UAAA,aAAa,EAAC;AAAlD,wBACE,6BAAC,4BAAD;AACE,UAAA,WAAW,EAAE,CADf;AAEE,UAAA,YAAY,EAAE,CAFhB;AAGE,UAAA,QAAQ,EAAC,MAHX;AAIE,UAAA,EAAE,EAAC,SAJL;AAKE,UAAA,UAAU,EAAC,WALb;AAME,UAAA,YAAY,EAAC,WANf;AAOE,UAAA,WAAW,EAAC;AAPd,wBASE,6BAAC,YAAD;AACE,UAAA,GAAG,EAAC,EADN;AAEE,UAAA,MAAM,EAAC,MAFT;AAGE,UAAA,KAAK,EAAC,MAHR;AAIE,UAAA,KAAK,EAAE;AAAEK,YAAAA,SAAS,EAAE;AAAb;AAJT,WAKML,IAAI,CAAC,CAAD,CALV,EATF,CADF,eAmBE,6BAAC,4BAAD;AACE,UAAA,WAAW,EAAE,CADf;AAEE,UAAA,YAAY,EAAE,CAFhB;AAGE,UAAA,QAAQ,EAAC,MAHX;AAIE,UAAA,EAAE,EAAC,SAJL;AAKE,UAAA,UAAU,EAAC,WALb;AAME,UAAA,SAAS,EAAC,WANZ;AAOE,UAAA,WAAW,EAAC;AAPd,wBASE,6BAAC,YAAD;AACE,UAAA,GAAG,EAAC,EADN;AAEE,UAAA,MAAM,EAAC,MAFT;AAGE,UAAA,KAAK,EAAC,MAHR;AAIE,UAAA,KAAK,EAAE;AAAEK,YAAAA,SAAS,EAAE;AAAb;AAJT,WAKML,IAAI,CAAC,CAAD,CALV,EATF,CAnBF,CAlBF,CADF;AA9DJ;AAyHD,GA1HA,EADH,CADF,CADF,EAiIGF,MAAM,iBAAI,6BAAC,UAAD;AAAM,IAAA,OAAO,EAAC;AAAd,KAAoBA,MAApB,CAjIb,eAmIE,6BAAC,UAAD;AAAM,IAAA,OAAO,EAAC;AAAd,KAA4BF,KAA5B,CAnIF,EAqIGC,QAAQ,iBACP,6BAAC,UAAD;AAAM,IAAA,OAAO,EAAC,YAAd;AAA2B,IAAA,KAAK,EAAC;AAAjC,KACGA,QADH,CAtIJ,CADF;AA6ID,CAzJM;;;AAAMH,Y","sourcesContent":["import React from \"react\"\nimport { ResponsiveBox } from \"../../ResponsiveBox\"\nimport { Box } from \"../../Box\"\nimport { Flex } from \"../../Flex\"\nimport { Image, ImageProps } from \"../../Image\"\nimport { Text } from \"../../Text\"\nimport { TriptychCardProps, isArrayOfStrings } from \"./TriptychCard\"\n\nexport const TriptychCard: React.FC<TriptychCardProps> = ({\n  images,\n  title,\n  subtitle,\n  status,\n  ...rest\n}) => {\n  const imgs: ImageProps[] = (isArrayOfStrings(images)\n    ? images.map((src) => ({ src }))\n    : images\n  ).slice(0, 3)\n\n  return (\n    <Box {...rest}>\n      <ResponsiveBox aspectWidth={3} aspectHeight={2} maxWidth=\"100%\" mb={1}>\n        <Flex flexDirection=\"row\" width=\"100%\" height=\"100%\">\n          {(() => {\n            switch (imgs.length) {\n              case 1:\n                return (\n                  <ResponsiveBox\n                    aspectWidth={3}\n                    aspectHeight={2}\n                    maxWidth=\"100%\"\n                    bg=\"black10\"\n                    borderRight=\"1px solid\"\n                    borderColor=\"white100\"\n                  >\n                    <Image\n                      alt=\"\"\n                      height=\"100%\"\n                      width=\"100%\"\n                      style={{ objectFit: \"cover\" }}\n                      {...imgs[0]}\n                    />\n                  </ResponsiveBox>\n                )\n\n              case 2:\n                return (\n                  <>\n                    <ResponsiveBox\n                      aspectWidth={1}\n                      aspectHeight={1}\n                      maxWidth=\"100%\"\n                      bg=\"black10\"\n                      borderRight=\"1px solid\"\n                      borderColor=\"white100\"\n                    >\n                      <Image\n                        alt=\"\"\n                        height=\"100%\"\n                        width=\"100%\"\n                        style={{ objectFit: \"cover\" }}\n                        {...imgs[0]}\n                      />\n                    </ResponsiveBox>\n\n                    <Flex width=\"33.33%\" flexShrink={0}>\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={2}\n                        maxWidth=\"100%\"\n                        bg=\"black10\"\n                        borderLeft=\"1px solid\"\n                        borderColor=\"white100\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[1]}\n                        />\n                      </ResponsiveBox>\n                    </Flex>\n                  </>\n                )\n              case 3:\n                return (\n                  <>\n                    <ResponsiveBox\n                      aspectWidth={1}\n                      aspectHeight={1}\n                      maxWidth=\"100%\"\n                      bg=\"black10\"\n                      borderRight=\"1px solid\"\n                      borderColor=\"white100\"\n                    >\n                      <Image\n                        alt=\"\"\n                        height=\"100%\"\n                        width=\"100%\"\n                        style={{ objectFit: \"cover\" }}\n                        {...imgs[0]}\n                      />\n                    </ResponsiveBox>\n\n                    <Flex width=\"33.33%\" flexShrink={0} flexDirection=\"column\">\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={1}\n                        maxWidth=\"100%\"\n                        bg=\"black10\"\n                        borderLeft=\"1px solid\"\n                        borderBottom=\"1px solid\"\n                        borderColor=\"white100\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[1]}\n                        />\n                      </ResponsiveBox>\n\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={1}\n                        maxWidth=\"100%\"\n                        bg=\"black10\"\n                        borderLeft=\"1px solid\"\n                        borderTop=\"1px solid\"\n                        borderColor=\"white100\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[2]}\n                        />\n                      </ResponsiveBox>\n                    </Flex>\n                  </>\n                )\n            }\n          })()}\n        </Flex>\n      </ResponsiveBox>\n\n      {status && <Text variant=\"xs\">{status}</Text>}\n\n      <Text variant=\"sm-display\">{title}</Text>\n\n      {subtitle && (\n        <Text variant=\"sm-display\" color=\"black60\">\n          {subtitle}\n        </Text>\n      )}\n    </Box>\n  )\n}\n"],"file":"v3.js"}

package/dist/elements/Checkbox/tokens/v2.d.ts

@@ -1,30 +0,0 @@
-export declare const CHECK_STATES: {
-    readonly default: {
-        readonly resting: import("styled-components").FlattenInterpolation<any>[];
-        readonly selected: import("styled-components").FlattenInterpolation<any>[];
-    };
-    readonly focus: {
-        readonly resting: import("styled-components").FlattenInterpolation<any>[];
-        readonly selected: import("styled-components").FlattenInterpolation<any>[];
-    };
-    readonly disabled: {
-        readonly resting: import("styled-components").FlattenInterpolation<any>[];
-        readonly selected: import("styled-components").FlattenInterpolation<any>[];
-    };
-    readonly hover: {
-        readonly resting: import("styled-components").FlattenInterpolation<any>[];
-        readonly selected: import("styled-components").FlattenInterpolation<any>[];
-    };
-    readonly error: {
-        readonly resting: import("styled-components").FlattenInterpolation<any>[];
-        readonly selected: import("styled-components").FlattenInterpolation<any>[];
-    };
-};
-export declare const CHECKBOX_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/Checkbox/tokens/v2.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CHECK_STATES = exports.CHECKBOX_STATES = void 0;
-
-var _themeGet = require("@styled-system/theme-get");
-
-var _styledComponents = require("styled-components");
-
-var CHECK_STATES = {
-  default: {
-    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.white100")),
-    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.white100"))
-  },
-  focus: {
-    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.white100")),
-    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.white100"))
-  },
-  disabled: {
-    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black5")),
-    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.white100"))
-  },
-  hover: {
-    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.white100")),
-    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.white100"))
-  },
-  error: {
-    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.white100")),
-    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.white100"))
-  }
-};
-exports.CHECK_STATES = CHECK_STATES;
-var CHECKBOX_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.CHECKBOX_STATES = CHECKBOX_STATES;
-//# sourceMappingURL=v2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/elements/Checkbox/tokens/v2.ts"],"names":["CHECK_STATES","default","resting","css","selected","focus","disabled","hover","error","CHECKBOX_STATES"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,MAAEC,qBAAF,2DACe,wBAAS,iBAAT,CADf,EAEW,wBAAS,gBAAT,CAFX,EAGI,wBAAS,iBAAT,CAHJ,CADA;AAMPC,IAAAA,QAAQ,MAAED,qBAAF,2DACc,wBAAS,iBAAT,CADd,EAEU,wBAAS,iBAAT,CAFV,EAGG,wBAAS,iBAAT,CAHH;AAND,GADiB;AAa1BE,EAAAA,KAAK,EAAE;AACLH,IAAAA,OAAO,MAAEC,qBAAF,2DACe,wBAAS,iBAAT,CADf,EAEW,wBAAS,gBAAT,CAFX,EAGI,wBAAS,iBAAT,CAHJ,CADF;AAMLC,IAAAA,QAAQ,MAAED,qBAAF,2DACc,wBAAS,iBAAT,CADd,EAEU,wBAAS,iBAAT,CAFV,EAGG,wBAAS,iBAAT,CAHH;AANH,GAbmB;AAyB1BG,EAAAA,QAAQ,EAAE;AACRJ,IAAAA,OAAO,MAAEC,qBAAF,2DACe,wBAAS,eAAT,CADf,EAEW,wBAAS,gBAAT,CAFX,EAGI,wBAAS,eAAT,CAHJ,CADC;AAMRC,IAAAA,QAAQ,MAAED,qBAAF,2DACc,wBAAS,gBAAT,CADd,EAEU,wBAAS,gBAAT,CAFV,EAGG,wBAAS,iBAAT,CAHH;AANA,GAzBgB;AAqC1BI,EAAAA,KAAK,EAAE;AACLL,IAAAA,OAAO,MAAEC,qBAAF,2DACe,wBAAS,gBAAT,CADf,EAEW,wBAAS,gBAAT,CAFX,EAGI,wBAAS,iBAAT,CAHJ,CADF;AAMLC,IAAAA,QAAQ,MAAED,qBAAF,2DACc,wBAAS,iBAAT,CADd,EAEU,wBAAS,iBAAT,CAFV,EAGG,wBAAS,iBAAT,CAHH;AANH,GArCmB;AAiD1BK,EAAAA,KAAK,EAAE;AACLN,IAAAA,OAAO,MAAEC,qBAAF,2DACe,wBAAS,iBAAT,CADf,EAEW,wBAAS,eAAT,CAFX,EAGI,wBAAS,iBAAT,CAHJ,CADF;AAMLC,IAAAA,QAAQ,MAAED,qBAAF,2DACc,wBAAS,iBAAT,CADd,EAEU,wBAAS,iBAAT,CAFV,EAGG,wBAAS,iBAAT,CAHH;AANH;AAjDmB,CAArB;;AA+DA,IAAMM,eAAe,GAAG;AAC7BR,EAAAA,OAAO,MAAEE,qBAAF,mBACI,wBAAS,iBAAT,CADJ,CADsB;AAI7BE,EAAAA,KAAK,MAAEF,qBAAF,mBACM,wBAAS,iBAAT,CADN,CAJwB;AAO7BC,EAAAA,QAAQ,MAAED,qBAAF,mBACG,wBAAS,iBAAT,CADH,CAPqB;AAU7BI,EAAAA,KAAK,MAAEJ,qBAAF,mBACM,wBAAS,iBAAT,CADN,CAVwB;AAa7BG,EAAAA,QAAQ,MAAEH,qBAAF,uCAEG,wBAAS,gBAAT,CAFH,CAbqB;AAiB7BK,EAAAA,KAAK,MAAEL,qBAAF,mBACM,wBAAS,eAAT,CADN;AAjBwB,CAAxB","sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const CHECK_STATES = {\n  default: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black10\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.black100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  focus: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black10\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.black100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  disabled: {\n    resting: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black10\")};\n      color: ${themeGet(\"colors.black5\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.black30\")};\n      border-color: ${themeGet(\"colors.black30\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  hover: {\n    resting: css`\n      background-color: ${themeGet(\"colors.black10\")};\n      border-color: ${themeGet(\"colors.black10\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.black100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  error: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.black100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n} as const\n\nexport const CHECKBOX_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/Checkbox/tokens/v3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/elements/Checkbox/tokens/v3.ts"],"names":["CHECK_STATES","default","resting","css","selected","disabled","hover","focus","error","CHECKBOX_STATES"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,MAAEC,qBAAF,2DACe,wBAAS,iBAAT,CADf,EAEW,wBAAS,gBAAT,CAFX,EAGI,wBAAS,iBAAT,CAHJ,CADA;AAMPC,IAAAA,QAAQ,MAAED,qBAAF,2DACc,wBAAS,iBAAT,CADd,EAEU,wBAAS,iBAAT,CAFV,EAGG,wBAAS,iBAAT,CAHH;AAND,GADiB;AAa1BE,EAAAA,QAAQ,EAAE;AACRH,IAAAA,OAAO,MAAEC,qBAAF,2DACe,wBAAS,iBAAT,CADf,EAEW,wBAAS,gBAAT,CAFX,EAGI,wBAAS,iBAAT,CAHJ,CADC;AAMRC,IAAAA,QAAQ,MAAED,qBAAF,2DACc,wBAAS,gBAAT,CADd,EAEU,wBAAS,gBAAT,CAFV,EAGG,wBAAS,iBAAT,CAHH;AANA,GAbgB;AAyB1BG,EAAAA,KAAK,EAAE;AACLJ,IAAAA,OAAO,MAAEC,qBAAF,2DACe,wBAAS,iBAAT,CADf,EAEW,wBAAS,gBAAT,CAFX,EAGI,wBAAS,iBAAT,CAHJ,CADF;AAMLC,IAAAA,QAAQ,MAAED,qBAAF,2DACc,wBAAS,gBAAT,CADd,EAEU,wBAAS,gBAAT,CAFV,EAGG,wBAAS,iBAAT,CAHH;AANH,GAzBmB;AAqC1BI,EAAAA,KAAK,EAAE;AACLL,IAAAA,OAAO,MAAEC,qBAAF,2DACe,wBAAS,iBAAT,CADf,EAEW,wBAAS,iBAAT,CAFX,EAGI,wBAAS,iBAAT,CAHJ,CADF;AAMLC,IAAAA,QAAQ,MAAED,qBAAF,2DACc,wBAAS,iBAAT,CADd,EAEU,wBAAS,iBAAT,CAFV,EAGG,wBAAS,iBAAT,CAHH;AANH,GArCmB;AAiD1BK,EAAAA,KAAK,EAAE;AACLN,IAAAA,OAAO,MAAEC,qBAAF,2DACe,wBAAS,iBAAT,CADf,EAEW,wBAAS,eAAT,CAFX,EAGI,wBAAS,iBAAT,CAHJ,CADF;AAMLC,IAAAA,QAAQ,MAAED,qBAAF,2DACc,wBAAS,eAAT,CADd,EAEU,wBAAS,eAAT,CAFV,EAGG,wBAAS,iBAAT,CAHH;AANH;AAjDmB,CAArB;;AA+DA,IAAMM,eAAe,GAAG;AAC7BR,EAAAA,OAAO,MAAEE,qBAAF,mBACI,wBAAS,gBAAT,CADJ,CADsB;AAI7BC,EAAAA,QAAQ,MAAED,qBAAF,mBACG,wBAAS,iBAAT,CADH,CAJqB;AAO7BI,EAAAA,KAAK,MAAEJ,qBAAF,6CAEM,wBAAS,iBAAT,CAFN,CAPwB;AAW7BG,EAAAA,KAAK,MAAEH,qBAAF,6CAEM,wBAAS,gBAAT,CAFN,CAXwB;AAe7BE,EAAAA,QAAQ,MAAEF,qBAAF,uCAEG,wBAAS,gBAAT,CAFH,CAfqB;AAmB7BK,EAAAA,KAAK,MAAEL,qBAAF,mBACM,wBAAS,eAAT,CADN;AAnBwB,CAAxB","sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const CHECK_STATES = {\n  default: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black30\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.black100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  disabled: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black30\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.black30\")};\n      border-color: ${themeGet(\"colors.black30\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  hover: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  focus: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.black100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  error: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.red100\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n} as const\n\nexport const CHECKBOX_STATES = {\n  default: css`\n    color: ${themeGet(\"colors.black60\")};\n  `,\n  selected: css`\n    color: ${themeGet(\"colors.black100\")};\n  `,\n  focus: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.black100\")};\n  `,\n  hover: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.blue100\")};\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/EntityHeader/v2/EntityHeader.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { SpacerProps } from "../../Spacer";
-export interface EntityHeaderProps extends SpacerProps {
-    href?: string;
-    imageUrl?: string;
-    initials?: string;
-    meta?: string;
-    name: string;
-    smallVariant?: boolean;
-    FollowButton?: JSX.Element;
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-}
-/**
- * Component that is used as entity header that is paired with rich information about the entity.
- */
-export declare const EntityHeader: React.FC<EntityHeaderProps>;

package/dist/elements/EntityHeader/v2/EntityHeader.js

@@ -1,111 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EntityHeader = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _Avatar = require("../../Avatar");
-
-var _Box = require("../../Box");
-
-var _Flex = require("../../Flex");
-
-var _Link = require("../../Link");
-
-var _Text = require("../../Text");
-
-var _excluded = ["href", "imageUrl", "initials", "name", "meta", "FollowButton", "smallVariant"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-/**
- * Component that is used as entity header that is paired with rich information about the entity.
- */
-var EntityHeader = function EntityHeader(_ref) {
-  var href = _ref.href,
-      imageUrl = _ref.imageUrl,
-      initials = _ref.initials,
-      name = _ref.name,
-      meta = _ref.meta,
-      FollowButton = _ref.FollowButton,
-      smallVariant = _ref.smallVariant,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var ContainerComponent = href ? FlexLink : _Flex.Flex;
-  var containerProps = href ? {
-    color: "black100",
-    noUnderline: true,
-    href: href
-  } : {};
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    _react.default.createElement(ContainerComponent, _extends({}, rest, containerProps), (imageUrl || initials) && /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-      mr: 1
-    }, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
-      size: smallVariant ? "xxs" : "xs",
-      src: imageUrl,
-      initials: initials
-    })), smallVariant ? /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-      alignItems: "center",
-      width: "100%"
-    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: "text"
-    }, name), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: "text"
-    }, FollowButton && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: "text",
-      mx: 0.3,
-      display: "inline-block"
-    }, "\u2022"), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-      display: "inline-block",
-      onClick: function onClick(event) {
-        // Capture click event so that interacting with Follow doesn't
-        // trigger Container's link.
-        event.stopPropagation();
-      }
-    }, FollowButton)))) : /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-      flexDirection: "column",
-      justifyContent: "center",
-      width: "100%"
-    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: "mediumText",
-      color: "black100"
-    }, name), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: "text",
-      color: "black60"
-    }, !!meta && /*#__PURE__*/_react.default.createElement("span", null, meta), FollowButton && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, meta && /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: "text",
-      color: "black60",
-      mx: 0.3,
-      display: "inline-block"
-    }, "\u2022"), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-      display: "inline-block",
-      onClick: function onClick(event) {
-        // Capture click event so that interacting with Follow doesn't
-        // trigger Container's link.
-        event.stopPropagation();
-      }
-    }, FollowButton)))))
-  );
-};
-
-exports.EntityHeader = EntityHeader;
-EntityHeader.displayName = "EntityHeader";
-var FlexLink = (0, _styledComponents.default)(_Link.Link).withConfig({
-  displayName: "EntityHeader__FlexLink",
-  componentId: "sc-13hmgjx-0"
-})(["display:flex;"]);
-EntityHeader.displayName = "EntityHeader";
-//# sourceMappingURL=EntityHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/elements/EntityHeader/v2/EntityHeader.tsx"],"names":["EntityHeader","href","imageUrl","initials","name","meta","FollowButton","smallVariant","rest","ContainerComponent","FlexLink","Flex","containerProps","color","noUnderline","event","stopPropagation","Link","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;AAmBA;AACA;AACA;AACO,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,OASnD;AAAA,MARJC,IAQI,QARJA,IAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,kBAAkB,GAAGR,IAAI,GAAGS,QAAH,GAAcC,UAA7C;AAEA,MAAMC,cAAuC,GAAGX,IAAI,GAChD;AAAEY,IAAAA,KAAK,EAAE,UAAT;AAAqBC,IAAAA,WAAW,EAAE,IAAlC;AAAwCb,IAAAA,IAAI,EAAJA;AAAxC,GADgD,GAEhD,EAFJ;AAIA;AAAA;AACE;AACA,iCAAC,kBAAD,eAAwBO,IAAxB,EAAkCI,cAAlC,GACG,CAACV,QAAQ,IAAIC,QAAb,kBACC,6BAAC,UAAD;AAAM,MAAA,EAAE,EAAE;AAAV,oBACE,6BAAC,cAAD;AACE,MAAA,IAAI,EAAEI,YAAY,GAAG,KAAH,GAAW,IAD/B;AAEE,MAAA,GAAG,EAAEL,QAFP;AAGE,MAAA,QAAQ,EAAEC;AAHZ,MADF,CAFJ,EAWGI,YAAY,gBACX,6BAAC,UAAD;AAAM,MAAA,UAAU,EAAC,QAAjB;AAA0B,MAAA,KAAK,EAAC;AAAhC,oBACE,6BAAC,UAAD;AAAM,MAAA,OAAO,EAAC;AAAd,OAAsBH,IAAtB,CADF,eAGE,6BAAC,UAAD;AAAM,MAAA,OAAO,EAAC;AAAd,OACGE,YAAY,iBACX,yEAEI,6BAAC,UAAD;AAAM,MAAA,OAAO,EAAC,MAAd;AAAqB,MAAA,EAAE,EAAE,GAAzB;AAA8B,MAAA,OAAO,EAAC;AAAtC,gBAFJ,eAME,6BAAC,QAAD;AACE,MAAA,OAAO,EAAC,cADV;AAEE,MAAA,OAAO,EAAE,iBAACS,KAAD,EAAW;AAClB;AACA;AACAA,QAAAA,KAAK,CAACC,eAAN;AACD;AANH,OAQGV,YARH,CANF,CAFJ,CAHF,CADW,gBA2BX,6BAAC,UAAD;AAAM,MAAA,aAAa,EAAC,QAApB;AAA6B,MAAA,cAAc,EAAC,QAA5C;AAAqD,MAAA,KAAK,EAAC;AAA3D,oBACE,6BAAC,UAAD;AAAM,MAAA,OAAO,EAAC,YAAd;AAA2B,MAAA,KAAK,EAAC;AAAjC,OACGF,IADH,CADF,eAKE,6BAAC,UAAD;AAAM,MAAA,OAAO,EAAC,MAAd;AAAqB,MAAA,KAAK,EAAC;AAA3B,OACG,CAAC,CAACC,IAAF,iBAAU,2CAAOA,IAAP,CADb,EAGGC,YAAY,iBACX,4DACGD,IAAI,iBACH,6BAAC,UAAD;AACE,MAAA,OAAO,EAAC,MADV;AAEE,MAAA,KAAK,EAAC,SAFR;AAGE,MAAA,EAAE,EAAE,GAHN;AAIE,MAAA,OAAO,EAAC;AAJV,gBAFJ,eAYE,6BAAC,QAAD;AACE,MAAA,OAAO,EAAC,cADV;AAEE,MAAA,OAAO,EAAE,iBAACU,KAAD,EAAW;AAClB;AACA;AACAA,QAAAA,KAAK,CAACC,eAAN;AACD;AANH,OAQGV,YARH,CAZF,CAJJ,CALF,CAtCJ;AAFF;AA8ED,CA9FM;;;AAAMN,Y;AAgGb,IAAMU,QAAQ,GAAG,+BAAOO,UAAP,CAAH;AAAA;AAAA;AAAA,qBAAd;AAIAjB,YAAY,CAACkB,WAAb,GAA2B,cAA3B","sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { Color } from \"../../../Theme\"\nimport { Avatar } from \"../../Avatar\"\nimport { Box } from \"../../Box\"\nimport { Flex } from \"../../Flex\"\nimport { Link } from \"../../Link\"\nimport { SpacerProps } from \"../../Spacer\"\nimport { Text } from \"../../Text\"\n\nexport interface EntityHeaderProps extends SpacerProps {\n  href?: string\n  imageUrl?: string\n  initials?: string\n  meta?: string\n  name: string\n  smallVariant?: boolean\n  FollowButton?: JSX.Element\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void\n}\n\ninterface ContainerComponentProps {\n  color?: Color\n  href?: string\n  noUnderline?: boolean\n}\n\n/**\n * Component that is used as entity header that is paired with rich information about the entity.\n */\nexport const EntityHeader: React.FC<EntityHeaderProps> = ({\n  href,\n  imageUrl,\n  initials,\n  name,\n  meta,\n  FollowButton,\n  smallVariant,\n  ...rest\n}) => {\n  const ContainerComponent = href ? FlexLink : Flex\n\n  const containerProps: ContainerComponentProps = href\n    ? { color: \"black100\", noUnderline: true, href }\n    : {}\n\n  return (\n    // @ts-ignore\n    <ContainerComponent {...rest} {...containerProps}>\n      {(imageUrl || initials) && (\n        <Flex mr={1}>\n          <Avatar\n            size={smallVariant ? \"xxs\" : \"xs\"}\n            src={imageUrl}\n            initials={initials}\n          />\n        </Flex>\n      )}\n\n      {smallVariant ? (\n        <Flex alignItems=\"center\" width=\"100%\">\n          <Text variant=\"text\">{name}</Text>\n\n          <Text variant=\"text\">\n            {FollowButton && (\n              <>\n                {\n                  <Text variant=\"text\" mx={0.3} display=\"inline-block\">\n                    •\n                  </Text>\n                }\n                <Box\n                  display=\"inline-block\"\n                  onClick={(event) => {\n                    // Capture click event so that interacting with Follow doesn't\n                    // trigger Container's link.\n                    event.stopPropagation()\n                  }}\n                >\n                  {FollowButton}\n                </Box>\n              </>\n            )}\n          </Text>\n        </Flex>\n      ) : (\n        <Flex flexDirection=\"column\" justifyContent=\"center\" width=\"100%\">\n          <Text variant=\"mediumText\" color=\"black100\">\n            {name}\n          </Text>\n\n          <Text variant=\"text\" color=\"black60\">\n            {!!meta && <span>{meta}</span>}\n\n            {FollowButton && (\n              <>\n                {meta && (\n                  <Text\n                    variant=\"text\"\n                    color=\"black60\"\n                    mx={0.3}\n                    display=\"inline-block\"\n                  >\n                    •\n                  </Text>\n                )}\n\n                <Box\n                  display=\"inline-block\"\n                  onClick={(event) => {\n                    // Capture click event so that interacting with Follow doesn't\n                    // trigger Container's link.\n                    event.stopPropagation()\n                  }}\n                >\n                  {FollowButton}\n                </Box>\n              </>\n            )}\n          </Text>\n        </Flex>\n      )}\n    </ContainerComponent>\n  )\n}\n\nconst FlexLink = styled(Link)`\n  display: flex;\n`\n\nEntityHeader.displayName = \"EntityHeader\"\n"],"file":"EntityHeader.js"}

package/dist/elements/EntityHeader/v3/EntityHeader.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { EntityHeaderProps } from "../EntityHeader";
-export declare const EntityHeader: React.FC<EntityHeaderProps>;

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

@@ -1,76 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EntityHeader = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Avatar = require("../../Avatar");
-
-var _Label = require("../../Label/Label");
-
-var _Flex = require("../../Flex");
-
-var _Text = require("../../Text");
-
-var _excluded = ["name", "href", "meta", "initials", "imageUrl", "image", "smallVariant", "FollowButton", "labels"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var EntityHeader = function EntityHeader(_ref) {
-  var name = _ref.name,
-      href = _ref.href,
-      meta = _ref.meta,
-      initials = _ref.initials,
-      imageUrl = _ref.imageUrl,
-      image = _ref.image,
-      smallVariant = _ref.smallVariant,
-      FollowButton = _ref.FollowButton,
-      labels = _ref.labels,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(_Flex.Flex, _extends({
-    alignItems: "center",
-    justifyContent: "space-between"
-  }, rest), /*#__PURE__*/_react.default.createElement(_Flex.Flex, _extends({
-    alignItems: "center"
-  }, href ? {
-    as: "a",
-    href: href,
-    style: {
-      textDecoration: "none"
-    }
-  } : {}), (imageUrl || image || initials) && /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    mr: 1
-  }, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, _extends({
-    size: smallVariant ? "xxs" : "xs",
-    src: imageUrl,
-    initials: initials
-  }, image))), /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    flexDirection: "column",
-    mr: 1
-  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "sm-display"
-  }, name), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "sm-display"
-  }, labels === null || labels === void 0 ? void 0 : labels.map(function (label, i) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: i
-    }, /*#__PURE__*/_react.default.createElement(_Label.Label, label), " ");
-  })), meta && /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "xs",
-    color: "black60"
-  }, meta))), FollowButton);
-};
-
-exports.EntityHeader = EntityHeader;
-EntityHeader.displayName = "EntityHeader";
-//# sourceMappingURL=EntityHeader.js.map