@artsy/palette 41.8.1 → 42.0.0

package/dist/elements/AutocompleteInput/AutocompleteInputOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInputOption.js","names":["_composeReactRefs","_interopRequireDefault","require","_themeGet","_react","_interopRequireWildcard","_styledComponents","_Clickable","_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","AutocompleteInputOption","forwardRef","_ref","forwardedRef","children","selected","rest","ref","useRef","useEffect","_ref$current$scrollIn","_ref$current","current","scrollIntoViewIfNeeded","scrollIntoView","createElement","Container","composeRefs","bg","exports","displayName","styled","Clickable","withConfig","componentId","themeGet"],"sources":["../../../src/elements/AutocompleteInput/AutocompleteInputOption.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React, { forwardRef, useEffect, useRef } from \"react\"\nimport styled from \"styled-components\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\n\nexport interface AutocompleteInputOptionProps extends ClickableProps {\n  selected: boolean\n}\n\nexport const AutocompleteInputOption = forwardRef<\n  HTMLButtonElement,\n  AutocompleteInputOptionProps\n>(({ children, selected, ...rest }, forwardedRef) => {\n  const ref = useRef<HTMLButtonElement | null>(null)\n\n  useEffect(() => {\n    if (!ref.current || !selected) return\n\n    // @ts-ignore\n    if (typeof ref.current.scrollIntoViewIfNeeded === \"function\") {\n      // @ts-ignore\n      ref.current.scrollIntoViewIfNeeded()\n      return\n    }\n\n    ref.current.scrollIntoView?.()\n  }, [selected])\n\n  return (\n    <Container ref={composeRefs(ref, forwardedRef) as any} bg=\"mono0\" {...rest}>\n      {children}\n    </Container>\n  )\n})\n\nAutocompleteInputOption.displayName = \"AutocompleteInputOption\"\n\nconst Container = styled(Clickable)`\n  display: block;\n  width: 100%;\n\n  &:focus,\n  &:active {\n    outline: 0;\n    background-color: ${themeGet(\"colors.mono5\")};\n  }\n`\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAAwD,IAAAM,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,SAAAL,wBAAAS,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,SAAApB,uBAAAa,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAG,OAAA,EAAAH,GAAA;AAAA,SAAAkB,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAMjD,IAAMe,uBAAuB,gBAAG,IAAAC,iBAAU,EAG/C,UAAAC,IAAA,EAAkCC,YAAY,EAAK;EAAA,IAAhDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,IAAI,GAAAf,wBAAA,CAAAW,IAAA,EAAA5C,SAAA;EAC9B,IAAMiD,GAAG,GAAG,IAAAC,aAAM,EAA2B,IAAI,CAAC;EAElD,IAAAC,gBAAS,EAAC,YAAM;IAAA,IAAAC,qBAAA,EAAAC,YAAA;IACd,IAAI,CAACJ,GAAG,CAACK,OAAO,IAAI,CAACP,QAAQ,EAAE;;IAE/B;IACA,IAAI,OAAOE,GAAG,CAACK,OAAO,CAACC,sBAAsB,KAAK,UAAU,EAAE;MAC5D;MACAN,GAAG,CAACK,OAAO,CAACC,sBAAsB,EAAE;MACpC;IACF;IAEA,CAAAH,qBAAA,IAAAC,YAAA,GAAAJ,GAAG,CAACK,OAAO,EAACE,cAAc,cAAAJ,qBAAA,uBAA1BA,qBAAA,CAAA/B,IAAA,CAAAgC,YAAA,CAA8B;EAChC,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,oBACEnD,MAAA,CAAAa,OAAA,CAAAgD,aAAA,CAACC,SAAS,EAAAlC,QAAA;IAACyB,GAAG,EAAE,IAAAU,yBAAW,EAACV,GAAG,EAAEJ,YAAY,CAAS;IAACe,EAAE,EAAC;EAAO,GAAKZ,IAAI,GACvEF,QAAQ,CACC;AAEhB,CAAC,CAAC;AAAAe,OAAA,CAAAnB,uBAAA,GAAAA,uBAAA;AAEFA,uBAAuB,CAACoB,WAAW,GAAG,yBAAyB;AAE/D,IAAMJ,SAAS,GAAG,IAAAK,yBAAM,EAACC,oBAAS,CAAC,CAAAC,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,oFAOX,IAAAC,kBAAQ,EAAC,cAAc,CAAC,CAE/C"}
+{"version":3,"file":"AutocompleteInputOption.js","names":["_composeReactRefs","_interopRequireDefault","require","_themeGet","_react","_interopRequireWildcard","_styledComponents","_Clickable","_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","AutocompleteInputOption","exports","forwardRef","_ref","forwardedRef","children","selected","rest","ref","useRef","useEffect","_ref$current$scrollIn","_ref$current","current","scrollIntoViewIfNeeded","scrollIntoView","createElement","Container","composeRefs","bg","displayName","styled","Clickable","withConfig","componentId","themeGet"],"sources":["../../../src/elements/AutocompleteInput/AutocompleteInputOption.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React, { forwardRef, useEffect, useRef } from \"react\"\nimport styled from \"styled-components\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\n\nexport interface AutocompleteInputOptionProps extends ClickableProps {\n  selected: boolean\n}\n\nexport const AutocompleteInputOption = forwardRef<\n  HTMLButtonElement,\n  AutocompleteInputOptionProps\n>(({ children, selected, ...rest }, forwardedRef) => {\n  const ref = useRef<HTMLButtonElement | null>(null)\n\n  useEffect(() => {\n    if (!ref.current || !selected) return\n\n    // @ts-ignore\n    if (typeof ref.current.scrollIntoViewIfNeeded === \"function\") {\n      // @ts-ignore\n      ref.current.scrollIntoViewIfNeeded()\n      return\n    }\n\n    ref.current.scrollIntoView?.()\n  }, [selected])\n\n  return (\n    <Container ref={composeRefs(ref, forwardedRef) as any} bg=\"mono0\" {...rest}>\n      {children}\n    </Container>\n  )\n})\n\nAutocompleteInputOption.displayName = \"AutocompleteInputOption\"\n\nconst Container = styled(Clickable)`\n  display: block;\n  width: 100%;\n\n  &:focus,\n  &:active {\n    outline: 0;\n    background-color: ${themeGet(\"colors.mono5\")};\n  }\n`\n"],"mappings":"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"}

package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.js

@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var AutocompleteInputOptionLabel = function AutocompleteInputOptionLabel(_ref) {
+var AutocompleteInputOptionLabel = exports.AutocompleteInputOptionLabel = function AutocompleteInputOptionLabel(_ref) {
   var text = _ref.text,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Text.Text, _extends({
@@ -21,6 +21,5 @@ var AutocompleteInputOptionLabel = function AutocompleteInputOptionLabel(_ref) {
     overflowEllipsis: true
   }, rest), text);
 };
-exports.AutocompleteInputOptionLabel = AutocompleteInputOptionLabel;
 AutocompleteInputOptionLabel.displayName = "AutocompleteInputOptionLabel";
 //# sourceMappingURL=AutocompleteInputOptionLabel.js.map

package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInputOptionLabel.js","names":["_react","_interopRequireDefault","require","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","AutocompleteInputOptionLabel","_ref","text","rest","createElement","Text","variant","lineHeight","p","overflowEllipsis","exports","displayName"],"sources":["../../../src/elements/AutocompleteInput/AutocompleteInputOptionLabel.tsx"],"sourcesContent":["import React from \"react\"\nimport { Text, TextProps } from \"../Text\"\n\nexport interface AutocompleteInputOptionLabelProps extends TextProps {\n  text: string\n}\n\nexport const AutocompleteInputOptionLabel: React.FC<React.PropsWithChildren<AutocompleteInputOptionLabelProps>> = ({\n  text,\n  ...rest\n}) => {\n  return (\n    <Text variant=\"sm-display\" lineHeight={1} p={2} overflowEllipsis {...rest}>\n      {text}\n    </Text>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAyC,IAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAMlC,IAAMmB,4BAAkG,GAAG,SAArGA,4BAAkGA,CAAAC,IAAA,EAGzG;EAAA,IAFJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACDC,IAAI,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP,oBACEJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,KAAA,CAAAiC,IAAI,EAAA5B,QAAA;IAAC6B,OAAO,EAAC,YAAY;IAACC,UAAU,EAAE,CAAE;IAACC,CAAC,EAAE,CAAE;IAACC,gBAAgB;EAAA,GAAKN,IAAI,GACtED,IAAI,CACA;AAEX,CAAC;AAAAQ,OAAA,CAAAV,4BAAA,GAAAA,4BAAA;AATYA,4BAAkG,CAAAW,WAAA"}
+{"version":3,"file":"AutocompleteInputOptionLabel.js","names":["_react","_interopRequireDefault","require","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","AutocompleteInputOptionLabel","exports","_ref","text","rest","createElement","Text","variant","lineHeight","p","overflowEllipsis","displayName"],"sources":["../../../src/elements/AutocompleteInput/AutocompleteInputOptionLabel.tsx"],"sourcesContent":["import React from \"react\"\nimport { Text, TextProps } from \"../Text\"\n\nexport interface AutocompleteInputOptionLabelProps extends TextProps {\n  text: string\n}\n\nexport const AutocompleteInputOptionLabel: React.FC<React.PropsWithChildren<AutocompleteInputOptionLabelProps>> = ({\n  text,\n  ...rest\n}) => {\n  return (\n    <Text variant=\"sm-display\" lineHeight={1} p={2} overflowEllipsis {...rest}>\n      {text}\n    </Text>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAyC,IAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAMlC,IAAMmB,4BAAkG,GAAAC,OAAA,CAAAD,4BAAA,GAAG,SAArGA,4BAAkGA,CAAAE,IAAA,EAGzG;EAAA,IAFJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACDC,IAAI,GAAAb,wBAAA,CAAAW,IAAA,EAAA7B,SAAA;EAEP,oBACEJ,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAACjC,KAAA,CAAAkC,IAAI,EAAA7B,QAAA;IAAC8B,OAAO,EAAC,YAAY;IAACC,UAAU,EAAE,CAAE;IAACC,CAAC,EAAE,CAAE;IAACC,gBAAgB;EAAA,GAAKN,IAAI,GACtED,IAAI,CACA;AAEX,CAAC;AATYH,4BAAkG,CAAAW,WAAA"}

package/dist/elements/Avatar/Avatar.js

@@ -17,8 +17,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -51,7 +51,7 @@ var TOKENS = {
 };
 
 /** An circular Avatar component containing an image or initials */
-var Avatar = function Avatar(_ref) {
+var Avatar = exports.Avatar = function Avatar(_ref) {
   var _TOKENS$size;
   var src = _ref.src,
     initials = _ref.initials,
@@ -104,6 +104,5 @@ var Avatar = function Avatar(_ref) {
     }
   }, imageProps))));
 };
-exports.Avatar = Avatar;
 Avatar.displayName = "Avatar";
 //# sourceMappingURL=Avatar.js.map

package/dist/elements/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["_react","_interopRequireWildcard","require","_Box","_Flex","_Image","_Text","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LENGTHS","xxs","xs","sm","md","TOKENS","fontWeight","color","bg","diameter","variant","Avatar","_ref","_TOKENS$size","src","initials","_ref$size","size","_ref$lazyLoad","lazyLoad","rest","_useState","useState","_useState2","mode","setMode","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","imageProps","_ref2","createElement","Flex","border","borderColor","borderRadius","alignItems","justifyContent","position","overflow","flexShrink","Text","lineHeight","top","left","width","height","Image","alt","onError","exports","displayName"],"sources":["../../../src/elements/Avatar/Avatar.tsx"],"sourcesContent":["import { TextVariant } from \"@artsy/palette-tokens/dist/typography/v3\"\nimport React, { useState } from \"react\"\nimport { splitBoxProps } from \"../Box\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Image, ImageProps } from \"../Image\"\nimport { Text } from \"../Text\"\n\nexport interface AvatarProps extends FlexProps, Partial<ImageProps> {\n  /** If an image is missing, show initials instead */\n  initials?: string\n  /** The size of the Avatar */\n  size?: \"xxs\" | \"xs\" | \"sm\" | \"md\"\n}\n\nconst LENGTHS = {\n  xxs: 2,\n  xs: 2,\n  sm: 3,\n  md: 4,\n}\n\nconst TOKENS = {\n  fontWeight: \"normal\",\n  color: \"mono100\",\n  bg: \"transparent\",\n  xxs: {\n    diameter: 30,\n    variant: \"xs\" as TextVariant,\n  },\n  xs: {\n    diameter: 45,\n    variant: \"sm-display\" as TextVariant,\n  },\n  sm: {\n    diameter: 70,\n    variant: \"md\" as TextVariant,\n  },\n  md: {\n    diameter: 100,\n    variant: \"lg-display\" as TextVariant,\n  },\n}\n\n/** An circular Avatar component containing an image or initials */\nexport const Avatar: React.FC<React.PropsWithChildren<AvatarProps>> = ({\n  src,\n  initials,\n  size = \"md\",\n  lazyLoad = false,\n  ...rest\n}) => {\n  const [mode, setMode] = useState<\"OK\" | \"Error\">(\"OK\")\n\n  const [boxProps, imageProps] = splitBoxProps(rest)\n\n  const { diameter, variant } = TOKENS[size] ?? TOKENS.sm\n\n  return (\n    <Flex\n      size={diameter}\n      bg={TOKENS.bg}\n      border={src ? \"transparent\" : \"1px solid\"}\n      borderColor=\"mono15\"\n      borderRadius=\"50%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      position=\"relative\"\n      overflow=\"hidden\"\n      flexShrink={0}\n      {...boxProps}\n    >\n      {initials && (\n        <Text\n          variant={variant}\n          fontWeight={TOKENS.fontWeight}\n          color={TOKENS.color}\n          lineHeight={1}\n        >\n          {initials.slice(0, LENGTHS[size])}\n        </Text>\n      )}\n\n      {src && mode !== \"Error\" && (\n        <Flex position=\"absolute\" top={0} left={0} width=\"100%\" height=\"100%\">\n          <Image\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            lazyLoad={lazyLoad}\n            alt={initials ?? \"\"}\n            onError={() => {\n              setMode(\"Error\")\n            }}\n            {...imageProps}\n          />\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","names":["_react","_interopRequireWildcard","require","_Box","_Flex","_Image","_Text","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LENGTHS","xxs","xs","sm","md","TOKENS","fontWeight","color","bg","diameter","variant","Avatar","exports","_ref","_TOKENS$size","src","initials","_ref$size","size","_ref$lazyLoad","lazyLoad","rest","_useState","useState","_useState2","mode","setMode","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","imageProps","_ref2","createElement","Flex","border","borderColor","borderRadius","alignItems","justifyContent","position","overflow","flexShrink","Text","lineHeight","top","left","width","height","Image","alt","onError","displayName"],"sources":["../../../src/elements/Avatar/Avatar.tsx"],"sourcesContent":["import { TextVariant } from \"@artsy/palette-tokens/dist/typography/v3\"\nimport React, { useState } from \"react\"\nimport { splitBoxProps } from \"../Box\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Image, ImageProps } from \"../Image\"\nimport { Text } from \"../Text\"\n\nexport interface AvatarProps extends FlexProps, Partial<ImageProps> {\n  /** If an image is missing, show initials instead */\n  initials?: string\n  /** The size of the Avatar */\n  size?: \"xxs\" | \"xs\" | \"sm\" | \"md\"\n}\n\nconst LENGTHS = {\n  xxs: 2,\n  xs: 2,\n  sm: 3,\n  md: 4,\n}\n\nconst TOKENS = {\n  fontWeight: \"normal\",\n  color: \"mono100\",\n  bg: \"transparent\",\n  xxs: {\n    diameter: 30,\n    variant: \"xs\" as TextVariant,\n  },\n  xs: {\n    diameter: 45,\n    variant: \"sm-display\" as TextVariant,\n  },\n  sm: {\n    diameter: 70,\n    variant: \"md\" as TextVariant,\n  },\n  md: {\n    diameter: 100,\n    variant: \"lg-display\" as TextVariant,\n  },\n}\n\n/** An circular Avatar component containing an image or initials */\nexport const Avatar: React.FC<React.PropsWithChildren<AvatarProps>> = ({\n  src,\n  initials,\n  size = \"md\",\n  lazyLoad = false,\n  ...rest\n}) => {\n  const [mode, setMode] = useState<\"OK\" | \"Error\">(\"OK\")\n\n  const [boxProps, imageProps] = splitBoxProps(rest)\n\n  const { diameter, variant } = TOKENS[size] ?? TOKENS.sm\n\n  return (\n    <Flex\n      size={diameter}\n      bg={TOKENS.bg}\n      border={src ? \"transparent\" : \"1px solid\"}\n      borderColor=\"mono15\"\n      borderRadius=\"50%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      position=\"relative\"\n      overflow=\"hidden\"\n      flexShrink={0}\n      {...boxProps}\n    >\n      {initials && (\n        <Text\n          variant={variant}\n          fontWeight={TOKENS.fontWeight}\n          color={TOKENS.color}\n          lineHeight={1}\n        >\n          {initials.slice(0, LENGTHS[size])}\n        </Text>\n      )}\n\n      {src && mode !== \"Error\" && (\n        <Flex position=\"absolute\" top={0} left={0} width=\"100%\" height=\"100%\">\n          <Image\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            lazyLoad={lazyLoad}\n            alt={initials ?? \"\"}\n            onError={() => {\n              setMode(\"Error\")\n            }}\n            {...imageProps}\n          />\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAA8B,IAAAK,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,SAAAR,wBAAAY,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,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,eAAAC,GAAA,EAAAN,CAAA,WAAAO,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAN,CAAA,KAAAS,2BAAA,CAAAH,GAAA,EAAAN,CAAA,KAAAU,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAA5B,MAAA,CAAAI,SAAA,CAAAyB,QAAA,CAAAvB,IAAA,CAAAmB,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,EAAAqB,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAAwB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAvB,CAAA,GAAAuB,GAAA,EAAAvB,CAAA,IAAAwB,IAAA,CAAAxB,CAAA,IAAAM,GAAA,CAAAN,CAAA,UAAAwB,IAAA;AAAA,SAAAhB,sBAAAF,GAAA,EAAAN,CAAA,QAAAyB,EAAA,WAAAnB,GAAA,gCAAAoB,MAAA,IAAApB,GAAA,CAAAoB,MAAA,CAAAC,QAAA,KAAArB,GAAA,4BAAAmB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAhC,IAAA,CAAAa,GAAA,GAAA6B,IAAA,QAAAnC,CAAA,QAAAb,MAAA,CAAAsC,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAArC,IAAA,CAAAgC,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAA9B,MAAA,KAAAF,CAAA,GAAAiC,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAArD,MAAA,CAAA4C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAzB,gBAAAD,GAAA,QAAAc,KAAA,CAAAqB,OAAA,CAAAnC,GAAA,UAAAA,GAAA;AAAA,SAAAoC,yBAAAvC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,GAAA6C,6BAAA,CAAAzC,MAAA,EAAAwC,QAAA,OAAArD,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAA1C,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA8C,gBAAA,CAAA5C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAwD,gBAAA,CAAA9C,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAA6C,8BAAAzC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,WAAAkD,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAA/C,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAiD,UAAA,CAAA/C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAA2D,UAAA,CAAAjD,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAS9B,IAAMoD,OAAO,GAAG;EACdC,GAAG,EAAE,CAAC;EACNC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE;AACN,CAAC;AAED,IAAMC,MAAM,GAAG;EACbC,UAAU,EAAE,QAAQ;EACpBC,KAAK,EAAE,SAAS;EAChBC,EAAE,EAAE,aAAa;EACjBP,GAAG,EAAE;IACHQ,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE;EACX,CAAC;EACDR,EAAE,EAAE;IACFO,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE;EACX,CAAC;EACDP,EAAE,EAAE;IACFM,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE;EACX,CAAC;EACDN,EAAE,EAAE;IACFK,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAE;EACX;AACF,CAAC;;AAED;AACO,IAAMC,MAAsD,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAAzDA,MAAsDA,CAAAE,IAAA,EAM7D;EAAA,IAAAC,YAAA;EAAA,IALJC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,SAAA,GAAAJ,IAAA,CACRK,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;IAAAE,aAAA,GAAAN,IAAA,CACXO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IACbE,IAAI,GAAA9B,wBAAA,CAAAsB,IAAA,EAAA5F,SAAA;EAEP,IAAAqG,SAAA,GAAwB,IAAAC,eAAQ,EAAiB,IAAI,CAAC;IAAAC,UAAA,GAAAtE,cAAA,CAAAoE,SAAA;IAA/CG,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EAEpB,IAAAG,cAAA,GAA+B,IAAAC,kBAAa,EAACP,IAAI,CAAC;IAAAQ,eAAA,GAAA3E,cAAA,CAAAyE,cAAA;IAA3CG,QAAQ,GAAAD,eAAA;IAAEE,UAAU,GAAAF,eAAA;EAE3B,IAAAG,KAAA,IAAAlB,YAAA,GAA8BT,MAAM,CAACa,IAAI,CAAC,cAAAJ,YAAA,cAAAA,YAAA,GAAIT,MAAM,CAACF,EAAE;IAA/CM,QAAQ,GAAAuB,KAAA,CAARvB,QAAQ;IAAEC,OAAO,GAAAsB,KAAA,CAAPtB,OAAO;EAEzB,oBACEhG,MAAA,CAAAgB,OAAA,CAAAuG,aAAA,CAACnH,KAAA,CAAAoH,IAAI,EAAAzF,QAAA;IACHyE,IAAI,EAAET,QAAS;IACfD,EAAE,EAAEH,MAAM,CAACG,EAAG;IACd2B,MAAM,EAAEpB,GAAG,GAAG,aAAa,GAAG,WAAY;IAC1CqB,WAAW,EAAC,QAAQ;IACpBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBC,QAAQ,EAAC,UAAU;IACnBC,QAAQ,EAAC,QAAQ;IACjBC,UAAU,EAAE;EAAE,GACVZ,QAAQ,GAEXd,QAAQ,iBACPtG,MAAA,CAAAgB,OAAA,CAAAuG,aAAA,CAACjH,KAAA,CAAA2H,IAAI;IACHjC,OAAO,EAAEA,OAAQ;IACjBJ,UAAU,EAAED,MAAM,CAACC,UAAW;IAC9BC,KAAK,EAAEF,MAAM,CAACE,KAAM;IACpBqC,UAAU,EAAE;EAAE,GAEb5B,QAAQ,CAAClD,KAAK,CAAC,CAAC,EAAEkC,OAAO,CAACkB,IAAI,CAAC,CAAC,CAEpC,EAEAH,GAAG,IAAIU,IAAI,KAAK,OAAO,iBACtB/G,MAAA,CAAAgB,OAAA,CAAAuG,aAAA,CAACnH,KAAA,CAAAoH,IAAI;IAACM,QAAQ,EAAC,UAAU;IAACK,GAAG,EAAE,CAAE;IAACC,IAAI,EAAE,CAAE;IAACC,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,gBACnEtI,MAAA,CAAAgB,OAAA,CAAAuG,aAAA,CAAClH,MAAA,CAAAkI,KAAK,EAAAxG,QAAA;IACJsE,GAAG,EAAEA,GAAI;IACTgC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACb5B,QAAQ,EAAEA,QAAS;IACnB8B,GAAG,EAAElC,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,EAAG;IACpBmC,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;MACbzB,OAAO,CAAC,OAAO,CAAC;IAClB;EAAE,GACEK,UAAU,EACd,CAEL,CACI;AAEX,CAAC;AAvDYpB,MAAsD,CAAAyC,WAAA"}

package/dist/elements/Avatar/Avatar.story.js

@@ -11,11 +11,10 @@ var _Box = require("../Box");
 var _Stack = require("../Stack");
 var _Text = require("../Text");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Avatar"
 };
-exports.default = _default;
-var Sizes = function Sizes() {
+var Sizes = exports.Sizes = function Sizes() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       size: "xxs"
@@ -43,9 +42,8 @@ var Sizes = function Sizes() {
     initials: "TK"
   }));
 };
-exports.Sizes = Sizes;
 Sizes.displayName = "Sizes";
-var WithImage = function WithImage() {
+var WithImage = exports.WithImage = function WithImage() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       size: "xxs"
@@ -64,9 +62,8 @@ var WithImage = function WithImage() {
     initials: "TK"
   }));
 };
-exports.WithImage = WithImage;
 WithImage.displayName = "WithImage";
-var WithBrokenImage = function WithBrokenImage() {
+var WithBrokenImage = exports.WithBrokenImage = function WithBrokenImage() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       size: "md"
@@ -81,9 +78,8 @@ var WithBrokenImage = function WithBrokenImage() {
     initials: "TK"
   }));
 };
-exports.WithBrokenImage = WithBrokenImage;
 WithBrokenImage.displayName = "WithBrokenImage";
-var WithTightContainer = function WithTightContainer() {
+var WithTightContainer = exports.WithTightContainer = function WithTightContainer() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
     maxWidth: 150,
     border: "1px solid",
@@ -102,6 +98,5 @@ var WithTightContainer = function WithTightContainer() {
     hyphenate: true
   }, "example@longemailaddress.com"))));
 };
-exports.WithTightContainer = WithTightContainer;
 WithTightContainer.displayName = "WithTightContainer";
 //# sourceMappingURL=Avatar.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Avatar","_Box","_Stack","_Text","obj","__esModule","default","_default","title","exports","Sizes","createElement","States","states","size","initials","Avatar","displayName","WithImage","src","srcSet","lazyLoad","WithBrokenImage","WithTightContainer","Box","maxWidth","border","borderColor","overflow","p","Stack","gap","flexDirection","alignItems","Text","hyphenate"],"sources":["../../../src/elements/Avatar/Avatar.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Avatar, AvatarProps } from \"./Avatar\"\nimport { Box } from \"../Box\"\nimport { Stack } from \"../Stack\"\nimport { Text } from \"../Text\"\n\nexport default {\n  title: \"Components/Avatar\",\n}\n\nexport const Sizes = () => {\n  return (\n    <States<AvatarProps>\n      states={[\n        { size: \"xxs\" },\n        { size: \"xs\" },\n        { size: \"sm\" },\n        { size: \"md\" },\n        { initials: \"LONGER\", size: \"md\" },\n        { initials: \"LONGER\", size: \"sm\" },\n        { initials: \"LONGER\", size: \"xs\" },\n        { initials: \"LONGER\", size: \"xxs\" },\n      ]}\n    >\n      <Avatar size=\"xs\" initials=\"TK\" />\n    </States>\n  )\n}\n\nexport const WithImage = () => {\n  return (\n    <States<AvatarProps>\n      states={[{ size: \"xxs\" }, { size: \"xs\" }, { size: \"sm\" }, { size: \"md\" }]}\n    >\n      <Avatar\n        size=\"xs\"\n        src=\"https://picsum.photos/seed/example/110/110\"\n        srcSet=\"https://picsum.photos/seed/example/110/110 1x, https://picsum.photos/seed/example/220/220 2x\"\n        lazyLoad\n        initials=\"TK\"\n      />\n    </States>\n  )\n}\n\nexport const WithBrokenImage = () => {\n  return (\n    <States<AvatarProps>\n      states={[{ size: \"md\" }, { size: \"md\", lazyLoad: true }]}\n    >\n      <Avatar\n        size=\"xs\"\n        src=\"https://example.com/broken.jpg\"\n        srcSet=\"https://example.com/broken.jpg 1x, https://example.com/broken.jpg 2x\"\n        initials=\"TK\"\n      />\n    </States>\n  )\n}\n\nexport const WithTightContainer = () => {\n  return (\n    <States>\n      <Box\n        maxWidth={150}\n        border=\"1px solid\"\n        borderColor=\"mono15\"\n        overflow=\"hidden\"\n        p={1}\n      >\n        <Stack gap={1} flexDirection=\"row\" alignItems=\"center\">\n          <Avatar size=\"xs\" initials=\"TK\" />\n          <Text size=\"sm-display\" hyphenate>\n            example@longemailaddress.com\n          </Text>\n        </Stack>\n      </Box>\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Avatar.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Avatar","_Box","_Stack","_Text","obj","__esModule","default","_default","exports","title","Sizes","createElement","States","states","size","initials","Avatar","displayName","WithImage","src","srcSet","lazyLoad","WithBrokenImage","WithTightContainer","Box","maxWidth","border","borderColor","overflow","p","Stack","gap","flexDirection","alignItems","Text","hyphenate"],"sources":["../../../src/elements/Avatar/Avatar.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Avatar, AvatarProps } from \"./Avatar\"\nimport { Box } from \"../Box\"\nimport { Stack } from \"../Stack\"\nimport { Text } from \"../Text\"\n\nexport default {\n  title: \"Components/Avatar\",\n}\n\nexport const Sizes = () => {\n  return (\n    <States<AvatarProps>\n      states={[\n        { size: \"xxs\" },\n        { size: \"xs\" },\n        { size: \"sm\" },\n        { size: \"md\" },\n        { initials: \"LONGER\", size: \"md\" },\n        { initials: \"LONGER\", size: \"sm\" },\n        { initials: \"LONGER\", size: \"xs\" },\n        { initials: \"LONGER\", size: \"xxs\" },\n      ]}\n    >\n      <Avatar size=\"xs\" initials=\"TK\" />\n    </States>\n  )\n}\n\nexport const WithImage = () => {\n  return (\n    <States<AvatarProps>\n      states={[{ size: \"xxs\" }, { size: \"xs\" }, { size: \"sm\" }, { size: \"md\" }]}\n    >\n      <Avatar\n        size=\"xs\"\n        src=\"https://picsum.photos/seed/example/110/110\"\n        srcSet=\"https://picsum.photos/seed/example/110/110 1x, https://picsum.photos/seed/example/220/220 2x\"\n        lazyLoad\n        initials=\"TK\"\n      />\n    </States>\n  )\n}\n\nexport const WithBrokenImage = () => {\n  return (\n    <States<AvatarProps>\n      states={[{ size: \"md\" }, { size: \"md\", lazyLoad: true }]}\n    >\n      <Avatar\n        size=\"xs\"\n        src=\"https://example.com/broken.jpg\"\n        srcSet=\"https://example.com/broken.jpg 1x, https://example.com/broken.jpg 2x\"\n        initials=\"TK\"\n      />\n    </States>\n  )\n}\n\nexport const WithTightContainer = () => {\n  return (\n    <States>\n      <Box\n        maxWidth={150}\n        border=\"1px solid\"\n        borderColor=\"mono15\"\n        overflow=\"hidden\"\n        p={1}\n      >\n        <Stack gap={1} flexDirection=\"row\" alignItems=\"center\">\n          <Avatar size=\"xs\" initials=\"TK\" />\n          <Text size=\"sm-display\" hyphenate>\n            example@longemailaddress.com\n          </Text>\n        </Stack>\n      </Box>\n    </States>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Banner/Banner.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { FlexProps } from "../Flex";
-export declare type BannerVariant = keyof typeof BANNER_VARIANTS;
+export type BannerVariant = keyof typeof BANNER_VARIANTS;
 export interface BannerProps extends FlexProps {
     variant?: BannerVariant;
     dismissable?: boolean;

package/dist/elements/Banner/Banner.js

@@ -20,13 +20,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /** A banner */
-var Banner = function Banner(_ref) {
+var Banner = exports.Banner = function Banner(_ref) {
   var _ref$dismissable = _ref.dismissable,
     dismissable = _ref$dismissable === void 0 ? false : _ref$dismissable,
     _ref$variant = _ref.variant,
@@ -73,9 +73,8 @@ var Banner = function Banner(_ref) {
     }
   })));
 };
-exports.Banner = Banner;
 Banner.displayName = "Banner";
-var BANNER_VARIANTS = {
+var BANNER_VARIANTS = exports.BANNER_VARIANTS = {
   defaultLight: {
     backgroundColor: "mono10",
     color: "mono100"
@@ -97,7 +96,6 @@ var BANNER_VARIANTS = {
     color: "mono0"
   }
 };
-exports.BANNER_VARIANTS = BANNER_VARIANTS;
 var Container = (0, _styledComponents.default)(_Flex.Flex).withConfig({
   displayName: "Banner__Container",
   componentId: "sc-1bfmimv-0"

package/dist/elements/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_CloseIcon","_Clickable","_Flex","_Text","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Banner","_ref","_ref$dismissable","dismissable","_ref$variant","variant","onClose","children","rest","_useState","useState","_useState2","dismissed","setDismissed","handleClick","createElement","Container","position","py","px","Text","display","alignItems","justifyContent","textAlign","flex","Clickable","top","right","bottom","p","color","onClick","style","fill","exports","displayName","BANNER_VARIANTS","defaultLight","backgroundColor","defaultDark","success","error","brand","styled","Flex","withConfig","componentId","variants"],"sources":["../../../src/elements/Banner/Banner.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\n\nexport type BannerVariant = keyof typeof BANNER_VARIANTS\n\nexport interface BannerProps extends FlexProps {\n  variant?: BannerVariant\n  dismissable?: boolean\n  onClose?: () => void\n}\n\n/** A banner */\nexport const Banner: React.FC<React.PropsWithChildren<BannerProps>> = ({\n  dismissable = false,\n  variant = \"defaultLight\",\n  onClose,\n  children,\n  ...rest\n}) => {\n  const [dismissed, setDismissed] = useState(false)\n\n  const handleClick = () => {\n    if (onClose) {\n      onClose()\n    }\n    setDismissed(true)\n  }\n\n  if (dismissed) return null\n\n  return (\n    <Container position=\"relative\" py={1} px={4} variant={variant} {...rest}>\n      <Text\n        variant=\"xs\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        textAlign=\"center\"\n        flex={1}\n      >\n        {children}\n      </Text>\n\n      {dismissable && (\n        <Clickable\n          position=\"absolute\"\n          top={0}\n          right={0}\n          bottom={0}\n          p={1}\n          display=\"flex\"\n          alignItems=\"center\"\n          color=\"currentColor\"\n          onClick={handleClick}\n        >\n          <CloseIcon style={{ fill: \"currentcolor\" }} />\n        </Clickable>\n      )}\n    </Container>\n  )\n}\n\nexport const BANNER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono10\",\n    color: \"mono100\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n    color: \"mono0\",\n  },\n  success: {\n    backgroundColor: \"green100\",\n    color: \"mono0\",\n  },\n  error: {\n    backgroundColor: \"red100\",\n    color: \"mono0\",\n  },\n  brand: {\n    backgroundColor: \"brand\",\n    color: \"mono0\",\n  },\n}\n\nconst Container = styled(Flex)<{ variant: BannerVariant }>`\n  ${variant({ variants: BANNER_VARIANTS })}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_CloseIcon","_Clickable","_Flex","_Text","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Banner","exports","_ref","_ref$dismissable","dismissable","_ref$variant","variant","onClose","children","rest","_useState","useState","_useState2","dismissed","setDismissed","handleClick","createElement","Container","position","py","px","Text","display","alignItems","justifyContent","textAlign","flex","Clickable","top","right","bottom","p","color","onClick","style","fill","displayName","BANNER_VARIANTS","defaultLight","backgroundColor","defaultDark","success","error","brand","styled","Flex","withConfig","componentId","variants"],"sources":["../../../src/elements/Banner/Banner.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\n\nexport type BannerVariant = keyof typeof BANNER_VARIANTS\n\nexport interface BannerProps extends FlexProps {\n  variant?: BannerVariant\n  dismissable?: boolean\n  onClose?: () => void\n}\n\n/** A banner */\nexport const Banner: React.FC<React.PropsWithChildren<BannerProps>> = ({\n  dismissable = false,\n  variant = \"defaultLight\",\n  onClose,\n  children,\n  ...rest\n}) => {\n  const [dismissed, setDismissed] = useState(false)\n\n  const handleClick = () => {\n    if (onClose) {\n      onClose()\n    }\n    setDismissed(true)\n  }\n\n  if (dismissed) return null\n\n  return (\n    <Container position=\"relative\" py={1} px={4} variant={variant} {...rest}>\n      <Text\n        variant=\"xs\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        textAlign=\"center\"\n        flex={1}\n      >\n        {children}\n      </Text>\n\n      {dismissable && (\n        <Clickable\n          position=\"absolute\"\n          top={0}\n          right={0}\n          bottom={0}\n          p={1}\n          display=\"flex\"\n          alignItems=\"center\"\n          color=\"currentColor\"\n          onClick={handleClick}\n        >\n          <CloseIcon style={{ fill: \"currentcolor\" }} />\n        </Clickable>\n      )}\n    </Container>\n  )\n}\n\nexport const BANNER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono10\",\n    color: \"mono100\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n    color: \"mono0\",\n  },\n  success: {\n    backgroundColor: \"green100\",\n    color: \"mono0\",\n  },\n  error: {\n    backgroundColor: \"red100\",\n    color: \"mono0\",\n  },\n  brand: {\n    backgroundColor: \"brand\",\n    color: \"mono0\",\n  },\n}\n\nconst Container = styled(Flex)<{ variant: BannerVariant }>`\n  ${variant({ variants: BANNER_VARIANTS })}\n`\n"],"mappings":"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"}

package/dist/elements/Banner/Banner.story.js

@@ -8,11 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _Banner = require("./Banner");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Banner"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       dismissable: false
@@ -31,6 +30,5 @@ var Default = function Default() {
     dismissable: true
   }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis quae natus assumenda distinctio, voluptatum magni. autem sunt."));
 };
-exports.Default = Default;
 Default.displayName = "Default";
 //# sourceMappingURL=Banner.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Banner","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","dismissable","variant","Banner","displayName"],"sources":["../../../src/elements/Banner/Banner.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Banner, BannerProps } from \"./Banner\"\n\nexport default {\n  title: \"Components/Banner\",\n}\n\nexport const Default = () => {\n  return (\n    <States<BannerProps>\n      states={[\n        { dismissable: false },\n        { variant: \"defaultLight\" },\n        { variant: \"defaultDark\" },\n        { variant: \"success\" },\n        { variant: \"error\" },\n        { variant: \"brand\" },\n      ]}\n    >\n      <Banner dismissable>\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis quae\n        natus assumenda distinctio, voluptatum magni. autem sunt.\n      </Banner>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAE/B;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,WAAW,EAAE;IAAM,CAAC,EACtB;MAAEC,OAAO,EAAE;IAAe,CAAC,EAC3B;MAAEA,OAAO,EAAE;IAAc,CAAC,EAC1B;MAAEA,OAAO,EAAE;IAAU,CAAC,EACtB;MAAEA,OAAO,EAAE;IAAQ,CAAC,EACpB;MAAEA,OAAO,EAAE;IAAQ,CAAC;EACpB,gBAEFhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAa,MAAM;IAACF,WAAW;EAAA,GAAC,oIAGpB,CAAS,CACF;AAEb,CAAC;AAAAL,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAlBYA,OAAO,CAAAO,WAAA"}
+{"version":3,"file":"Banner.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Banner","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","dismissable","variant","Banner","displayName"],"sources":["../../../src/elements/Banner/Banner.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Banner, BannerProps } from \"./Banner\"\n\nexport default {\n  title: \"Components/Banner\",\n}\n\nexport const Default = () => {\n  return (\n    <States<BannerProps>\n      states={[\n        { dismissable: false },\n        { variant: \"defaultLight\" },\n        { variant: \"defaultDark\" },\n        { variant: \"success\" },\n        { variant: \"error\" },\n        { variant: \"brand\" },\n      ]}\n    >\n      <Banner dismissable>\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis quae\n        natus assumenda distinctio, voluptatum magni. autem sunt.\n      </Banner>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE/B;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,WAAW,EAAE;IAAM,CAAC,EACtB;MAAEC,OAAO,EAAE;IAAe,CAAC,EAC3B;MAAEA,OAAO,EAAE;IAAc,CAAC,EAC1B;MAAEA,OAAO,EAAE;IAAU,CAAC,EACtB;MAAEA,OAAO,EAAE;IAAQ,CAAC,EACpB;MAAEA,OAAO,EAAE;IAAQ,CAAC;EACpB,gBAEFhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAa,MAAM;IAACF,WAAW;EAAA,GAAC,oIAGpB,CAAS,CACF;AAEb,CAAC;AAlBYJ,OAAO,CAAAO,WAAA"}

package/dist/elements/BaseTabs/BaseTab.d.ts

@@ -3,7 +3,7 @@ import { TextProps } from "../Text";
 /**
  * Utilize as="a" or as={Component} to alter functionality
  */
-export declare type BaseTabProps<C extends React.ComponentType<React.PropsWithChildren<unknown>> = any> = TextProps & {
+export type BaseTabProps<C extends React.ComponentType<React.PropsWithChildren<unknown>> = any> = TextProps & {
     active?: boolean;
     focus?: boolean;
     hover?: boolean;
@@ -18,14 +18,14 @@ export declare type BaseTabProps<C extends React.ComponentType<React.PropsWithCh
  * or `<BaseTab as={Clickable} onClick={handleClick}>Foo</BaseTab>`
  */
 export declare const BaseTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
-    variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    textColor?: import("styled-system").ResponsiveValue<"mono100" | "mono10" | "mono60" | "mono30" | "mono15" | "mono5" | "mono0" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    lineClamp?: number | undefined;
+    variant?: import("styled-system").ResponsiveValue<import("@artsy/palette-tokens/dist/typography/v3").TextVariant>;
+    textColor?: import("styled-system").ResponsiveValue<import("@artsy/palette-tokens").Color>;
+    lineClamp?: number;
 } & import("..").BoxProps & {
-    hyphenate?: boolean | undefined;
-    overflowEllipsis?: boolean | undefined;
-    textTransform?: import("styled-system").ResponsiveValue<import("../Text").TextTransform, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    lineClamp?: import("styled-system").ResponsiveValue<number, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    hyphenate?: boolean;
+    overflowEllipsis?: boolean;
+    textTransform?: import("styled-system").ResponsiveValue<import("../Text").TextTransform>;
+    lineClamp?: import("styled-system").ResponsiveValue<number>;
 }, BaseTabProps<any>>> & string;

package/dist/elements/BaseTabs/BaseTab.js

@@ -23,13 +23,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * E.g.: `<BaseTab as={RouterLink} to="/foo">Foo</BaseTab>`
  * or `<BaseTab as={Clickable} onClick={handleClick}>Foo</BaseTab>`
  */
-var BaseTab = (0, _styledComponents.default)(_Text.Text).withConfig({
+var BaseTab = exports.BaseTab = (0, _styledComponents.default)(_Text.Text).withConfig({
   displayName: "BaseTab",
   componentId: "sc-1qn17bx-0"
 })(["display:flex;width:100%;position:relative;text-decoration:none;white-space:nowrap;z-index:1;", ""], function (props) {
   return (0, _styledComponents.css)(["", " ", " ", " ", " &:hover:not(:disabled){", "}&:focus{outline:0;", "}"], _tokens.STATES.default, props.hover && _tokens.STATES.hover, props.focus && _tokens.STATES.focus, props.active && _tokens.STATES.active, _tokens.STATES.hover, _tokens.STATES.focus);
 });
-exports.BaseTab = BaseTab;
 BaseTab.defaultProps = {
   variant: "sm",
   mb: "-1px",

package/dist/elements/BaseTabs/BaseTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTab.js","names":["_styledComponents","_interopRequireWildcard","require","_Clickable","_Text","_tokens","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","BaseTab","styled","Text","withConfig","displayName","componentId","props","css","STATES","hover","focus","active","exports","defaultProps","variant","mb","alignItems","justifyContent","textAlign","__Ignore__","Clickable"],"sources":["../../../src/elements/BaseTabs/BaseTab.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Clickable } from \"../Clickable\"\nimport { Text, TextProps } from \"../Text\"\nimport { STATES } from \"./tokens\"\n\n/**\n * Utilize as=\"a\" or as={Component} to alter functionality\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type BaseTabProps<C extends React.ComponentType<React.PropsWithChildren<unknown>> = any> = TextProps & {\n  active?: boolean\n  focus?: boolean\n  hover?: boolean\n} & React.ComponentPropsWithoutRef<C> & { as?: C }\n\n/**\n * Extends `Text`. Should always be nested within a `BaseTabs` container.\n *\n * Use the `as` prop to alter behavior.\n * E.g.: `<BaseTab as={RouterLink} to=\"/foo\">Foo</BaseTab>`\n * or `<BaseTab as={Clickable} onClick={handleClick}>Foo</BaseTab>`\n */\nexport const BaseTab = styled(Text)<BaseTabProps>`\n  display: flex;\n  width: 100%;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n  z-index: 1;\n\n  ${(props) => {\n    return css`\n      ${STATES.default}\n      ${props.hover && STATES.hover}\n      ${props.focus && STATES.focus}\n      ${props.active && STATES.active}\n\n      &:hover:not(:disabled) {\n        ${STATES.hover}\n      }\n\n      &:focus {\n        outline: 0;\n        ${STATES.focus}\n      }\n    `\n  }}\n`\n\nBaseTab.defaultProps = {\n  variant: \"sm\",\n  mb: \"-1px\",\n  alignItems: \"flex-start\",\n  justifyContent: \"center\",\n  textAlign: \"center\",\n}\n\nBaseTab.displayName = \"BaseTab\"\n\n/**\n * So this is interesting: We can trick styled-components into correcting the CSS specificity (Text > Clickable)\n * by simply including a Clickable here.\n */\n// @ts-expect-error  MIGRATE_STRICT_MODE\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst __Ignore__ = Clickable\n"],"mappings":";;;;;;;AACA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAiC,SAAAI,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,SAAAN,wBAAAU,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;AAEjC;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMW,OAAO,GAAG,IAAAC,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yGAQ/B,UAACC,KAAK,EAAK;EACX,WAAOC,qBAAG,+EACNC,cAAM,CAACvB,OAAO,EACdqB,KAAK,CAACG,KAAK,IAAID,cAAM,CAACC,KAAK,EAC3BH,KAAK,CAACI,KAAK,IAAIF,cAAM,CAACE,KAAK,EAC3BJ,KAAK,CAACK,MAAM,IAAIH,cAAM,CAACG,MAAM,EAG3BH,cAAM,CAACC,KAAK,EAKZD,cAAM,CAACE,KAAK;AAGpB,CAAC,CACF;AAAAE,OAAA,CAAAZ,OAAA,GAAAA,OAAA;AAEDA,OAAO,CAACa,YAAY,GAAG;EACrBC,OAAO,EAAE,IAAI;EACbC,EAAE,EAAE,MAAM;EACVC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE,QAAQ;EACxBC,SAAS,EAAE;AACb,CAAC;AAEDlB,OAAO,CAACI,WAAW,GAAG,SAAS;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA,IAAMe,UAAU,GAAGC,oBAAS"}
+{"version":3,"file":"BaseTab.js","names":["_styledComponents","_interopRequireWildcard","require","_Clickable","_Text","_tokens","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","BaseTab","exports","styled","Text","withConfig","displayName","componentId","props","css","STATES","hover","focus","active","defaultProps","variant","mb","alignItems","justifyContent","textAlign","__Ignore__","Clickable"],"sources":["../../../src/elements/BaseTabs/BaseTab.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Clickable } from \"../Clickable\"\nimport { Text, TextProps } from \"../Text\"\nimport { STATES } from \"./tokens\"\n\n/**\n * Utilize as=\"a\" or as={Component} to alter functionality\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type BaseTabProps<C extends React.ComponentType<React.PropsWithChildren<unknown>> = any> = TextProps & {\n  active?: boolean\n  focus?: boolean\n  hover?: boolean\n} & React.ComponentPropsWithoutRef<C> & { as?: C }\n\n/**\n * Extends `Text`. Should always be nested within a `BaseTabs` container.\n *\n * Use the `as` prop to alter behavior.\n * E.g.: `<BaseTab as={RouterLink} to=\"/foo\">Foo</BaseTab>`\n * or `<BaseTab as={Clickable} onClick={handleClick}>Foo</BaseTab>`\n */\nexport const BaseTab = styled(Text)<BaseTabProps>`\n  display: flex;\n  width: 100%;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n  z-index: 1;\n\n  ${(props) => {\n    return css`\n      ${STATES.default}\n      ${props.hover && STATES.hover}\n      ${props.focus && STATES.focus}\n      ${props.active && STATES.active}\n\n      &:hover:not(:disabled) {\n        ${STATES.hover}\n      }\n\n      &:focus {\n        outline: 0;\n        ${STATES.focus}\n      }\n    `\n  }}\n`\n\nBaseTab.defaultProps = {\n  variant: \"sm\",\n  mb: \"-1px\",\n  alignItems: \"flex-start\",\n  justifyContent: \"center\",\n  textAlign: \"center\",\n}\n\nBaseTab.displayName = \"BaseTab\"\n\n/**\n * So this is interesting: We can trick styled-components into correcting the CSS specificity (Text > Clickable)\n * by simply including a Clickable here.\n */\n// @ts-expect-error  MIGRATE_STRICT_MODE\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst __Ignore__ = Clickable\n"],"mappings":";;;;;;;AACA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAiC,SAAAI,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,SAAAN,wBAAAU,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;AAEjC;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMW,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yGAQ/B,UAACC,KAAK,EAAK;EACX,WAAOC,qBAAG,+EACNC,cAAM,CAACxB,OAAO,EACdsB,KAAK,CAACG,KAAK,IAAID,cAAM,CAACC,KAAK,EAC3BH,KAAK,CAACI,KAAK,IAAIF,cAAM,CAACE,KAAK,EAC3BJ,KAAK,CAACK,MAAM,IAAIH,cAAM,CAACG,MAAM,EAG3BH,cAAM,CAACC,KAAK,EAKZD,cAAM,CAACE,KAAK;AAGpB,CAAC,CACF;AAEDX,OAAO,CAACa,YAAY,GAAG;EACrBC,OAAO,EAAE,IAAI;EACbC,EAAE,EAAE,MAAM;EACVC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE,QAAQ;EACxBC,SAAS,EAAE;AACb,CAAC;AAEDlB,OAAO,CAACK,WAAW,GAAG,SAAS;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA,IAAMc,UAAU,GAAGC,oBAAS"}

package/dist/elements/BaseTabs/BaseTabs.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { BoxProps } from "../Box";
 /** Extends `Box` */
-export declare type BaseTabsProps = BoxProps & {
+export type BaseTabsProps = BoxProps & {
     /**
      * Enable if tabs should fill the width of the container
      * (as opposed to left-align)

package/dist/elements/BaseTabs/BaseTabs.js

@@ -19,7 +19,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 /** Extends `Box` */
 
 /** Extends `Box`, provides configurable gutter */
-var BaseTabs = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, forwardedRef) {
+var BaseTabs = exports.BaseTabs = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, forwardedRef) {
   var fill = _ref.fill,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -41,6 +41,5 @@ var BaseTabs = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, forwardedRef)
     }, child);
   })));
 });
-exports.BaseTabs = BaseTabs;
 BaseTabs.displayName = "BaseTabs";
 //# sourceMappingURL=BaseTabs.js.map

package/dist/elements/BaseTabs/BaseTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTabs.js","names":["_react","_interopRequireWildcard","require","_flattenChildren","_Box","_HorizontalOverflow","_Join","_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","BaseTabs","forwardRef","_ref","forwardedRef","fill","children","rest","cells","useMemo","flattenChildren","createElement","HorizontalOverflow","ref","borderBottom","borderBottomColor","Join","separator","Fragment","map","child","Box","display","textAlign","flex","undefined","exports","displayName"],"sources":["../../../src/elements/BaseTabs/BaseTabs.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { Box, BoxProps } from \"../Box\"\nimport { HorizontalOverflow } from \"../HorizontalOverflow/HorizontalOverflow\"\nimport { Join } from \"../Join\"\n\n/** Extends `Box` */\nexport type BaseTabsProps = BoxProps & {\n  /**\n   * Enable if tabs should fill the width of the container\n   * (as opposed to left-align)\n   */\n  fill?: boolean\n  children: React.ReactNode\n}\n\n/** Extends `Box`, provides configurable gutter */\nexport const BaseTabs: React.ForwardRefExoticComponent<\n  BaseTabsProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef(({ fill, children, ...rest }, forwardedRef) => {\n  const cells = useMemo(() => flattenChildren(children), [children])\n\n  return (\n    <HorizontalOverflow\n      ref={forwardedRef}\n      borderBottom=\"1px solid\"\n      borderBottomColor=\"mono10\"\n      {...rest}\n    >\n      <Join separator={<></>}>\n        {cells.map((child, i) => {\n          return (\n            <Box\n              key={i}\n              display=\"inline-flex\"\n              textAlign=\"center\"\n              flex={fill ? 1 : undefined}\n            >\n              {child}\n            </Box>\n          )\n        })}\n      </Join>\n    </HorizontalOverflow>\n  )\n})\n\nBaseTabs.displayName = \"BaseTabs\"\n"],"mappings":"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"}
+{"version":3,"file":"BaseTabs.js","names":["_react","_interopRequireWildcard","require","_flattenChildren","_Box","_HorizontalOverflow","_Join","_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","BaseTabs","exports","forwardRef","_ref","forwardedRef","fill","children","rest","cells","useMemo","flattenChildren","createElement","HorizontalOverflow","ref","borderBottom","borderBottomColor","Join","separator","Fragment","map","child","Box","display","textAlign","flex","undefined","displayName"],"sources":["../../../src/elements/BaseTabs/BaseTabs.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { Box, BoxProps } from \"../Box\"\nimport { HorizontalOverflow } from \"../HorizontalOverflow/HorizontalOverflow\"\nimport { Join } from \"../Join\"\n\n/** Extends `Box` */\nexport type BaseTabsProps = BoxProps & {\n  /**\n   * Enable if tabs should fill the width of the container\n   * (as opposed to left-align)\n   */\n  fill?: boolean\n  children: React.ReactNode\n}\n\n/** Extends `Box`, provides configurable gutter */\nexport const BaseTabs: React.ForwardRefExoticComponent<\n  BaseTabsProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef(({ fill, children, ...rest }, forwardedRef) => {\n  const cells = useMemo(() => flattenChildren(children), [children])\n\n  return (\n    <HorizontalOverflow\n      ref={forwardedRef}\n      borderBottom=\"1px solid\"\n      borderBottomColor=\"mono10\"\n      {...rest}\n    >\n      <Join separator={<></>}>\n        {cells.map((child, i) => {\n          return (\n            <Box\n              key={i}\n              display=\"inline-flex\"\n              textAlign=\"center\"\n              flex={fill ? 1 : undefined}\n            >\n              {child}\n            </Box>\n          )\n        })}\n      </Join>\n    </HorizontalOverflow>\n  )\n})\n\nBaseTabs.displayName = \"BaseTabs\"\n"],"mappings":"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"}