@artsy/palette 36.0.0 → 36.1.1

package/dist/elements/Pill/Pill.d.ts

@@ -30,6 +30,8 @@ export declare type PillProps = ClickableProps & {
      * Should target 30x30 @1x, 60x60 @2x
      */
     src?: string | [string, string];
+    /** Optionally switch into a condensed form */
+    compact?: boolean;
 } | {
     /** `search` pills have an optional `count` */
     variant?: Extract<PillVariant, "search">;

package/dist/elements/Pill/Pill.js

@@ -33,7 +33,10 @@ var Pill = function Pill(_ref) {
   var children = _ref.children,
     Icon = _ref.Icon,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(Container, rest, rest.variant === "profile" && /*#__PURE__*/_react.default.createElement(Thumbnail, _extends({}, rest.src ? {
+  var variant = rest.variant === "profile" && rest.compact ? "gray" : rest.variant;
+  return /*#__PURE__*/_react.default.createElement(Container, _extends({}, rest, {
+    variant: variant
+  }), rest.variant === "profile" && rest.src && !rest.compact && /*#__PURE__*/_react.default.createElement(Thumbnail, _extends({}, rest.src ? {
     src: typeof rest.src === "string" ? rest.src : rest.src[0]
   } : {}, rest.src && typeof rest.src !== "string" && rest.src[1] ? {
     srcSet: "".concat(rest.src[0], " 1x, ").concat(rest.src[1], " 2x")
@@ -70,5 +73,5 @@ var Container = (0, _styledComponents.default)(_Clickable.Clickable).withConfig(
 var Thumbnail = _styledComponents.default.img.withConfig({
   displayName: "Pill__Thumbnail",
   componentId: "sc-1r2gnzt-1"
-})(["display:block;border-radius:50%;width:30px;height:30px;margin-right:", ";background-color:", ";"], (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("colors.black30"));
+})(["display:block;border-radius:50%;width:30px;height:30px;margin-right:", ";background-color:", ";margin-left:-", ";"], (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("space.1"));
 //# sourceMappingURL=Pill.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_interopRequireWildcard","_CloseIcon","_Clickable","_Sup","_Text","_tokens","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PILL_VARIANT_NAMES","exports","Pill","_ref","children","Icon","rest","createElement","Container","variant","Thumbnail","src","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 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      }\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: React.FC<PillProps> = ({ children, Icon, ...rest }) => {\n  return (\n    <Container {...rest}>\n      {rest.variant === \"profile\" && (\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.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`\n"],"mappings":"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"}
+{"version":3,"file":"Pill.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_interopRequireWildcard","_CloseIcon","_Clickable","_Sup","_Text","_tokens","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PILL_VARIANT_NAMES","exports","Pill","_ref","children","Icon","rest","variant","compact","createElement","Container","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 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: React.FC<PillProps> = ({ children, Icon, ...rest }) => {\n  const variant =\n    rest.variant === \"profile\" && rest.compact ? \"gray\" : rest.variant\n\n  return (\n    <Container {...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.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/dist/elements/Pill/Pill.story.d.ts

@@ -9,3 +9,4 @@ export declare const SearchWithCount: () => JSX.Element;
 export declare const ArtistWithImage: () => JSX.Element;
 export declare const PillWithIcon: () => JSX.Element;
 export declare const Demo: () => JSX.Element;
+export declare const ProfileVariant: () => JSX.Element;

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

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Variants = exports.SearchWithCount = exports.PillWithIcon = exports.LongExampleWithTruncation = exports.LinkExample = exports.Demo = exports.ArtistWithImage = void 0;
+exports.default = exports.Variants = exports.SearchWithCount = exports.ProfileVariant = exports.PillWithIcon = exports.LongExampleWithTruncation = exports.LinkExample = exports.Demo = exports.ArtistWithImage = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _storybookStates = require("storybook-states");
 var _Flex = require("../Flex");
@@ -198,4 +198,21 @@ var Demo = function Demo() {
 };
 exports.Demo = Demo;
 Demo.displayName = "Demo";
+var ProfileVariant = function ProfileVariant() {
+  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
+    states: [{
+      variant: "profile"
+    }, {
+      variant: "profile",
+      compact: true
+    }, {
+      variant: "profile",
+      src: undefined
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_Pill.Pill, {
+    src: "https://picsum.photos/seed/isa/60/60"
+  }, "Isa Genzken"));
+};
+exports.ProfileVariant = ProfileVariant;
+ProfileVariant.displayName = "ProfileVariant";
 //# sourceMappingURL=Pill.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pill.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Flex","_Spacer","_Pill","_Box","_Join","_GraphIcon","_interopRequireDefault","_styledComponents","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_default","title","exports","Display","styled","Box","withConfig","displayName","componentId","Variants","createElement","States","states","PILL_VARIANT_NAMES","map","variant","props","p","overflowX","includes","concat","bg","color","Flex","Join","separator","Spacer","x","Pill","focus","hover","active","selected","disabled","LinkExample","as","href","LongExampleWithTruncation","maxWidth","SearchWithCount","count","ArtistWithImage","src","PillWithIcon","Icon","GraphIcon","Demo","_useState","useState","_useState2","setSelected","onClick","prevActive"],"sources":["../../../src/elements/Pill/Pill.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Pill, PillProps, PillVariant, PILL_VARIANT_NAMES } from \"./Pill\"\nimport { Box } from \"../Box\"\nimport { Join } from \"../Join\"\nimport GraphIcon from \"@artsy/icons/GraphIcon\"\nimport styled from \"styled-components\"\n\nexport default {\n  title: \"Components/Pill\",\n}\n\nconst Display = styled(Box)``\nDisplay.displayName = \"Pill\"\n\nexport const Variants = () => {\n  return (\n    <States<PillProps>\n      states={PILL_VARIANT_NAMES.map((variant) => ({\n        variant: variant as PillVariant,\n      }))}\n    >\n      {(props) => (\n        <Display\n          p={1}\n          overflowX=\"auto\"\n          {...([\"primaryWhite\", \"secondaryWhite\"].includes(`${props.variant}`)\n            ? { bg: \"black100\", color: \"white100\" }\n            : { bg: \"white100\", color: \"black100\" })}\n        >\n          <Flex>\n            <Join separator={<Spacer x={2} />}>\n              <Pill {...props}>Default</Pill>\n\n              <Pill {...props} focus>\n                Focus\n              </Pill>\n\n              <Pill {...props} hover>\n                Hover\n              </Pill>\n\n              <Pill {...props} active>\n                Active\n              </Pill>\n\n              <Pill {...props} selected>\n                Selected\n              </Pill>\n\n              <Pill {...props} disabled>\n                Disabled\n              </Pill>\n            </Join>\n          </Flex>\n        </Display>\n      )}\n    </States>\n  )\n}\n\nexport const LinkExample = () => {\n  return (\n    <Pill\n      variant=\"profile\"\n      as=\"a\"\n      // TODO: Need a decent way of typing the threaded polymorphic `as` prop\n      // @ts-expect-error MIGRATE_STRICT_MODE\n      href=\"#example\"\n    >\n      Artist Name\n    </Pill>\n  )\n}\n\nexport const LongExampleWithTruncation = () => {\n  return (\n    <Pill maxWidth={300}>\n      Studio Museum in Harlem Artist-in-Residence (AIR) Program\n    </Pill>\n  )\n}\n\nexport const SearchWithCount = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n      ]}\n    >\n      <Pill variant=\"search\" count={123}>\n        Artist Series\n      </Pill>\n    </States>\n  )\n}\n\nexport const ArtistWithImage = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n      ]}\n    >\n      <Pill\n        variant=\"profile\"\n        src={[\n          \"https://picsum.photos/seed/isa/30/30\",\n          \"https://picsum.photos/seed/isa/60/60\",\n        ]}\n      >\n        Isa Genzken\n      </Pill>\n    </States>\n  )\n}\n\nexport const PillWithIcon = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n        { variant: \"search\" },\n        { variant: \"search\", focus: true },\n        { variant: \"search\", hover: true },\n        { variant: \"search\", active: true },\n        { variant: \"search\", selected: true },\n        { variant: \"search\", disabled: true },\n        { variant: \"filter\" },\n        { variant: \"filter\", focus: true },\n        { variant: \"filter\", hover: true },\n        { variant: \"filter\", active: true },\n        { variant: \"filter\", selected: true },\n        { variant: \"filter\", disabled: true },\n      ]}\n    >\n      <Pill variant=\"badge\" Icon={GraphIcon}>\n        Artist Series\n      </Pill>\n    </States>\n  )\n}\n\nexport const Demo = () => {\n  const [selected, setSelected] = useState(false)\n  return (\n    <Pill\n      selected={selected}\n      onClick={() => setSelected((prevActive) => !prevActive)}\n    >\n      Example\n    </Pill>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Pill.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Flex","_Spacer","_Pill","_Box","_Join","_GraphIcon","_interopRequireDefault","_styledComponents","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_default","title","exports","Display","styled","Box","withConfig","displayName","componentId","Variants","createElement","States","states","PILL_VARIANT_NAMES","map","variant","props","p","overflowX","includes","concat","bg","color","Flex","Join","separator","Spacer","x","Pill","focus","hover","active","selected","disabled","LinkExample","as","href","LongExampleWithTruncation","maxWidth","SearchWithCount","count","ArtistWithImage","src","PillWithIcon","Icon","GraphIcon","Demo","_useState","useState","_useState2","setSelected","onClick","prevActive","ProfileVariant","compact","undefined"],"sources":["../../../src/elements/Pill/Pill.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Pill, PillProps, PillVariant, PILL_VARIANT_NAMES } from \"./Pill\"\nimport { Box } from \"../Box\"\nimport { Join } from \"../Join\"\nimport GraphIcon from \"@artsy/icons/GraphIcon\"\nimport styled from \"styled-components\"\n\nexport default {\n  title: \"Components/Pill\",\n}\n\nconst Display = styled(Box)``\nDisplay.displayName = \"Pill\"\n\nexport const Variants = () => {\n  return (\n    <States<PillProps>\n      states={PILL_VARIANT_NAMES.map((variant) => ({\n        variant: variant as PillVariant,\n      }))}\n    >\n      {(props) => (\n        <Display\n          p={1}\n          overflowX=\"auto\"\n          {...([\"primaryWhite\", \"secondaryWhite\"].includes(`${props.variant}`)\n            ? { bg: \"black100\", color: \"white100\" }\n            : { bg: \"white100\", color: \"black100\" })}\n        >\n          <Flex>\n            <Join separator={<Spacer x={2} />}>\n              <Pill {...props}>Default</Pill>\n\n              <Pill {...props} focus>\n                Focus\n              </Pill>\n\n              <Pill {...props} hover>\n                Hover\n              </Pill>\n\n              <Pill {...props} active>\n                Active\n              </Pill>\n\n              <Pill {...props} selected>\n                Selected\n              </Pill>\n\n              <Pill {...props} disabled>\n                Disabled\n              </Pill>\n            </Join>\n          </Flex>\n        </Display>\n      )}\n    </States>\n  )\n}\n\nexport const LinkExample = () => {\n  return (\n    <Pill\n      variant=\"profile\"\n      as=\"a\"\n      // TODO: Need a decent way of typing the threaded polymorphic `as` prop\n      // @ts-expect-error MIGRATE_STRICT_MODE\n      href=\"#example\"\n    >\n      Artist Name\n    </Pill>\n  )\n}\n\nexport const LongExampleWithTruncation = () => {\n  return (\n    <Pill maxWidth={300}>\n      Studio Museum in Harlem Artist-in-Residence (AIR) Program\n    </Pill>\n  )\n}\n\nexport const SearchWithCount = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n      ]}\n    >\n      <Pill variant=\"search\" count={123}>\n        Artist Series\n      </Pill>\n    </States>\n  )\n}\n\nexport const ArtistWithImage = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n      ]}\n    >\n      <Pill\n        variant=\"profile\"\n        src={[\n          \"https://picsum.photos/seed/isa/30/30\",\n          \"https://picsum.photos/seed/isa/60/60\",\n        ]}\n      >\n        Isa Genzken\n      </Pill>\n    </States>\n  )\n}\n\nexport const PillWithIcon = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n        { variant: \"search\" },\n        { variant: \"search\", focus: true },\n        { variant: \"search\", hover: true },\n        { variant: \"search\", active: true },\n        { variant: \"search\", selected: true },\n        { variant: \"search\", disabled: true },\n        { variant: \"filter\" },\n        { variant: \"filter\", focus: true },\n        { variant: \"filter\", hover: true },\n        { variant: \"filter\", active: true },\n        { variant: \"filter\", selected: true },\n        { variant: \"filter\", disabled: true },\n      ]}\n    >\n      <Pill variant=\"badge\" Icon={GraphIcon}>\n        Artist Series\n      </Pill>\n    </States>\n  )\n}\n\nexport const Demo = () => {\n  const [selected, setSelected] = useState(false)\n  return (\n    <Pill\n      selected={selected}\n      onClick={() => setSelected((prevActive) => !prevActive)}\n    >\n      Example\n    </Pill>\n  )\n}\n\nexport const ProfileVariant = () => {\n  return (\n    <States<PillProps>\n      states={[\n        { variant: \"profile\" },\n        { variant: \"profile\", compact: true },\n        { variant: \"profile\", src: undefined },\n      ]}\n    >\n      <Pill src=\"https://picsum.photos/seed/isa/60/60\">Isa Genzken</Pill>\n    </States>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Pill/tokens.js

@@ -39,12 +39,6 @@ var PILL_VARIANTS = {
     selected: (0, _styledComponents.css)([""]),
     disabled: (0, _styledComponents.css)(["border-color:", ";"], (0, _themeGet.themeGet)("colors.black60"))
   },
-  profile: _objectSpread(_objectSpread({}, DEFAULT_STATES), {}, {
-    default: (0, _styledComponents.css)(["border-radius:25px;height:50px;padding:0 ", " 0 ", ";background-color:", ";border-color:", ";"], (0, _themeGet.themeGet)("space.2"), (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5")),
-    active: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black100")),
-    selected: (0, _styledComponents.css)(["border-color:", ";color:", ";background-color:", ";border-color:", ";"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5")),
-    disabled: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black30"))
-  }),
   badge: {
     default: (0, _styledComponents.css)(["border-radius:15px;height:30px;padding:0 15px;background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.blue10"), (0, _themeGet.themeGet)("colors.blue10"), (0, _themeGet.themeGet)("colors.blue100")),
     hover: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.white100")),
@@ -53,13 +47,19 @@ var PILL_VARIANTS = {
     selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.blue150"), (0, _themeGet.themeGet)("colors.blue150"), (0, _themeGet.themeGet)("colors.white100")),
     disabled: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.blue10"), (0, _themeGet.themeGet)("colors.blue10"), (0, _themeGet.themeGet)("colors.blue100"))
   },
+  profile: _objectSpread(_objectSpread({}, DEFAULT_STATES), {}, {
+    default: (0, _styledComponents.css)(["border-radius:25px;height:50px;padding:0 ", " 0 ", ";background-color:", ";border-color:", ";"], (0, _themeGet.themeGet)("space.2"), (0, _themeGet.themeGet)("space.2"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5")),
+    active: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black100")),
+    selected: (0, _styledComponents.css)(["border-color:", ";color:", ";background-color:", ";border-color:", ";"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.blue100")),
+    disabled: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black60"))
+  }),
   gray: {
-    default: (0, _styledComponents.css)(["border-radius:15px;height:30px;padding:0 15px;background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black100")),
-    hover: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.blue100")),
-    focus: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.blue100")),
-    active: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black100")),
-    selected: DEFAULT_STATES.selected,
-    disabled: DEFAULT_STATES.disabled
+    default: (0, _styledComponents.css)(["border-radius:15px;height:30px;padding:0 15px;background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black100")),
+    hover: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.blue100")),
+    focus: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.blue100")),
+    active: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black100")),
+    selected: (0, _styledComponents.css)(["border-color:", ";color:", ";background-color:", ";border-color:", ";"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.blue100")),
+    disabled: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black60"))
   }
 };
 exports.PILL_VARIANTS = PILL_VARIANTS;

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","_Sup","_typeof","obj","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","DEFAULT_STATES","default","css","themeGet","focus","hover","active","selected","disabled","PILL_VARIANTS","search","Sup","profile","badge","gray","exports"],"sources":["../../../src/elements/Pill/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css, FlattenInterpolation } from \"styled-components\"\nimport { Sup } from \"../Sup\"\nimport { PillState, PillVariant } from \"./Pill\"\n\nconst DEFAULT_STATES = {\n  default: css`\n    border-radius: 15px;\n    height: 30px;\n    padding: 0 ${themeGet(\"space.2\")};\n  `,\n  focus: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n  `,\n  hover: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n  `,\n  active: css`\n    border-color: ${themeGet(\"colors.blue150\")};\n    background-color: ${themeGet(\"colors.blue150\")};\n    color: ${themeGet(\"colors.white100\")};\n    text-decoration: underline;\n  `,\n  selected: css`\n    border-color: ${themeGet(\"colors.blue100\")};\n    background-color: ${themeGet(\"colors.blue100\")};\n    color: ${themeGet(\"colors.white100\")};\n  `,\n  disabled: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.black60\")};\n    text-decoration: none;\n  `,\n}\n\nexport const PILL_VARIANTS: Record<\n  PillVariant,\n  Record<PillState, FlattenInterpolation<any>[]>\n> = {\n  default: DEFAULT_STATES,\n\n  search: {\n    ...DEFAULT_STATES,\n    default: css`\n      ${DEFAULT_STATES.default}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.blue100\")};\n        transition: color 0.25s ease;\n        display: none;\n      }\n\n      @media (min-width: ${themeGet(\"breakpoints.0\")}) {\n        height: 40px;\n        border-radius: 20px;\n\n        ${Sup} {\n          display: inline;\n        }\n      }\n    `,\n    focus: css`\n      ${DEFAULT_STATES.focus}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n    `,\n    hover: css`\n      ${DEFAULT_STATES.hover}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n\n      ${Sup} {\n        color: ${themeGet(\"colors.blue100\")};\n      }\n    `,\n    active: css`\n      ${DEFAULT_STATES.active}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n\n      ${Sup} {\n        color: ${themeGet(\"colors.white100\")};\n      }\n    `,\n    selected: css`\n      ${DEFAULT_STATES.selected}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.white100\")};\n      }\n    `,\n    disabled: css`\n      ${DEFAULT_STATES.disabled}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.black60\")};\n      }\n    `,\n  },\n\n  filter: {\n    default: css`\n      height: 30px;\n      padding: 0 ${themeGet(\"space.1\")};\n    `,\n    focus: css`\n      text-decoration: underline;\n    `,\n    hover: css`\n      color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      /* Same as default state */\n    `,\n    disabled: css`\n      border-color: ${themeGet(\"colors.black60\")};\n    `,\n  },\n\n  profile: {\n    ...DEFAULT_STATES,\n    default: css`\n      border-radius: 25px;\n      height: 50px;\n      padding: 0 ${themeGet(\"space.2\")} 0 ${themeGet(\"space.1\")};\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black30\")};\n    `,\n  },\n\n  badge: {\n    default: css`\n      border-radius: 15px;\n      height: 30px;\n      padding: 0 15px;\n      background-color: ${themeGet(\"colors.blue10\")};\n      border-color: ${themeGet(\"colors.blue10\")};\n      color: ${themeGet(\"colors.blue100\")};\n    `,\n    hover: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.blue10\")};\n      border-color: ${themeGet(\"colors.blue10\")};\n      color: ${themeGet(\"colors.blue100\")};\n    `,\n  },\n\n  gray: {\n    default: css`\n      border-radius: 15px;\n      height: 30px;\n      padding: 0 15px;\n      background-color: ${themeGet(\"colors.black10\")};\n      border-color: ${themeGet(\"colors.black10\")};\n      color: ${themeGet(\"colors.black100\")};\n    `,\n    hover: css`\n      background-color: ${themeGet(\"colors.black10\")};\n      border-color: ${themeGet(\"colors.black10\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.black10\")};\n      border-color: ${themeGet(\"colors.black10\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.black10\")};\n      border-color: ${themeGet(\"colors.black10\")};\n      color: ${themeGet(\"colors.black100\")};\n      text-decoration: underline;\n    `,\n    selected: DEFAULT_STATES.selected,\n    disabled: DEFAULT_STATES.disabled,\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","_Sup","_typeof","obj","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","DEFAULT_STATES","default","css","themeGet","focus","hover","active","selected","disabled","PILL_VARIANTS","search","Sup","badge","profile","gray","exports"],"sources":["../../../src/elements/Pill/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css, FlattenInterpolation } from \"styled-components\"\nimport { Sup } from \"../Sup\"\nimport { PillState, PillVariant } from \"./Pill\"\n\nconst DEFAULT_STATES = {\n  default: css`\n    border-radius: 15px;\n    height: 30px;\n    padding: 0 ${themeGet(\"space.2\")};\n  `,\n  focus: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n  `,\n  hover: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n  `,\n  active: css`\n    border-color: ${themeGet(\"colors.blue150\")};\n    background-color: ${themeGet(\"colors.blue150\")};\n    color: ${themeGet(\"colors.white100\")};\n    text-decoration: underline;\n  `,\n  selected: css`\n    border-color: ${themeGet(\"colors.blue100\")};\n    background-color: ${themeGet(\"colors.blue100\")};\n    color: ${themeGet(\"colors.white100\")};\n  `,\n  disabled: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.black60\")};\n    text-decoration: none;\n  `,\n}\n\nexport const PILL_VARIANTS: Record<\n  PillVariant,\n  Record<PillState, FlattenInterpolation<any>[]>\n> = {\n  default: DEFAULT_STATES,\n\n  search: {\n    ...DEFAULT_STATES,\n    default: css`\n      ${DEFAULT_STATES.default}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.blue100\")};\n        transition: color 0.25s ease;\n        display: none;\n      }\n\n      @media (min-width: ${themeGet(\"breakpoints.0\")}) {\n        height: 40px;\n        border-radius: 20px;\n\n        ${Sup} {\n          display: inline;\n        }\n      }\n    `,\n    focus: css`\n      ${DEFAULT_STATES.focus}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n    `,\n    hover: css`\n      ${DEFAULT_STATES.hover}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n\n      ${Sup} {\n        color: ${themeGet(\"colors.blue100\")};\n      }\n    `,\n    active: css`\n      ${DEFAULT_STATES.active}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n\n      ${Sup} {\n        color: ${themeGet(\"colors.white100\")};\n      }\n    `,\n    selected: css`\n      ${DEFAULT_STATES.selected}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.white100\")};\n      }\n    `,\n    disabled: css`\n      ${DEFAULT_STATES.disabled}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.black60\")};\n      }\n    `,\n  },\n\n  filter: {\n    default: css`\n      height: 30px;\n      padding: 0 ${themeGet(\"space.1\")};\n    `,\n    focus: css`\n      text-decoration: underline;\n    `,\n    hover: css`\n      color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      /* Same as default state */\n    `,\n    disabled: css`\n      border-color: ${themeGet(\"colors.black60\")};\n    `,\n  },\n\n  badge: {\n    default: css`\n      border-radius: 15px;\n      height: 30px;\n      padding: 0 15px;\n      background-color: ${themeGet(\"colors.blue10\")};\n      border-color: ${themeGet(\"colors.blue10\")};\n      color: ${themeGet(\"colors.blue100\")};\n    `,\n    hover: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.blue10\")};\n      border-color: ${themeGet(\"colors.blue10\")};\n      color: ${themeGet(\"colors.blue100\")};\n    `,\n  },\n\n  profile: {\n    ...DEFAULT_STATES,\n    default: css`\n      border-radius: 25px;\n      height: 50px;\n      padding: 0 ${themeGet(\"space.2\")} 0 ${themeGet(\"space.2\")};\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black60\")};\n    `,\n  },\n\n  gray: {\n    default: css`\n      border-radius: 15px;\n      height: 30px;\n      padding: 0 15px;\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black100\")};\n    `,\n    hover: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black60\")};\n    `,\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAA4B,SAAAG,QAAAC,GAAA,sCAAAD,OAAA,wBAAAE,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAF,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAC,MAAA,IAAAD,GAAA,CAAAG,WAAA,KAAAF,MAAA,IAAAD,GAAA,KAAAC,MAAA,CAAAG,SAAA,qBAAAJ,GAAA,KAAAD,OAAA,CAAAC,GAAA;AAAA,SAAAK,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAO,gBAAA1B,GAAA,EAAAyB,GAAA,EAAAK,KAAA,IAAAL,GAAA,GAAAM,cAAA,CAAAN,GAAA,OAAAA,GAAA,IAAAzB,GAAA,IAAAS,MAAA,CAAAoB,cAAA,CAAA7B,GAAA,EAAAyB,GAAA,IAAAK,KAAA,EAAAA,KAAA,EAAAf,UAAA,QAAAiB,YAAA,QAAAC,QAAA,oBAAAjC,GAAA,CAAAyB,GAAA,IAAAK,KAAA,WAAA9B,GAAA;AAAA,SAAA+B,eAAAG,GAAA,QAAAT,GAAA,GAAAU,YAAA,CAAAD,GAAA,oBAAAnC,OAAA,CAAA0B,GAAA,iBAAAA,GAAA,GAAAW,MAAA,CAAAX,GAAA;AAAA,SAAAU,aAAAE,KAAA,EAAAC,IAAA,QAAAvC,OAAA,CAAAsC,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAApC,MAAA,CAAAuC,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAAI,IAAA,CAAAN,KAAA,EAAAC,IAAA,oBAAAvC,OAAA,CAAA2C,GAAA,uBAAAA,GAAA,YAAAE,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAG5B,IAAMS,cAAc,GAAG;EACrBC,OAAO,MAAEC,qBAAG,sDAGG,IAAAC,kBAAQ,EAAC,SAAS,CAAC,CACjC;EACDC,KAAK,MAAEF,qBAAG,qFACY,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEpC;EACDE,KAAK,MAAEH,qBAAG,qFACY,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEpC;EACDG,MAAM,MAAEJ,qBAAG,qFACO,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACtB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACrC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CAErC;EACDI,QAAQ,MAAEL,qBAAG,2DACK,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACtB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACrC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CACrC;EACDK,QAAQ,MAAEN,qBAAG,gFACS,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC;AAGvC,CAAC;AAEM,IAAMM,aAGZ,GAAG;EACFR,OAAO,EAAED,cAAc;EAEvBU,MAAM,EAAAtC,aAAA,CAAAA,aAAA,KACD4B,cAAc;IACjBC,OAAO,MAAEC,qBAAG,oJACRF,cAAc,CAACC,OAAO,EAEtBU,QAAG,EACM,IAAAR,kBAAQ,EAAC,gBAAgB,CAAC,EAKhB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAI1CQ,QAAG,CAIR;IACDP,KAAK,MAAEF,qBAAG,kEACNF,cAAc,CAACI,KAAK,CAMvB;IACDC,KAAK,MAAEH,qBAAG,mFACNF,cAAc,CAACK,KAAK,EAOpBM,QAAG,EACM,IAAAR,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;IACDG,MAAM,MAAEJ,qBAAG,mFACPF,cAAc,CAACM,MAAM,EAOrBK,QAAG,EACM,IAAAR,kBAAQ,EAAC,iBAAiB,CAAC,CAEvC;IACDI,QAAQ,MAAEL,qBAAG,8BACTF,cAAc,CAACO,QAAQ,EAEvBI,QAAG,EACM,IAAAR,kBAAQ,EAAC,iBAAiB,CAAC,CAEvC;IACDK,QAAQ,MAAEN,qBAAG,8BACTF,cAAc,CAACQ,QAAQ,EAEvBG,QAAG,EACM,IAAAR,kBAAQ,EAAC,gBAAgB,CAAC;EAEtC,EACF;EAEDrC,MAAM,EAAE;IACNmC,OAAO,MAAEC,qBAAG,mCAEG,IAAAC,kBAAQ,EAAC,SAAS,CAAC,CACjC;IACDC,KAAK,MAAEF,qBAAG,iCAET;IACDG,KAAK,MAAEH,qBAAG,+DACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAE3C;IACDG,MAAM,MAAEJ,qBAAG,+DACA,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAE3C;IACDI,QAAQ,MAAEL,qBAAG,OAEZ;IACDM,QAAQ,MAAEN,qBAAG,0BACK,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC;EAE9C,CAAC;EAEDS,KAAK,EAAE;IACLX,OAAO,MAAEC,qBAAG,yGAIU,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;IACDE,KAAK,MAAEH,qBAAG,qFACY,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CAErC;IACDC,KAAK,MAAEF,qBAAG,qFACY,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CAErC;IACDG,MAAM,MAAEJ,qBAAG,qFACW,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CAErC;IACDI,QAAQ,MAAEL,qBAAG,qFACS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CAErC;IACDK,QAAQ,MAAEN,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC;EAEvC,CAAC;EAEDU,OAAO,EAAAzC,aAAA,CAAAA,aAAA,KACF4B,cAAc;IACjBC,OAAO,MAAEC,qBAAG,qGAGG,IAAAC,kBAAQ,EAAC,SAAS,CAAC,EAAM,IAAAA,kBAAQ,EAAC,SAAS,CAAC,EACrC,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAC1C;IACDG,MAAM,MAAEJ,qBAAG,qFACW,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CAErC;IACDI,QAAQ,MAAEL,qBAAG,6EACK,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAChB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAC3C;IACDK,QAAQ,MAAEN,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC;EACpC,EACF;EAEDW,IAAI,EAAE;IACJb,OAAO,MAAEC,qBAAG,yGAIU,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CACrC;IACDE,KAAK,MAAEH,qBAAG,qFACY,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEpC;IACDC,KAAK,MAAEF,qBAAG,qFACY,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEpC;IACDG,MAAM,MAAEJ,qBAAG,qFACW,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CAErC;IACDI,QAAQ,MAAEL,qBAAG,6EACK,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAChB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAC3C;IACDK,QAAQ,MAAEN,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC;EAEvC;AACF,CAAC;AAAAY,OAAA,CAAAN,aAAA,GAAAA,aAAA"}

package/dist/elements/Range/Range.js

@@ -51,13 +51,13 @@ var Range = function Range(_ref) {
     setMaxWidth = _useState4[1];
   var handleMinChange = function handleMinChange(_ref2) {
     var value = _ref2.target.valueAsNumber;
-    if (value > values[1]) return;
+    if (value > values[1] - step) return;
     setValues([value, values[1]]);
     onChange === null || onChange === void 0 ? void 0 : onChange([value, values[1]]);
   };
   var handleMaxChange = function handleMaxChange(_ref3) {
     var value = _ref3.target.valueAsNumber;
-    if (value < values[0]) return;
+    if (value < values[0] + step) return;
     setValues([values[0], value]);
     onChange === null || onChange === void 0 ? void 0 : onChange([values[0], value]);
   };

package/dist/elements/Range/Range.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.js","names":["_themeGet","require","React","_interopRequireWildcard","_styledComponents","_helpers","_utils","_remapValue","_Box","_Flex","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","RANGE_HANDLE_SIZE","exports","Range","_ref","ariaLabels","min","max","step","_ref$value","onChange","rest","minRef","useRef","maxRef","_useState","useState","_useState2","values","setValues","_useState3","_useState4","maxWidth","setMaxWidth","handleMinChange","_ref2","valueAsNumber","handleMaxChange","_ref3","useEffect","current","offsetWidth","handleResize","window","addEventListener","passive","removeEventListener","useUpdateEffect","selectionRectangle","concat","remapValue","maxRectangle","createElement","Track","Selection","style","clip","Slider","ref","onInput","displayName","styled","Flex","withConfig","componentId","themeGet","Box","railStyles","css","handleStyles","FLAT_SHADOW","input","defaultProps","type"],"sources":["../../../src/elements/Range/Range.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport * as React from \"react\"\nimport { useEffect, useRef, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { FLAT_SHADOW } from \"../../helpers\"\nimport { useUpdateEffect } from \"../../utils\"\nimport { remapValue } from \"../../utils/remapValue\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\n\nexport const RANGE_HANDLE_SIZE = 24\n\nexport interface RangeProps extends BoxProps {\n  ariaLabels?: [string, string]\n  min: number\n  max: number\n  step: number\n  value?: number[]\n  onChange?: (range: [number, number]) => void\n}\n\nexport const Range: React.FC<RangeProps> = ({\n  ariaLabels,\n  min,\n  max,\n  step,\n  value = [0, max],\n  onChange,\n  ...rest\n}) => {\n  const minRef = useRef<HTMLInputElement | null>(null)\n  const maxRef = useRef<HTMLInputElement | null>(null)\n\n  const [values, setValues] = useState(value)\n\n  const [maxWidth, setMaxWidth] = useState(0)\n\n  const handleMinChange = ({\n    target: { valueAsNumber: value },\n  }: React.ChangeEvent<HTMLInputElement>) => {\n    if (value > values[1]) return\n    setValues([value, values[1]])\n    onChange?.([value, values[1]])\n  }\n\n  const handleMaxChange = ({\n    target: { valueAsNumber: value },\n  }: React.ChangeEvent<HTMLInputElement>) => {\n    if (value < values[0]) return\n    setValues([values[0], value])\n    onChange?.([values[0], value])\n  }\n\n  useEffect(() => {\n    if (!maxRef.current) return\n    setMaxWidth(maxRef.current.offsetWidth)\n  }, [])\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (!maxRef.current) return\n      setMaxWidth(maxRef.current.offsetWidth)\n    }\n\n    window.addEventListener(\"resize\", handleResize, { passive: true })\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [])\n\n  // Sync local state with value prop\n  useUpdateEffect(() => {\n    setValues(value)\n  }, [...value])\n\n  const selectionRectangle = `rect(0, ${remapValue(\n    values[1],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px, 2px, ${remapValue(\n    values[0],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px)`\n\n  const maxRectangle = `rect(0, ${maxWidth}px, ${RANGE_HANDLE_SIZE}px, ${remapValue(\n    values[1],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px)`\n\n  return (\n    <Track {...rest}>\n      <Selection style={{ clip: selectionRectangle }} />\n\n      <Slider\n        ref={minRef as any}\n        min={min}\n        max={max}\n        step={step}\n        onInput={handleMinChange}\n        value={values[0]}\n        aria-label={ariaLabels?.[0]}\n      />\n\n      <Slider\n        ref={maxRef as any}\n        min={min}\n        max={max}\n        step={step}\n        onInput={handleMaxChange}\n        value={values[1]}\n        style={{ clip: maxRectangle }}\n        aria-label={ariaLabels?.[1]}\n      />\n    </Track>\n  )\n}\n\nconst Track = styled(Flex)`\n  align-items: center;\n  position: relative;\n  height: ${RANGE_HANDLE_SIZE}px;\n\n  &:before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    height: 2px;\n    left: 0;\n    right: 0;\n    top: 50%;\n    margin-top: -1px;\n    background-color: ${themeGet(\"colors.black30\")};\n  }\n`\n\nconst Selection = styled(Box)`\n  position: absolute;\n  height: 2px;\n  left: 0;\n  right: 0;\n  top: 50%;\n  margin-top: -1px;\n  background-color: ${themeGet(\"colors.brand\")};\n`\n\nconst railStyles = css`\n  width: 100%;\n  height: ${RANGE_HANDLE_SIZE}px;\n`\n\nconst handleStyles = css`\n  user-select: none;\n  cursor: grab;\n  width: ${RANGE_HANDLE_SIZE}px;\n  height: ${RANGE_HANDLE_SIZE}px;\n  background-color: ${themeGet(\"colors.white100\")};\n  border-radius: 50%;\n  border: 1px solid ${themeGet(\"colors.black10\")};\n  box-shadow: ${FLAT_SHADOW};\n`\n\nconst Slider = styled.input`\n  appearance: none;\n  background: transparent;\n  position: relative;\n  margin: 0;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  &::-webkit-slider-runnable-track {\n    ${railStyles}\n  }\n\n  &::-moz-range-track {\n    ${railStyles}\n  }\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    ${handleStyles}\n  }\n\n  &::-moz-range-thumb {\n    ${handleStyles}\n  }\n\n  &:active {\n    &::-webkit-slider-thumb {\n      box-shadow: none;\n      background-color: ${themeGet(\"colors.black5\")};\n    }\n\n    &::-moz-range-thumb {\n      box-shadow: none;\n      background-color: ${themeGet(\"colors.black5\")};\n    }\n  }\n`\n\nSlider.defaultProps = {\n  type: \"range\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"Range.js","names":["_themeGet","require","React","_interopRequireWildcard","_styledComponents","_helpers","_utils","_remapValue","_Box","_Flex","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","RANGE_HANDLE_SIZE","exports","Range","_ref","ariaLabels","min","max","step","_ref$value","onChange","rest","minRef","useRef","maxRef","_useState","useState","_useState2","values","setValues","_useState3","_useState4","maxWidth","setMaxWidth","handleMinChange","_ref2","valueAsNumber","handleMaxChange","_ref3","useEffect","current","offsetWidth","handleResize","window","addEventListener","passive","removeEventListener","useUpdateEffect","selectionRectangle","concat","remapValue","maxRectangle","createElement","Track","Selection","style","clip","Slider","ref","onInput","displayName","styled","Flex","withConfig","componentId","themeGet","Box","railStyles","css","handleStyles","FLAT_SHADOW","input","defaultProps","type"],"sources":["../../../src/elements/Range/Range.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport * as React from \"react\"\nimport { useEffect, useRef, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { FLAT_SHADOW } from \"../../helpers\"\nimport { useUpdateEffect } from \"../../utils\"\nimport { remapValue } from \"../../utils/remapValue\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\n\nexport const RANGE_HANDLE_SIZE = 24\n\nexport interface RangeProps extends BoxProps {\n  ariaLabels?: [string, string]\n  min: number\n  max: number\n  step: number\n  value?: number[]\n  onChange?: (range: [number, number]) => void\n}\n\nexport const Range: React.FC<RangeProps> = ({\n  ariaLabels,\n  min,\n  max,\n  step,\n  value = [0, max],\n  onChange,\n  ...rest\n}) => {\n  const minRef = useRef<HTMLInputElement | null>(null)\n  const maxRef = useRef<HTMLInputElement | null>(null)\n\n  const [values, setValues] = useState(value)\n\n  const [maxWidth, setMaxWidth] = useState(0)\n\n  const handleMinChange = ({\n    target: { valueAsNumber: value },\n  }: React.ChangeEvent<HTMLInputElement>) => {\n    if (value > values[1] - step) return\n    setValues([value, values[1]])\n    onChange?.([value, values[1]])\n  }\n\n  const handleMaxChange = ({\n    target: { valueAsNumber: value },\n  }: React.ChangeEvent<HTMLInputElement>) => {\n    if (value < values[0] + step) return\n    setValues([values[0], value])\n    onChange?.([values[0], value])\n  }\n\n  useEffect(() => {\n    if (!maxRef.current) return\n    setMaxWidth(maxRef.current.offsetWidth)\n  }, [])\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (!maxRef.current) return\n      setMaxWidth(maxRef.current.offsetWidth)\n    }\n\n    window.addEventListener(\"resize\", handleResize, { passive: true })\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [])\n\n  // Sync local state with value prop\n  useUpdateEffect(() => {\n    setValues(value)\n  }, [...value])\n\n  const selectionRectangle = `rect(0, ${remapValue(\n    values[1],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px, 2px, ${remapValue(\n    values[0],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px)`\n\n  const maxRectangle = `rect(0, ${maxWidth}px, ${RANGE_HANDLE_SIZE}px, ${remapValue(\n    values[1],\n    { min, max },\n    { min: 0, max: maxWidth - RANGE_HANDLE_SIZE }\n  )}px)`\n\n  return (\n    <Track {...rest}>\n      <Selection style={{ clip: selectionRectangle }} />\n\n      <Slider\n        ref={minRef as any}\n        min={min}\n        max={max}\n        step={step}\n        onInput={handleMinChange}\n        value={values[0]}\n        aria-label={ariaLabels?.[0]}\n      />\n\n      <Slider\n        ref={maxRef as any}\n        min={min}\n        max={max}\n        step={step}\n        onInput={handleMaxChange}\n        value={values[1]}\n        style={{ clip: maxRectangle }}\n        aria-label={ariaLabels?.[1]}\n      />\n    </Track>\n  )\n}\n\nconst Track = styled(Flex)`\n  align-items: center;\n  position: relative;\n  height: ${RANGE_HANDLE_SIZE}px;\n\n  &:before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    height: 2px;\n    left: 0;\n    right: 0;\n    top: 50%;\n    margin-top: -1px;\n    background-color: ${themeGet(\"colors.black30\")};\n  }\n`\n\nconst Selection = styled(Box)`\n  position: absolute;\n  height: 2px;\n  left: 0;\n  right: 0;\n  top: 50%;\n  margin-top: -1px;\n  background-color: ${themeGet(\"colors.brand\")};\n`\n\nconst railStyles = css`\n  width: 100%;\n  height: ${RANGE_HANDLE_SIZE}px;\n`\n\nconst handleStyles = css`\n  user-select: none;\n  cursor: grab;\n  width: ${RANGE_HANDLE_SIZE}px;\n  height: ${RANGE_HANDLE_SIZE}px;\n  background-color: ${themeGet(\"colors.white100\")};\n  border-radius: 50%;\n  border: 1px solid ${themeGet(\"colors.black10\")};\n  box-shadow: ${FLAT_SHADOW};\n`\n\nconst Slider = styled.input`\n  appearance: none;\n  background: transparent;\n  position: relative;\n  margin: 0;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  &::-webkit-slider-runnable-track {\n    ${railStyles}\n  }\n\n  &::-moz-range-track {\n    ${railStyles}\n  }\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    ${handleStyles}\n  }\n\n  &::-moz-range-thumb {\n    ${handleStyles}\n  }\n\n  &:active {\n    &::-webkit-slider-thumb {\n      box-shadow: none;\n      background-color: ${themeGet(\"colors.black5\")};\n    }\n\n    &::-moz-range-thumb {\n      box-shadow: none;\n      background-color: ${themeGet(\"colors.black5\")};\n    }\n  }\n`\n\nSlider.defaultProps = {\n  type: \"range\",\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAD,uBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAA8B,IAAAS,SAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAT,wBAAAa,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,mBAAAC,GAAA,WAAAC,kBAAA,CAAAD,GAAA,KAAAE,gBAAA,CAAAF,GAAA,KAAAG,2BAAA,CAAAH,GAAA,KAAAI,kBAAA;AAAA,SAAAA,mBAAA,cAAAC,SAAA;AAAA,SAAAH,iBAAAI,IAAA,eAAAC,MAAA,oBAAAD,IAAA,CAAAC,MAAA,CAAAC,QAAA,aAAAF,IAAA,+BAAAG,KAAA,CAAAC,IAAA,CAAAJ,IAAA;AAAA,SAAAL,mBAAAD,GAAA,QAAAS,KAAA,CAAAE,OAAA,CAAAX,GAAA,UAAAY,iBAAA,CAAAZ,GAAA;AAAA,SAAAa,eAAAb,GAAA,EAAAc,CAAA,WAAAC,eAAA,CAAAf,GAAA,KAAAgB,qBAAA,CAAAhB,GAAA,EAAAc,CAAA,KAAAX,2BAAA,CAAAH,GAAA,EAAAc,CAAA,KAAAG,gBAAA;AAAA,SAAAA,iBAAA,cAAAZ,SAAA;AAAA,SAAAF,4BAAAe,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAN,iBAAA,CAAAM,CAAA,EAAAC,MAAA,OAAAC,CAAA,GAAA9B,MAAA,CAAAI,SAAA,CAAA2B,QAAA,CAAAzB,IAAA,CAAAsB,CAAA,EAAAI,KAAA,aAAAF,CAAA,iBAAAF,CAAA,CAAAK,WAAA,EAAAH,CAAA,GAAAF,CAAA,CAAAK,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAX,KAAA,CAAAC,IAAA,CAAAQ,CAAA,OAAAE,CAAA,+DAAAK,IAAA,CAAAL,CAAA,UAAAR,iBAAA,CAAAM,CAAA,EAAAC,MAAA;AAAA,SAAAP,kBAAAZ,GAAA,EAAA0B,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAA1B,GAAA,CAAA2B,MAAA,EAAAD,GAAA,GAAA1B,GAAA,CAAA2B,MAAA,WAAAb,CAAA,MAAAc,IAAA,OAAAnB,KAAA,CAAAiB,GAAA,GAAAZ,CAAA,GAAAY,GAAA,EAAAZ,CAAA,MAAAc,IAAA,CAAAd,CAAA,IAAAd,GAAA,CAAAc,CAAA,YAAAc,IAAA;AAAA,SAAAZ,sBAAAhB,GAAA,EAAAc,CAAA,QAAAe,EAAA,WAAA7B,GAAA,gCAAAO,MAAA,IAAAP,GAAA,CAAAO,MAAA,CAAAC,QAAA,KAAAR,GAAA,4BAAA6B,EAAA,QAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAH,EAAA,GAAAA,EAAA,CAAAjC,IAAA,CAAAI,GAAA,GAAAqC,IAAA,QAAAvB,CAAA,QAAAxB,MAAA,CAAAuC,EAAA,MAAAA,EAAA,UAAAM,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAApC,IAAA,CAAAiC,EAAA,GAAAS,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAP,MAAA,KAAAb,CAAA,GAAAqB,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAN,EAAA,CAAAa,MAAA,KAAAT,EAAA,GAAAJ,EAAA,CAAAa,MAAA,IAAApD,MAAA,CAAA2C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAnB,gBAAAf,GAAA,QAAAS,KAAA,CAAAE,OAAA,CAAAX,GAAA,UAAAA,GAAA;AAAA,SAAA2C,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAApD,GAAA,EAAAqB,CAAA,MAAAxB,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAAJ,MAAA,QAAA9B,CAAA,MAAAA,CAAA,GAAAmC,gBAAA,CAAAtB,MAAA,EAAAb,CAAA,MAAArB,GAAA,GAAAwD,gBAAA,CAAAnC,CAAA,OAAA+B,QAAA,CAAAK,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAAgD,MAAA,EAAAnD,GAAA,aAAAqD,MAAA,CAAArD,GAAA,IAAAmD,MAAA,CAAAnD,GAAA,cAAAqD,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAM,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAAT,MAAA,OAAAnD,GAAA,EAAAqB,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAsC,UAAA,CAAAzB,MAAA,EAAAb,CAAA,MAAArB,GAAA,GAAA2D,UAAA,CAAAtC,CAAA,OAAA+B,QAAA,CAAAK,OAAA,CAAAzD,GAAA,kBAAAqD,MAAA,CAAArD,GAAA,IAAAmD,MAAA,CAAAnD,GAAA,YAAAqD,MAAA;AAEvB,IAAMQ,iBAAiB,GAAG,EAAE;AAAAC,OAAA,CAAAD,iBAAA,GAAAA,iBAAA;AAW5B,IAAME,KAA2B,GAAG,SAA9BA,KAA2BA,CAAAC,IAAA,EAQlC;EAAA,IAPJC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAAC,UAAA,GAAAL,IAAA,CACJjB,KAAK;IAALA,KAAK,GAAAsB,UAAA,cAAG,CAAC,CAAC,EAAEF,GAAG,CAAC,GAAAE,UAAA;IAChBC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACLC,IAAI,GAAArB,wBAAA,CAAAc,IAAA,EAAAlF,SAAA;EAEP,IAAM0F,MAAM,GAAG,IAAAC,YAAM,EAA0B,IAAI,CAAC;EACpD,IAAMC,MAAM,GAAG,IAAAD,YAAM,EAA0B,IAAI,CAAC;EAEpD,IAAAE,SAAA,GAA4B,IAAAC,cAAQ,EAAC7B,KAAK,CAAC;IAAA8B,UAAA,GAAAzD,cAAA,CAAAuD,SAAA;IAApCG,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EAExB,IAAAG,UAAA,GAAgC,IAAAJ,cAAQ,EAAC,CAAC,CAAC;IAAAK,UAAA,GAAA7D,cAAA,CAAA4D,UAAA;IAApCE,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAE5B,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAEsB;IAAA,IADhBtC,KAAK,GAAAsC,KAAA,CAA9BhC,MAAM,CAAIiC,aAAa;IAEvB,IAAIvC,KAAK,GAAG+B,MAAM,CAAC,CAAC,CAAC,GAAGV,IAAI,EAAE;IAC9BW,SAAS,CAAC,CAAChC,KAAK,EAAE+B,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7BR,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,CAACvB,KAAK,EAAE+B,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;EAChC,CAAC;EAED,IAAMS,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAEsB;IAAA,IADhBzC,KAAK,GAAAyC,KAAA,CAA9BnC,MAAM,CAAIiC,aAAa;IAEvB,IAAIvC,KAAK,GAAG+B,MAAM,CAAC,CAAC,CAAC,GAAGV,IAAI,EAAE;IAC9BW,SAAS,CAAC,CAACD,MAAM,CAAC,CAAC,CAAC,EAAE/B,KAAK,CAAC,CAAC;IAC7BuB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,CAACQ,MAAM,CAAC,CAAC,CAAC,EAAE/B,KAAK,CAAC,CAAC;EAChC,CAAC;EAED,IAAA0C,eAAS,EAAC,YAAM;IACd,IAAI,CAACf,MAAM,CAACgB,OAAO,EAAE;IACrBP,WAAW,CAACT,MAAM,CAACgB,OAAO,CAACC,WAAW,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAF,eAAS,EAAC,YAAM;IACd,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;MACzB,IAAI,CAAClB,MAAM,CAACgB,OAAO,EAAE;MACrBP,WAAW,CAACT,MAAM,CAACgB,OAAO,CAACC,WAAW,CAAC;IACzC,CAAC;IAEDE,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,EAAE;MAAEG,OAAO,EAAE;IAAK,CAAC,CAAC;IAElE,OAAO,YAAM;MACXF,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAEJ,YAAY,CAAC;IACpD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAAK,sBAAe,EAAC,YAAM;IACpBlB,SAAS,CAAChC,KAAK,CAAC;EAClB,CAAC,EAAAzC,kBAAA,CAAMyC,KAAK,EAAE;EAEd,IAAMmD,kBAAkB,cAAAC,MAAA,CAAc,IAAAC,sBAAU,EAC9CtB,MAAM,CAAC,CAAC,CAAC,EACT;IAAEZ,GAAG,EAAHA,GAAG;IAAEC,GAAG,EAAHA;EAAI,CAAC,EACZ;IAAED,GAAG,EAAE,CAAC;IAAEC,GAAG,EAAEe,QAAQ,GAAGrB;EAAkB,CAAC,CAC9C,eAAAsC,MAAA,CAAY,IAAAC,sBAAU,EACrBtB,MAAM,CAAC,CAAC,CAAC,EACT;IAAEZ,GAAG,EAAHA,GAAG;IAAEC,GAAG,EAAHA;EAAI,CAAC,EACZ;IAAED,GAAG,EAAE,CAAC;IAAEC,GAAG,EAAEe,QAAQ,GAAGrB;EAAkB,CAAC,CAC9C,QAAK;EAEN,IAAMwC,YAAY,cAAAF,MAAA,CAAcjB,QAAQ,UAAAiB,MAAA,CAAOtC,iBAAiB,UAAAsC,MAAA,CAAO,IAAAC,sBAAU,EAC/EtB,MAAM,CAAC,CAAC,CAAC,EACT;IAAEZ,GAAG,EAAHA,GAAG;IAAEC,GAAG,EAAHA;EAAI,CAAC,EACZ;IAAED,GAAG,EAAE,CAAC;IAAEC,GAAG,EAAEe,QAAQ,GAAGrB;EAAkB,CAAC,CAC9C,QAAK;EAEN,oBACEvF,KAAA,CAAAgI,aAAA,CAACC,KAAK,EAAKhC,IAAI,eACbjG,KAAA,CAAAgI,aAAA,CAACE,SAAS;IAACC,KAAK,EAAE;MAAEC,IAAI,EAAER;IAAmB;EAAE,EAAG,eAElD5H,KAAA,CAAAgI,aAAA,CAACK,MAAM;IACLC,GAAG,EAAEpC,MAAc;IACnBN,GAAG,EAAEA,GAAI;IACTC,GAAG,EAAEA,GAAI;IACTC,IAAI,EAAEA,IAAK;IACXyC,OAAO,EAAEzB,eAAgB;IACzBrC,KAAK,EAAE+B,MAAM,CAAC,CAAC,CAAE;IACjB,cAAYb,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG,CAAC;EAAE,EAC5B,eAEF3F,KAAA,CAAAgI,aAAA,CAACK,MAAM;IACLC,GAAG,EAAElC,MAAc;IACnBR,GAAG,EAAEA,GAAI;IACTC,GAAG,EAAEA,GAAI;IACTC,IAAI,EAAEA,IAAK;IACXyC,OAAO,EAAEtB,eAAgB;IACzBxC,KAAK,EAAE+B,MAAM,CAAC,CAAC,CAAE;IACjB2B,KAAK,EAAE;MAAEC,IAAI,EAAEL;IAAa,CAAE;IAC9B,cAAYpC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG,CAAC;EAAE,EAC5B,CACI;AAEZ,CAAC;AAAAH,OAAA,CAAAC,KAAA,GAAAA,KAAA;AAjGYA,KAA2B,CAAA+C,WAAA;AAmGxC,IAAMP,KAAK,GAAG,IAAAQ,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,2LAGdrD,iBAAiB,EAWL,IAAAsD,kBAAQ,EAAC,gBAAgB,CAAC,CAEjD;AAED,IAAMX,SAAS,GAAG,IAAAO,yBAAM,EAACK,QAAG,CAAC,CAAAH,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,mGAOP,IAAAC,kBAAQ,EAAC,cAAc,CAAC,CAC7C;AAED,IAAME,UAAU,OAAGC,qBAAG,iCAEVzD,iBAAiB,CAC5B;AAED,IAAM0D,YAAY,OAAGD,qBAAG,8IAGbzD,iBAAiB,EAChBA,iBAAiB,EACP,IAAAsD,kBAAQ,EAAC,iBAAiB,CAAC,EAE3B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAChCK,oBAAW,CAC1B;AAED,IAAMb,MAAM,GAAGI,yBAAM,CAACU,KAAK,CAAAR,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,sYAWrBG,UAAU,EAIVA,UAAU,EAKVE,YAAY,EAIZA,YAAY,EAMQ,IAAAJ,kBAAQ,EAAC,eAAe,CAAC,EAKzB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAGlD;AAEDR,MAAM,CAACe,YAAY,GAAG;EACpBC,IAAI,EAAE;AACR,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "36.0.0",
+  "version": "36.1.1",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "7301f7626a90ef506b517ddb45d7d2989fcbd5bf"
+  "gitHead": "e95ff5e0a84b0a0bc13b72fb80372df1fb283232"
 }