@artsy/palette 36.1.2 → 36.1.3

package/dist/elements/Pill/Pill.js

@@ -52,7 +52,7 @@ var Pill = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, forwardedRef) {
   }), /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: rest.variant === "search" ? ["xs", "sm-display"] : "xs",
     overflowEllipsis: true
-  }, /*#__PURE__*/_react.default.createElement("span", null, children), rest.variant === "search" && "count" in rest && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, " ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, null, rest.count))), (rest.variant === "filter" && !rest.disabled || rest.variant === "profile" && rest.selected) && /*#__PURE__*/_react.default.createElement(_CloseIcon.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, children), rest.variant === "search" && "count" in rest && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, " ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, null, rest.count))), (rest.variant === "gray" && rest.selected || rest.variant === "filter" && rest.selected || rest.variant === "profile" && rest.selected) && /*#__PURE__*/_react.default.createElement(_CloseIcon.default, {
     fill: "currentColor",
     ml: 0.5,
     width: 15,

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

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_CloseIcon","_interopRequireDefault","_Clickable","_Sup","_Text","_tokens","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PILL_VARIANT_NAMES","exports","Pill","forwardRef","_ref","forwardedRef","children","Icon","rest","variant","compact","createElement","Container","ref","src","Thumbnail","srcSet","concat","alt","fill","ml","mr","Text","overflowEllipsis","Fragment","Sup","count","disabled","selected","width","height","displayName","defaultProps","styled","Clickable","withConfig","componentId","themeGet","props","_props$variant","states","PILL_VARIANTS","css","focus","hover","active","img"],"sources":["../../../src/elements/Pill/Pill.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { forwardRef } from \"react\"\nimport styled from \"styled-components\"\nimport { css } from \"styled-components\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Sup } from \"../Sup\"\nimport { Text } from \"../Text\"\nimport { PILL_VARIANTS } from \"./tokens\"\nimport { BoxProps } from \"../Box\"\nimport { ResponsiveValue } from \"styled-system\"\n\nexport const PILL_VARIANT_NAMES = [\n  \"default\",\n  \"search\",\n  \"filter\",\n  \"profile\",\n  \"badge\",\n  \"gray\",\n] as const\n\nexport type PillVariant = typeof PILL_VARIANT_NAMES[number]\n\nexport type PillState =\n  | \"default\"\n  | \"hover\"\n  | \"focus\"\n  | \"active\"\n  | \"selected\"\n  | \"disabled\"\n\n/** PillProps */\nexport type PillProps = ClickableProps & {\n  as?: keyof JSX.IntrinsicElements | React.ComponentType\n  /** Forces focus state */\n  focus?: boolean\n  /** Forces hover state */\n  hover?: boolean\n  /** Forces active state. This is for working with :active; not denoting a selected state */\n  active?: boolean\n  /** Forces selected state. Use this state to denote the selected state */\n  selected?: boolean\n  /** Optional icon slot */\n  Icon?: React.FunctionComponent<BoxProps & { fill?: ResponsiveValue<string> }>\n} & (\n    | {\n        variant?: Extract<\n          PillVariant,\n          \"default\" | \"search\" | \"badge\" | \"filter\" | \"gray\"\n        >\n      }\n    | {\n        /** `\"profile\"` pills have an optional `src` */\n        variant?: Extract<PillVariant, \"profile\">\n        /**\n         * Optional avatar; 1x or [1x, 2x]\n         * Should target 30x30 @1x, 60x60 @2x\n         */\n        src?: string | [string, string]\n        /** Optionally switch into a condensed form */\n        compact?: boolean\n      }\n    | {\n        /** `search` pills have an optional `count` */\n        variant?: Extract<PillVariant, \"search\">\n        /** Optional count */\n        count?: number\n      }\n  )\n\n/**\n * A Pill is a non-CTA button.\n * It may be used for things like active filters, search states,\n * or to denote an profile entity (possibly in the context of a card).\n */\nexport const Pill = forwardRef<\n  HTMLAnchorElement & HTMLButtonElement,\n  PillProps\n>(({ children, Icon, ...rest }, forwardedRef) => {\n  const variant =\n    rest.variant === \"profile\" && rest.compact ? \"gray\" : rest.variant\n\n  return (\n    <Container ref={forwardedRef as any} {...rest} variant={variant}>\n      {rest.variant === \"profile\" && rest.src && !rest.compact && (\n        <Thumbnail\n          {...(rest.src\n            ? { src: typeof rest.src === \"string\" ? rest.src : rest.src[0] }\n            : {})}\n          {...(rest.src && typeof rest.src !== \"string\" && rest.src[1]\n            ? { srcSet: `${rest.src[0]} 1x, ${rest.src[1]} 2x` }\n            : {})}\n          // Intentionally empty string\n          alt=\"\"\n        />\n      )}\n\n      {Icon && <Icon fill=\"currentColor\" ml={-0.5} mr={0.5} />}\n\n      <Text\n        variant={rest.variant === \"search\" ? [\"xs\", \"sm-display\"] : \"xs\"}\n        overflowEllipsis\n      >\n        <span>{children}</span>\n\n        {rest.variant === \"search\" && \"count\" in rest && (\n          <>\n            {\" \"}\n            <Sup>{rest.count}</Sup>\n          </>\n        )}\n      </Text>\n\n      {((rest.variant === \"filter\" && !rest.disabled) ||\n        (rest.variant === \"profile\" && rest.selected)) && (\n        <CloseIcon fill=\"currentColor\" ml={0.5} width={15} height={15} />\n      )}\n    </Container>\n  )\n})\n\nPill.displayName = \"Pill\"\n\nPill.defaultProps = {\n  variant: \"default\",\n}\n\nconst Container = styled(Clickable)<PillProps>`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  white-space: nowrap;\n  border: 1px solid ${themeGet(\"colors.black15\")};\n  transition: color 0.25s ease, border-color 0.25s ease,\n    background-color 0.25s ease, box-shadow 0.25s ease;\n\n  ${(props) => {\n    const states = PILL_VARIANTS[props.variant ?? \"search\"]\n\n    return css`\n      ${states.default}\n      ${props.focus && states.focus}\n      ${props.hover && states.hover}\n      ${props.selected && states.selected}\n      ${props.active && states.active}\n      ${props.disabled && states.disabled}\n\n      &:hover {\n        ${states.hover}\n      }\n\n      &:focus {\n        outline: 0;\n        ${states.focus}\n        ${props.selected && states.selected}\n      }\n\n      &:active {\n        ${states.active}\n        ${props.selected && states.selected}\n      }\n\n      &:disabled {\n        pointer-events: none;\n        ${states.disabled}\n      }\n    `\n  }}\n`\n\nconst Thumbnail = styled.img`\n  display: block;\n  border-radius: 50%;\n  width: 30px;\n  height: 30px;\n  margin-right: ${themeGet(\"space.1\")};\n  background-color: ${themeGet(\"colors.black30\")};\n  margin-left: -${themeGet(\"space.1\")};\n`\n"],"mappings":"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"}
+{"version":3,"file":"Pill.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_CloseIcon","_interopRequireDefault","_Clickable","_Sup","_Text","_tokens","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PILL_VARIANT_NAMES","exports","Pill","forwardRef","_ref","forwardedRef","children","Icon","rest","variant","compact","createElement","Container","ref","src","Thumbnail","srcSet","concat","alt","fill","ml","mr","Text","overflowEllipsis","Fragment","Sup","count","selected","width","height","displayName","defaultProps","styled","Clickable","withConfig","componentId","themeGet","props","_props$variant","states","PILL_VARIANTS","css","focus","hover","active","disabled","img"],"sources":["../../../src/elements/Pill/Pill.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { forwardRef } from \"react\"\nimport styled from \"styled-components\"\nimport { css } from \"styled-components\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Sup } from \"../Sup\"\nimport { Text } from \"../Text\"\nimport { PILL_VARIANTS } from \"./tokens\"\nimport { BoxProps } from \"../Box\"\nimport { ResponsiveValue } from \"styled-system\"\n\nexport const PILL_VARIANT_NAMES = [\n  \"default\",\n  \"search\",\n  \"filter\",\n  \"profile\",\n  \"badge\",\n  \"gray\",\n] as const\n\nexport type PillVariant = typeof PILL_VARIANT_NAMES[number]\n\nexport type PillState =\n  | \"default\"\n  | \"hover\"\n  | \"focus\"\n  | \"active\"\n  | \"selected\"\n  | \"disabled\"\n\n/** PillProps */\nexport type PillProps = ClickableProps & {\n  as?: keyof JSX.IntrinsicElements | React.ComponentType\n  /** Forces focus state */\n  focus?: boolean\n  /** Forces hover state */\n  hover?: boolean\n  /** Forces active state. This is for working with :active; not denoting a selected state */\n  active?: boolean\n  /** Forces selected state. Use this state to denote the selected state */\n  selected?: boolean\n  /** Optional icon slot */\n  Icon?: React.FunctionComponent<BoxProps & { fill?: ResponsiveValue<string> }>\n} & (\n    | {\n        variant?: Extract<\n          PillVariant,\n          \"default\" | \"search\" | \"badge\" | \"filter\" | \"gray\"\n        >\n      }\n    | {\n        /** `\"profile\"` pills have an optional `src` */\n        variant?: Extract<PillVariant, \"profile\">\n        /**\n         * Optional avatar; 1x or [1x, 2x]\n         * Should target 30x30 @1x, 60x60 @2x\n         */\n        src?: string | [string, string]\n        /** Optionally switch into a condensed form */\n        compact?: boolean\n      }\n    | {\n        /** `search` pills have an optional `count` */\n        variant?: Extract<PillVariant, \"search\">\n        /** Optional count */\n        count?: number\n      }\n  )\n\n/**\n * A Pill is a non-CTA button.\n * It may be used for things like active filters, search states,\n * or to denote an profile entity (possibly in the context of a card).\n */\nexport const Pill = forwardRef<\n  HTMLAnchorElement & HTMLButtonElement,\n  PillProps\n>(({ children, Icon, ...rest }, forwardedRef) => {\n  const variant =\n    rest.variant === \"profile\" && rest.compact ? \"gray\" : rest.variant\n\n  return (\n    <Container ref={forwardedRef as any} {...rest} variant={variant}>\n      {rest.variant === \"profile\" && rest.src && !rest.compact && (\n        <Thumbnail\n          {...(rest.src\n            ? { src: typeof rest.src === \"string\" ? rest.src : rest.src[0] }\n            : {})}\n          {...(rest.src && typeof rest.src !== \"string\" && rest.src[1]\n            ? { srcSet: `${rest.src[0]} 1x, ${rest.src[1]} 2x` }\n            : {})}\n          // Intentionally empty string\n          alt=\"\"\n        />\n      )}\n\n      {Icon && <Icon fill=\"currentColor\" ml={-0.5} mr={0.5} />}\n\n      <Text\n        variant={rest.variant === \"search\" ? [\"xs\", \"sm-display\"] : \"xs\"}\n        overflowEllipsis\n      >\n        <span>{children}</span>\n\n        {rest.variant === \"search\" && \"count\" in rest && (\n          <>\n            {\" \"}\n            <Sup>{rest.count}</Sup>\n          </>\n        )}\n      </Text>\n\n      {((rest.variant === \"gray\" && rest.selected) ||\n        (rest.variant === \"filter\" && rest.selected) ||\n        (rest.variant === \"profile\" && rest.selected)) && (\n        <CloseIcon fill=\"currentColor\" ml={0.5} width={15} height={15} />\n      )}\n    </Container>\n  )\n})\n\nPill.displayName = \"Pill\"\n\nPill.defaultProps = {\n  variant: \"default\",\n}\n\nconst Container = styled(Clickable)<PillProps>`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  white-space: nowrap;\n  border: 1px solid ${themeGet(\"colors.black15\")};\n  transition: color 0.25s ease, border-color 0.25s ease,\n    background-color 0.25s ease, box-shadow 0.25s ease;\n\n  ${(props) => {\n    const states = PILL_VARIANTS[props.variant ?? \"search\"]\n\n    return css`\n      ${states.default}\n      ${props.focus && states.focus}\n      ${props.hover && states.hover}\n      ${props.selected && states.selected}\n      ${props.active && states.active}\n      ${props.disabled && states.disabled}\n\n      &:hover {\n        ${states.hover}\n      }\n\n      &:focus {\n        outline: 0;\n        ${states.focus}\n        ${props.selected && states.selected}\n      }\n\n      &:active {\n        ${states.active}\n        ${props.selected && states.selected}\n      }\n\n      &:disabled {\n        pointer-events: none;\n        ${states.disabled}\n      }\n    `\n  }}\n`\n\nconst Thumbnail = styled.img`\n  display: block;\n  border-radius: 50%;\n  width: 30px;\n  height: 30px;\n  margin-right: ${themeGet(\"space.1\")};\n  background-color: ${themeGet(\"colors.black30\")};\n  margin-left: -${themeGet(\"space.1\")};\n`\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "36.1.2",
+  "version": "36.1.3",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "96e1ee5cc07a75b57df8d951f0080a5f115942b5"
+  "gitHead": "d661768641d119d44d278c19db52183b4b533754"
 }