@doist/reactist 31.3.0 → 33.0.0

package/lib/avatar/utils.js

@@ -2,28 +2,129 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+/**
+ * Supported avatar sizes, in CSS pixels.
+ */
+
+/**
+ * Supported avatar clipping shapes.
+ */
+
+/**
+ * Avatar image source.
+ *
+ * Use a string for a single image URL, or a source map keyed by intrinsic image width. Source maps
+ * are converted to native `srcSet` width descriptors.
+ */
+
+const AVATAR_META_COLOR_COUNT = 20;
+const WHITESPACE_REGEXP = new RegExp('\\p{White_Space}+', 'gu');
+const GRAPHEME_SEGMENTER = typeof Intl !== 'undefined' && 'Segmenter' in Intl ? new Intl.Segmenter('und', {
+  granularity: 'grapheme'
+}) : undefined;
+function normalizeAvatarName(name) {
+  return name?.normalize('NFC').trim().replace(WHITESPACE_REGEXP, ' ') ?? '';
+}
+function getGraphemeClusters(value) {
+  if (GRAPHEME_SEGMENTER) {
+    return Array.from(GRAPHEME_SEGMENTER.segment(value), ({
+      segment
+    }) => segment);
+  }
+  return Array.from(value);
+}
+function getInitialGrapheme(value) {
+  return getGraphemeClusters(value?.toUpperCase() ?? '')[0] ?? '';
+}
 function getInitials(name) {
-  if (!name) {
+  const nameParts = normalizeAvatarName(name).split(' ').filter(Boolean);
+  if (nameParts.length === 0) {
     return '';
   }
-  const seed = name.trim().split(' ');
-  const firstInitial = seed[0];
-  const lastInitial = seed[seed.length - 1];
-  let initials = firstInitial?.[0];
-  if (firstInitial != null && lastInitial != null && initials != null &&
-  // Better readable this way.
-  // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with
-  firstInitial[0] !== lastInitial[0]) {
-    initials += lastInitial[0];
+  if (nameParts.length === 1) {
+    return getGraphemeClusters(nameParts[0].toUpperCase()).slice(0, 2).join('');
+  }
+  return `${getInitialGrapheme(nameParts[0])}${getInitialGrapheme(nameParts[nameParts.length - 1])}`;
+}
+function getSortedImageSources(image) {
+  return Object.entries(image).map(([sourceSize, src]) => ({
+    sourceSize: Number(sourceSize),
+    src
+  })).filter(({
+    sourceSize,
+    src
+  }) => Number.isFinite(sourceSize) && sourceSize > 0 && src).sort((a, b) => a.sourceSize - b.sourceSize);
+}
+function getImagePropsFromSources(sources, sizes) {
+  if (sources.length === 0) {
+    return undefined;
+  }
+  return {
+    src: sources[sources.length - 1].src,
+    srcSet: sources.map(({
+      sourceSize,
+      src
+    }) => `${src} ${sourceSize}w`).join(', '),
+    sizes,
+    sources
+  };
+}
+function getSources(image, size) {
+  if (!image) {
+    return undefined;
+  }
+  if (typeof image === 'string') {
+    return {
+      src: image
+    };
+  }
+  const sources = getSortedImageSources(image);
+  return getImagePropsFromSources(sources, `${size}px`);
+}
+function getAvatarImageIdentityKey(image) {
+  if (!image) {
+    return 'fallback';
+  }
+  if (typeof image === 'string') {
+    return image;
+  }
+  const sources = getSortedImageSources(image);
+  if (sources.length === 0) {
+    return 'fallback';
   }
-  return initials?.toUpperCase();
+  return sources.map(({
+    sourceSize,
+    src
+  }) => `${sourceSize}:${src}`).join('|');
 }
-function emailToIndex(email, maxIndex) {
-  const seed = email.split('@')[0];
-  const hash = seed ? seed.charCodeAt(0) + seed.charCodeAt(seed.length - 1) || 0 : 0;
-  return hash % maxIndex;
+function getAvailableImageSources(imageProps, failedSources) {
+  if (!imageProps) {
+    return undefined;
+  }
+  if (failedSources.length === 0) {
+    return imageProps;
+  }
+  if (!imageProps.sources) {
+    return failedSources.includes(imageProps.src) ? undefined : imageProps;
+  }
+  return getImagePropsFromSources(imageProps.sources.filter(({
+    src
+  }) => !failedSources.includes(src)), imageProps.sizes);
+}
+function getAvatarMetaColorIndex(name) {
+  const normalizedName = normalizeAvatarName(name);
+  let hash = 0;
+  for (const char of normalizedName) {
+    hash = hash * 31 + (char.codePointAt(0) ?? 0) >>> 0;
+  }
+  return hash % AVATAR_META_COLOR_COUNT;
 }
 
-exports.emailToIndex = emailToIndex;
+exports.AVATAR_META_COLOR_COUNT = AVATAR_META_COLOR_COUNT;
+exports.getAvailableImageSources = getAvailableImageSources;
+exports.getAvatarImageIdentityKey = getAvatarImageIdentityKey;
+exports.getAvatarMetaColorIndex = getAvatarMetaColorIndex;
 exports.getInitials = getInitials;
+exports.getSources = getSources;
+exports.normalizeAvatarName = normalizeAvatarName;
 //# sourceMappingURL=utils.js.map

package/lib/avatar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/avatar/utils.ts"],"sourcesContent":["function getInitials(name?: string) {\n    if (!name) {\n        return ''\n    }\n\n    const seed = name.trim().split(' ')\n    const firstInitial = seed[0]\n    const lastInitial = seed[seed.length - 1]\n\n    let initials = firstInitial?.[0]\n    if (\n        firstInitial != null &&\n        lastInitial != null &&\n        initials != null &&\n        // Better readable this way.\n        // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with\n        firstInitial[0] !== lastInitial[0]\n    ) {\n        initials += lastInitial[0]\n    }\n    return initials?.toUpperCase()\n}\n\nfunction emailToIndex(email: string, maxIndex: number) {\n    const seed = email.split('@')[0]\n    const hash = seed ? seed.charCodeAt(0) + seed.charCodeAt(seed.length - 1) || 0 : 0\n    return hash % maxIndex\n}\n\nexport { emailToIndex, getInitials }\n"],"names":["getInitials","name","seed","trim","split","firstInitial","lastInitial","length","initials","toUpperCase","emailToIndex","email","maxIndex","hash","charCodeAt"],"mappings":";;;;AAAA,SAASA,WAAWA,CAACC,IAAa,EAAE;EAChC,IAAI,CAACA,IAAI,EAAE;AACP,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EAEA,MAAMC,IAAI,GAAGD,IAAI,CAACE,IAAI,EAAE,CAACC,KAAK,CAAC,GAAG,CAAC,CAAA;AACnC,EAAA,MAAMC,YAAY,GAAGH,IAAI,CAAC,CAAC,CAAC,CAAA;EAC5B,MAAMI,WAAW,GAAGJ,IAAI,CAACA,IAAI,CAACK,MAAM,GAAG,CAAC,CAAC,CAAA;AAEzC,EAAA,IAAIC,QAAQ,GAAGH,YAAY,GAAG,CAAC,CAAC,CAAA;EAChC,IACIA,YAAY,IAAI,IAAI,IACpBC,WAAW,IAAI,IAAI,IACnBE,QAAQ,IAAI,IAAI;AAChB;AACA;EACAH,YAAY,CAAC,CAAC,CAAC,KAAKC,WAAW,CAAC,CAAC,CAAC,EACpC;AACEE,IAAAA,QAAQ,IAAIF,WAAW,CAAC,CAAC,CAAC,CAAA;AAC9B,GAAA;AACA,EAAA,OAAOE,QAAQ,EAAEC,WAAW,EAAE,CAAA;AAClC,CAAA;AAEA,SAASC,YAAYA,CAACC,KAAa,EAAEC,QAAgB,EAAE;EACnD,MAAMV,IAAI,GAAGS,KAAK,CAACP,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;EAChC,MAAMS,IAAI,GAAGX,IAAI,GAAGA,IAAI,CAACY,UAAU,CAAC,CAAC,CAAC,GAAGZ,IAAI,CAACY,UAAU,CAACZ,IAAI,CAACK,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;EAClF,OAAOM,IAAI,GAAGD,QAAQ,CAAA;AAC1B;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../src/avatar/utils.ts"],"sourcesContent":["const AVATAR_SIZES = [80, 72, 62, 50, 40, 36, 30, 28, 24, 20, 18, 16, 12] as const\n\n/**\n * Supported avatar sizes, in CSS pixels.\n */\ntype AvatarSize = (typeof AVATAR_SIZES)[number]\n\n/**\n * Supported avatar clipping shapes.\n */\ntype AvatarShape = 'circle' | 'rounded'\n\n/**\n * Avatar image source.\n *\n * Use a string for a single image URL, or a source map keyed by intrinsic image width. Source maps\n * are converted to native `srcSet` width descriptors.\n */\ntype AvatarImage = string | Record<number, string>\n\ntype AvatarImageSource = {\n    sourceSize: number\n    src: string\n}\n\ntype ImageSources = {\n    src: string\n    srcSet?: string\n    sizes?: string\n    sources?: AvatarImageSource[]\n}\n\nconst AVATAR_META_COLOR_COUNT = 20\n\nconst WHITESPACE_REGEXP = new RegExp('\\\\p{White_Space}+', 'gu')\nconst GRAPHEME_SEGMENTER =\n    typeof Intl !== 'undefined' && 'Segmenter' in Intl\n        ? new Intl.Segmenter('und', { granularity: 'grapheme' })\n        : undefined\n\nfunction normalizeAvatarName(name?: string) {\n    return name?.normalize('NFC').trim().replace(WHITESPACE_REGEXP, ' ') ?? ''\n}\n\nfunction getGraphemeClusters(value: string) {\n    if (GRAPHEME_SEGMENTER) {\n        return Array.from(GRAPHEME_SEGMENTER.segment(value), ({ segment }) => segment)\n    }\n\n    return Array.from(value)\n}\n\nfunction getInitialGrapheme(value?: string) {\n    return getGraphemeClusters(value?.toUpperCase() ?? '')[0] ?? ''\n}\n\nfunction getInitials(name?: string) {\n    const nameParts = normalizeAvatarName(name).split(' ').filter(Boolean)\n\n    if (nameParts.length === 0) {\n        return ''\n    }\n\n    if (nameParts.length === 1) {\n        return getGraphemeClusters(nameParts[0]!.toUpperCase()).slice(0, 2).join('')\n    }\n\n    return `${getInitialGrapheme(nameParts[0])}${getInitialGrapheme(nameParts[nameParts.length - 1])}`\n}\n\nfunction getSortedImageSources(image: Record<number, string>): AvatarImageSource[] {\n    return Object.entries(image)\n        .map(([sourceSize, src]) => ({ sourceSize: Number(sourceSize), src }))\n        .filter(({ sourceSize, src }) => Number.isFinite(sourceSize) && sourceSize > 0 && src)\n        .sort((a, b) => a.sourceSize - b.sourceSize)\n}\n\nfunction getImagePropsFromSources(\n    sources: AvatarImageSource[],\n    sizes?: string,\n): ImageSources | undefined {\n    if (sources.length === 0) {\n        return undefined\n    }\n\n    return {\n        src: sources[sources.length - 1]!.src,\n        srcSet: sources.map(({ sourceSize, src }) => `${src} ${sourceSize}w`).join(', '),\n        sizes,\n        sources,\n    }\n}\n\nfunction getSources(image: AvatarImage | undefined, size: AvatarSize): ImageSources | undefined {\n    if (!image) {\n        return undefined\n    }\n\n    if (typeof image === 'string') {\n        return { src: image }\n    }\n\n    const sources = getSortedImageSources(image)\n    return getImagePropsFromSources(sources, `${size}px`)\n}\n\nfunction getAvatarImageIdentityKey(image?: AvatarImage) {\n    if (!image) {\n        return 'fallback'\n    }\n\n    if (typeof image === 'string') {\n        return image\n    }\n\n    const sources = getSortedImageSources(image)\n    if (sources.length === 0) {\n        return 'fallback'\n    }\n\n    return sources.map(({ sourceSize, src }) => `${sourceSize}:${src}`).join('|')\n}\n\nfunction getAvailableImageSources(\n    imageProps: ImageSources | undefined,\n    failedSources: readonly string[],\n) {\n    if (!imageProps) {\n        return undefined\n    }\n\n    if (failedSources.length === 0) {\n        return imageProps\n    }\n\n    if (!imageProps.sources) {\n        return failedSources.includes(imageProps.src) ? undefined : imageProps\n    }\n\n    return getImagePropsFromSources(\n        imageProps.sources.filter(({ src }) => !failedSources.includes(src)),\n        imageProps.sizes,\n    )\n}\n\nfunction getAvatarMetaColorIndex(name?: string) {\n    const normalizedName = normalizeAvatarName(name)\n    let hash = 0\n\n    for (const char of normalizedName) {\n        hash = (hash * 31 + (char.codePointAt(0) ?? 0)) >>> 0\n    }\n\n    return hash % AVATAR_META_COLOR_COUNT\n}\n\nexport {\n    AVATAR_META_COLOR_COUNT,\n    AVATAR_SIZES,\n    getAvailableImageSources,\n    getAvatarImageIdentityKey,\n    getAvatarMetaColorIndex,\n    getInitials,\n    getSources,\n    normalizeAvatarName,\n}\nexport type { AvatarImage, AvatarImageSource, AvatarShape, AvatarSize, ImageSources }\n"],"names":["AVATAR_META_COLOR_COUNT","WHITESPACE_REGEXP","RegExp","GRAPHEME_SEGMENTER","Intl","Segmenter","granularity","undefined","normalizeAvatarName","name","normalize","trim","replace","getGraphemeClusters","value","Array","from","segment","getInitialGrapheme","toUpperCase","getInitials","nameParts","split","filter","Boolean","length","slice","join","getSortedImageSources","image","Object","entries","map","sourceSize","src","Number","isFinite","sort","a","b","getImagePropsFromSources","sources","sizes","srcSet","getSources","size","getAvatarImageIdentityKey","getAvailableImageSources","imageProps","failedSources","includes","getAvatarMetaColorIndex","normalizedName","hash","char","codePointAt"],"mappings":"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"}

package/lib/components/color-picker/color-picker.js

@@ -6,7 +6,7 @@ var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
 var classNames = require('classnames');
 var tooltip = require('../../tooltip/tooltip.js');
-var dropdown = require('../deprecated-dropdown/dropdown.js');
+var dropdown = require('./deprecated-dropdown/dropdown.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/color-picker/color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.js","sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["import './color-picker.less'\n\nimport * as React from 'react'\n\nimport classnames from 'classnames'\n\nimport { Tooltip } from '../../tooltip'\nimport DeprecatedDropdown from '../deprecated-dropdown'\n\ntype NamedColor = { name: string; color: string }\n\nconst COLORS = [\n    '#606060',\n    '#4A90E2',\n    '#03B3B2',\n    '#008299',\n    '#82BA00',\n    '#D24726',\n    '#AC193D',\n    '#DC4FAD',\n    '#3BD5FB',\n    '#74E8D3',\n    '#FFCC00',\n    '#FB886E',\n    '#CCCCCC',\n]\n\nconst _isNamedColor = (color: string | NamedColor | undefined): color is NamedColor =>\n    typeof color !== 'string'\n\nconst _getColor = (colorList: (string | NamedColor)[], colorIndex: number) => {\n    const index = colorIndex >= colorList.length ? 0 : colorIndex\n    return colorList[index]\n}\n\ntype Props = {\n    small?: boolean\n    color?: number\n    onChange?: (color: number) => void\n    colorList?: (string | NamedColor)[]\n}\n\nfunction ColorPicker({ color = 0, small, onChange, colorList = COLORS }: Props) {\n    return (\n        <DeprecatedDropdown.Box right className=\"reactist_color_picker\">\n            <DeprecatedDropdown.Trigger>\n                {(() => {\n                    const backgroundColor = _getColor(colorList, color)\n\n                    return (\n                        <span\n                            className={classnames('color_trigger', { small })}\n                            style={{\n                                backgroundColor: _isNamedColor(backgroundColor)\n                                    ? backgroundColor.color\n                                    : backgroundColor,\n                            }}\n                        >\n                            <span className=\"color_trigger--inner_ring\" />\n                        </span>\n                    )\n                })()}\n            </DeprecatedDropdown.Trigger>\n            <DeprecatedDropdown.Body>\n                <div className=\"color_options\">\n                    {colorList.reduce<React.ReactNode[]>((items, currentColor, currentIndex) => {\n                        items.push(\n                            <ColorItem\n                                isActive={\n                                    color >= colorList.length\n                                        ? currentIndex === 0\n                                        : currentIndex === color\n                                }\n                                key={currentIndex}\n                                color={\n                                    _isNamedColor(currentColor) ? currentColor.color : currentColor\n                                }\n                                colorIndex={currentIndex}\n                                onClick={onChange}\n                                tooltip={_isNamedColor(currentColor) ? currentColor.name : null}\n                            />,\n                        )\n                        return items\n                    }, [])}\n                </div>\n            </DeprecatedDropdown.Body>\n        </DeprecatedDropdown.Box>\n    )\n}\nColorPicker.displayName = 'ColorPicker'\n\ntype ColorItemProps = {\n    color: string\n    colorIndex: number\n    isActive?: boolean\n    onClick?: (colorIndex: number) => void\n    tooltip?: React.ReactNode\n}\n\nfunction ColorItem({ color, colorIndex, isActive, onClick, tooltip }: ColorItemProps) {\n    const item = (\n        <span\n            data-testid=\"reactist-color-item\"\n            className={'reactist color_item' + (isActive ? ' active' : '')}\n            style={{ backgroundColor: color }}\n            onClick={() => onClick?.(colorIndex)}\n        >\n            <span className=\"color_item--inner_ring\" />\n        </span>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{item}</Tooltip> : item\n}\nColorItem.displayName = 'ColorItem'\n\nexport { ColorItem, ColorPicker, COLORS }\n"],"names":["COLORS","_isNamedColor","color","_getColor","colorList","colorIndex","index","length","ColorPicker","t0","$","_c","t1","small","onChange","t2","undefined","t3","t4","backgroundColor","classnames","t5","t6","Symbol","for","React","createElement","className","t7","DeprecatedDropdown","Trigger","style","t8","t9","items","currentColor","currentIndex","push","ColorItem","isActive","tooltip","name","reduce","Body","t10","Box","right","displayName","onClick","item","Tooltip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAMA,MAAM,GAAG,CACX,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACZ;AAED,MAAMC,aAAa,GAAIC,KAAsC,IACzD,OAAOA,KAAK,KAAK,QAAQ,CAAA;AAE7B,MAAMC,SAAS,GAAGA,CAACC,SAAkC,EAAEC,UAAkB,KAAK;EAC1E,MAAMC,KAAK,GAAGD,UAAU,IAAID,SAAS,CAACG,MAAM,GAAG,CAAC,GAAGF,UAAU,CAAA;EAC7D,OAAOD,SAAS,CAACE,KAAK,CAAC,CAAA;AAC3B,CAAC,CAAA;AASD,SAAAE,YAAAC,EAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAqB,EAAA,MAAA;AAAAT,IAAAA,KAAA,EAAAU,EAAA;IAAAC,KAAA;IAAAC,QAAA;AAAAV,IAAAA,SAAA,EAAAW,EAAAA;AAAA,GAAA,GAAAN,EAAyD,CAAA;EAAvD,MAAAP,KAAA,GAAAU,EAAS,KAATI,SAAS,GAAT,CAAS,GAATJ,EAAS,CAAA;EAAmB,MAAAR,SAAA,GAAAW,EAAkB,KAAlBC,SAAkB,GAAlBhB,MAAkB,GAAlBe,EAAkB,CAAA;AAAA,EAAA,IAAAE,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;EAAA,IAAAR,CAAA,CAAAR,CAAAA,CAAAA,KAAAA,KAAA,IAAAQ,CAAA,QAAAN,SAAA,IAAAM,CAAA,CAAA,CAAA,CAAA,KAAAG,KAAA,EAAA;AAKjD,IAAA,MAAAM,eAAA,GAAwBhB,SAAS,CAACC,SAAS,EAAEF,KAAK,CAAC,CAAA;IAAA,IAAAQ,CAAA,QAAAG,KAAA,EAAA;AAIhCK,MAAAA,EAAA,GAAAE,8BAAU,CAAC,eAAe,EAAE;AAAAP,QAAAA,KAAAA;AAAQ,OAAC,CAAC,CAAA;AAAAH,MAAAA,CAAA,MAAAG,KAAA,CAAA;AAAAH,MAAAA,CAAA,MAAAQ,EAAA,CAAA;AAAA,KAAA,MAAA;AAAAA,MAAAA,EAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAAA;IAE5BO,EAAA,GAAAhB,aAAa,CAACkB,eAEX,CAAC,GADfA,eAAe,CAAAjB,KACA,GAFJiB,eAEI,CAAA;AAAAT,IAAAA,CAAA,MAAAR,KAAA,CAAA;AAAAQ,IAAAA,CAAA,MAAAN,SAAA,CAAA;AAAAM,IAAAA,CAAA,MAAAG,KAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAO,EAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAQ,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAD,IAAAA,EAAA,GAAAP,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAQ,IAAAA,EAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAW,EAAA,CAAA;EAAA,IAAAX,CAAA,QAAAO,EAAA,EAAA;IAHlBI,EAAA,GAAA;AAAAF,MAAAA,eAAA,EACcF,EAAAA;KAGpB,CAAA;AAAAP,IAAAA,CAAA,MAAAO,EAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAW,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAX,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAY,EAAA,CAAA;AAAA,EAAA,IAAAZ,CAAA,CAAA,CAAA,CAAA,KAAAa,MAAA,CAAAC,GAAA,CAAA,2BAAA,CAAA,EAAA;IAEDF,EAAA,gBAAAG,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAgBC,MAAAA,SAA2B,EAA3B,2BAAA;AAA2B,KAAE,CAAC,CAAA;AAAAjB,IAAAA,CAAA,MAAAY,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAZ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAkB,EAAA,CAAA;AAAA,EAAA,IAAAlB,CAAA,CAAAQ,EAAAA,CAAAA,KAAAA,EAAA,IAAAR,CAAA,SAAAW,EAAA,EAAA;IAb9DO,EAAA,gBAAAH,gBAAA,CAAAC,aAAA,CAAAG,iBAAA,CAAAC,OAAA,EAAA,IAAA,eAIQL,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAEmBC,MAAAA,SAAsC,EAAtCT,EAAsC;AAC1Ca,MAAAA,KAIN,EAJMV,EAAAA;KAMPC,EAAAA,EAER,CAEoB,CAAC,CAAA;AAAAZ,IAAAA,CAAA,OAAAQ,EAAA,CAAA;AAAAR,IAAAA,CAAA,OAAAW,EAAA,CAAA;AAAAX,IAAAA,CAAA,OAAAkB,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAlB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAsB,EAAA,CAAA;EAAA,IAAAtB,CAAA,CAAAR,EAAAA,CAAAA,KAAAA,KAAA,IAAAQ,CAAA,SAAAN,SAAA,IAAAM,CAAA,CAAA,EAAA,CAAA,KAAAI,QAAA,EAAA;AAAA,IAAA,IAAAmB,EAAA,CAAA;AAAA,IAAA,IAAAvB,CAAA,CAAA,EAAA,CAAA,KAAAR,KAAA,IAAAQ,CAAA,CAAA,EAAA,CAAA,KAAAN,SAAA,CAAAG,MAAA,IAAAG,CAAA,CAAA,EAAA,CAAA,KAAAI,QAAA,EAAA;AAGgBmB,MAAAA,EAAA,GAAAA,CAAAC,KAAA,EAAAC,YAAA,EAAAC,YAAA,KAAA;AACjCF,QAAAA,KAAK,CAAAG,IAAK,cACNZ,gBAAA,CAAAC,aAAA,CAACY,SAAS,EAAA;AAEFC,UAAAA,QAE4B,EAF5BrC,KAAK,IAAIE,SAAS,CAAAG,MAEU,GADtB6B,YAAY,KAAK,CACK,GAAtBA,YAAY,KAAKlC,KAAK;AAE3BkC,UAAAA,GAAY,EAAZA,YAAY;UAEblC,KAA+D,EAA/DD,aAAa,CAACkC,YAAgD,CAAC,GAAjCA,YAAY,CAAAjC,KAAqB,GAA/DiC,YAA+D;AAEvDC,UAAAA,UAAY,EAAZA,YAAY;AACftB,UAAAA,OAAQ,EAARA,QAAQ;UACR0B,OAAsD,EAAtDvC,aAAa,CAACkC,YAAuC,CAAC,GAAxBA,YAAY,CAAAM,IAAY,GAAtD,IAAA;AAAsD,SAClE,CACL,CAAC,CAAA;AAAA,QAAA,OACMP,KAAK,CAAA;OACf,CAAA;AAAAxB,MAAAA,CAAA,OAAAR,KAAA,CAAA;MAAAQ,CAAA,CAAA,EAAA,CAAA,GAAAN,SAAA,CAAAG,MAAA,CAAA;AAAAG,MAAAA,CAAA,OAAAI,QAAA,CAAA;AAAAJ,MAAAA,CAAA,OAAAuB,EAAA,CAAA;AAAA,KAAA,MAAA;AAAAA,MAAAA,EAAA,GAAAvB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA;IAlBAsB,EAAA,GAAA5B,SAAS,CAAAsC,MAAO,CAAoBT,EAkBpC,EAAE,EAAE,CAAC,CAAA;AAAAvB,IAAAA,CAAA,OAAAR,KAAA,CAAA;AAAAQ,IAAAA,CAAA,OAAAN,SAAA,CAAA;AAAAM,IAAAA,CAAA,OAAAI,QAAA,CAAA;AAAAJ,IAAAA,CAAA,OAAAsB,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAtB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAuB,EAAA,CAAA;EAAA,IAAAvB,CAAA,SAAAsB,EAAA,EAAA;IApBdC,EAAA,gBAAAR,gBAAA,CAAAC,aAAA,CAAAG,iBAAA,CAAAc,IAAA,EAAA,IAAA,eACIlB,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAeC,MAAAA,SAAe,EAAf,eAAA;KACVK,EAAAA,EAmBA,CACgB,CAAC,CAAA;AAAAtB,IAAAA,CAAA,OAAAsB,EAAA,CAAA;AAAAtB,IAAAA,CAAA,OAAAuB,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAvB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAkC,GAAA,CAAA;AAAA,EAAA,IAAAlC,CAAA,CAAAkB,EAAAA,CAAAA,KAAAA,EAAA,IAAAlB,CAAA,SAAAuB,EAAA,EAAA;AAzC9BW,IAAAA,GAAA,gBAAAnB,gBAAA,CAAAC,aAAA,CAAAG,iBAAA,CAAAgB,GAAA,EAAA;AAAwBC,MAAAA,KAAK,EAAL,IAAK;AAAWnB,MAAAA,SAAuB,EAAvB,uBAAA;KACpCC,EAAAA,EAiB6B,EAC7BK,EAuBoB,CAAC,CAAA;AAAAvB,IAAAA,CAAA,OAAAkB,EAAA,CAAA;AAAAlB,IAAAA,CAAA,OAAAuB,EAAA,CAAA;AAAAvB,IAAAA,CAAA,OAAAkC,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAlC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OA1CzBkC,GA0CyB,CAAA;AAAA,CAAA;AAGjCpC,WAAW,CAACuC,WAAW,GAAG,aAAa,CAAA;AAUvC,SAAAT,UAAA7B,EAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAmB,EAAA,MAAA;IAAAT,KAAA;IAAAG,UAAA;IAAAkC,QAAA;IAAAS,OAAA;AAAAR,aAAAA,SAAAA;AAAA,GAAA,GAAA/B,EAAiE,CAAA;EAI7D,MAAAG,EAAA,wBAAqB,IAAI2B,QAAQ,GAAR,SAAyB,GAAzB,EAAyB,CAAC,CAAA;AAAA,EAAA,IAAAxB,EAAA,CAAA;EAAA,IAAAL,CAAA,QAAAR,KAAA,EAAA;IACvDa,EAAA,GAAA;AAAAI,MAAAA,eAAA,EAAmBjB,KAAAA;KAAO,CAAA;AAAAQ,IAAAA,CAAA,MAAAR,KAAA,CAAA;AAAAQ,IAAAA,CAAA,MAAAK,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAL,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAO,EAAA,CAAA;AAAA,EAAA,IAAAP,CAAA,CAAAL,CAAAA,CAAAA,KAAAA,UAAA,IAAAK,CAAA,QAAAsC,OAAA,EAAA;AACxB/B,IAAAA,EAAA,GAAAA,MAAM+B,OAAO,GAAG3C,UAAU,CAAC,CAAA;AAAAK,IAAAA,CAAA,MAAAL,UAAA,CAAA;AAAAK,IAAAA,CAAA,MAAAsC,OAAA,CAAA;AAAAtC,IAAAA,CAAA,MAAAO,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAP,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAQ,EAAA,CAAA;AAAA,EAAA,IAAAR,CAAA,CAAA,CAAA,CAAA,KAAAa,MAAA,CAAAC,GAAA,CAAA,2BAAA,CAAA,EAAA;IAEpCN,EAAA,gBAAAO,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAgBC,MAAAA,SAAwB,EAAxB,wBAAA;AAAwB,KAAE,CAAC,CAAA;AAAAjB,IAAAA,CAAA,MAAAQ,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAW,EAAA,CAAA;EAAA,IAAAX,CAAA,CAAAE,CAAAA,CAAAA,KAAAA,EAAA,IAAAF,CAAA,QAAAK,EAAA,IAAAL,CAAA,CAAA,CAAA,CAAA,KAAAO,EAAA,EAAA;IAN/CI,EAAA,gBAAAI,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MACgB,aAAqB,EAAA,qBAAA;AACtBC,MAAAA,SAAmD,EAAnDf,EAAmD;AACvDmB,MAAAA,KAA0B,EAA1BhB,EAA0B;AACxBiC,MAAAA,OAA2B,EAA3B/B,EAAAA;AAA2B,KAAA,EAEpCC,EACE,CAAC,CAAA;AAAAR,IAAAA,CAAA,MAAAE,EAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAK,EAAA,CAAA;AAAAL,IAAAA,CAAA,MAAAO,EAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAW,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAX,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;EARX,MAAAuC,IAAA,GACI5B,EAOO,CAAA;AACV,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAZ,CAAA,CAAAuC,EAAAA,CAAAA,KAAAA,IAAA,IAAAvC,CAAA,SAAA8B,SAAA,EAAA;AAEMlB,IAAAA,EAAA,GAAAkB,SAAO,gBAAPf,gBAAA,CAAAC,aAAA,CAAWwB,eAAO,EAAA;AAAUV,MAAAA,OAAO,EAAPA,SAAAA;KAAUS,EAAAA,IAAqB,CAAC,GAA5DA,IAA4D,CAAA;AAAAvC,IAAAA,CAAA,OAAAuC,IAAA,CAAA;AAAAvC,IAAAA,CAAA,OAAA8B,SAAA,CAAA;AAAA9B,IAAAA,CAAA,OAAAY,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAZ,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA5DY,EAA4D,CAAA;AAAA,CAAA;AAEvEgB,SAAS,CAACS,WAAW,GAAG,WAAW;;;;;;"}
+{"version":3,"file":"color-picker.js","sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["import './color-picker.less'\n\nimport * as React from 'react'\n\nimport classnames from 'classnames'\n\nimport { Tooltip } from '../../tooltip'\n\nimport DeprecatedDropdown from './deprecated-dropdown'\n\ntype NamedColor = { name: string; color: string }\n\nconst COLORS = [\n    '#606060',\n    '#4A90E2',\n    '#03B3B2',\n    '#008299',\n    '#82BA00',\n    '#D24726',\n    '#AC193D',\n    '#DC4FAD',\n    '#3BD5FB',\n    '#74E8D3',\n    '#FFCC00',\n    '#FB886E',\n    '#CCCCCC',\n]\n\nconst _isNamedColor = (color: string | NamedColor | undefined): color is NamedColor =>\n    typeof color !== 'string'\n\nconst _getColor = (colorList: (string | NamedColor)[], colorIndex: number) => {\n    const index = colorIndex >= colorList.length ? 0 : colorIndex\n    return colorList[index]\n}\n\ntype Props = {\n    small?: boolean\n    color?: number\n    onChange?: (color: number) => void\n    colorList?: (string | NamedColor)[]\n}\n\nfunction ColorPicker({ color = 0, small, onChange, colorList = COLORS }: Props) {\n    return (\n        <DeprecatedDropdown.Box right className=\"reactist_color_picker\">\n            <DeprecatedDropdown.Trigger>\n                {(() => {\n                    const backgroundColor = _getColor(colorList, color)\n\n                    return (\n                        <span\n                            className={classnames('color_trigger', { small })}\n                            style={{\n                                backgroundColor: _isNamedColor(backgroundColor)\n                                    ? backgroundColor.color\n                                    : backgroundColor,\n                            }}\n                        >\n                            <span className=\"color_trigger--inner_ring\" />\n                        </span>\n                    )\n                })()}\n            </DeprecatedDropdown.Trigger>\n            <DeprecatedDropdown.Body>\n                <div className=\"color_options\">\n                    {colorList.reduce<React.ReactNode[]>((items, currentColor, currentIndex) => {\n                        items.push(\n                            <ColorItem\n                                isActive={\n                                    color >= colorList.length\n                                        ? currentIndex === 0\n                                        : currentIndex === color\n                                }\n                                key={currentIndex}\n                                color={\n                                    _isNamedColor(currentColor) ? currentColor.color : currentColor\n                                }\n                                colorIndex={currentIndex}\n                                onClick={onChange}\n                                tooltip={_isNamedColor(currentColor) ? currentColor.name : null}\n                            />,\n                        )\n                        return items\n                    }, [])}\n                </div>\n            </DeprecatedDropdown.Body>\n        </DeprecatedDropdown.Box>\n    )\n}\nColorPicker.displayName = 'ColorPicker'\n\ntype ColorItemProps = {\n    color: string\n    colorIndex: number\n    isActive?: boolean\n    onClick?: (colorIndex: number) => void\n    tooltip?: React.ReactNode\n}\n\nfunction ColorItem({ color, colorIndex, isActive, onClick, tooltip }: ColorItemProps) {\n    const item = (\n        <span\n            data-testid=\"reactist-color-item\"\n            className={'reactist color_item' + (isActive ? ' active' : '')}\n            style={{ backgroundColor: color }}\n            onClick={() => onClick?.(colorIndex)}\n        >\n            <span className=\"color_item--inner_ring\" />\n        </span>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{item}</Tooltip> : item\n}\nColorItem.displayName = 'ColorItem'\n\nexport { ColorItem, ColorPicker, COLORS }\n"],"names":["COLORS","_isNamedColor","color","_getColor","colorList","colorIndex","index","length","ColorPicker","t0","$","_c","t1","small","onChange","t2","undefined","t3","t4","backgroundColor","classnames","t5","t6","Symbol","for","React","createElement","className","t7","DeprecatedDropdown","Trigger","style","t8","t9","items","currentColor","currentIndex","push","ColorItem","isActive","tooltip","name","reduce","Body","t10","Box","right","displayName","onClick","item","Tooltip"],"mappings":"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"}

package/lib/components/{deprecated-button → color-picker/deprecated-button}/deprecated-button.js

@@ -6,7 +6,7 @@ var _extends = require('@babel/runtime/helpers/extends');
 var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
 var classNames = require('classnames');
-var tooltip = require('../../tooltip/tooltip.js');
+var tooltip = require('../../../tooltip/tooltip.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/color-picker/deprecated-button/deprecated-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deprecated-button.js","sources":["../../../../src/components/color-picker/deprecated-button/deprecated-button.tsx"],"sourcesContent":["import './deprecated-button.less'\n\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../../../tooltip'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\n/** @deprecated */\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link'\n\n/** @deprecated */\nexport type ButtonSize = 'default' | 'small' | 'large'\n\n/** @deprecated */\nexport type ButtonProps = Omit<NativeButtonProps, 'title' | 'ref'> & {\n    /**\n     * Loading style. When true it disables the button, but it also adds a visual indication of\n     * some in-progress operation going on.\n     */\n    loading?: boolean\n    /**\n     * Controls visually how the button shows up from a predefined set of kinds of buttons.\n     */\n    variant?: ButtonVariant\n    /**\n     * The size of the button. If not provided it shows up in a normal size.\n     */\n    size?: ButtonSize\n    /**\n     * Tooltip that is displayed on hover.\n     *\n     * This replaces `title` which is not supported for these buttons to avoid confusion.\n     */\n    tooltip?: React.ReactNode\n}\n\n/**\n * @deprecated\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n    {\n        type = 'button',\n        variant,\n        size = 'default',\n        loading = false,\n        disabled = false,\n        tooltip,\n        onClick,\n        children,\n        ...props\n    },\n    ref,\n) {\n    const className = classNames(\n        'reactist_button',\n        variant ? `reactist_button--${variant}` : null,\n        size !== 'default' ? `reactist_button--${size}` : null,\n        { 'reactist_button--loading': loading },\n        props.className,\n    )\n\n    const button = (\n        <button\n            {...props}\n            ref={ref}\n            type={type}\n            className={className}\n            aria-disabled={disabled || loading}\n            onClick={disabled || loading ? undefined : onClick}\n        >\n            {children}\n        </button>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{button}</Tooltip> : button\n})\n\nButton.displayName = 'Button'\n\nButton.defaultProps = {\n    size: 'default',\n    loading: false,\n    disabled: false,\n}\n\nexport { Button }\n"],"names":["Button","React","forwardRef","t0","ref","$","_c","children","disabled","loading","onClick","props","t1","tooltip","type","t2","variant","size","t3","t4","t5","t6","t7","t8","t9","undefined","classNames","className","createElement","_extends","button","Tooltip","displayName","defaultProps"],"mappings":"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"}

package/lib/components/color-picker/deprecated-dropdown/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sources":["../../../../src/components/color-picker/deprecated-dropdown/dropdown.tsx"],"sourcesContent":["import './dropdown.less'\n\nimport * as React from 'react'\nimport ReactDOM from 'react-dom'\n\nimport classNames from 'classnames'\n\nimport Button from '../deprecated-button'\n\ntype BoxProps = {\n    onShowBody?: () => void\n    onHideBody?: () => void\n    allowBodyInteractions?: boolean\n    top?: boolean\n    right?: boolean\n    scrolling_parent?: string\n    children?: [\n        React.ReactElement<TriggerProps>,\n        React.ReactElement<BodyProps> | ((props: BodyProps) => JSX.Element),\n    ]\n    className?: string\n}\n\ntype BoxState = {\n    top: boolean\n    showBody: boolean\n}\n\nclass Box extends React.Component<BoxProps, BoxState> {\n    public static displayName: string\n\n    constructor(props: BoxProps, context: React.Context<unknown>) {\n        super(props, context)\n        this.state = {\n            showBody: false,\n            top: props.top || false,\n        }\n\n        this._timeout = undefined\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this._handleClickOutside, true)\n        if (this._timeout) {\n            clearTimeout(this._timeout)\n        }\n    }\n    _timeout?: ReturnType<typeof setTimeout>\n\n    _handleClickOutside = (event: MouseEvent) => {\n        const dropdownDOMNode = ReactDOM.findDOMNode(this)\n\n        if (dropdownDOMNode && !dropdownDOMNode.contains(event.target as Node))\n            this._toggleShowBody()\n        else if (!this.props.allowBodyInteractions) {\n            // won't close when body interactions are allowed\n            this._timeout = setTimeout(() => {\n                if (this.state.showBody) {\n                    this._toggleShowBody()\n                }\n            }, 100)\n        }\n    }\n\n    _toggleShowBody = () => {\n        if (!this.state.showBody) {\n            // will show\n            if (this.props.onShowBody) this.props.onShowBody()\n            document.addEventListener('click', this._handleClickOutside, true)\n        } else {\n            // will hide\n            if (this.props.onHideBody) this.props.onHideBody()\n            document.removeEventListener('click', this._handleClickOutside, true)\n        }\n\n        this.setState({\n            showBody: !this.state.showBody,\n        })\n    }\n\n    _getTriggerComponent() {\n        const _trigger = this.props.children?.[0]\n        return _trigger\n            ? React.cloneElement(_trigger, { onClick: this._toggleShowBody })\n            : undefined\n    }\n\n    // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components\n    _setPosition = (body: HTMLElement | null) => {\n        if (body) {\n            const scrollingParent = document.getElementById(\n                this.props.scrolling_parent ? this.props.scrolling_parent : '',\n            )\n\n            if (scrollingParent) {\n                const dropdown = ReactDOM.findDOMNode(this)\n                if (!dropdown) {\n                    return\n                }\n                const dropdownVerticalPosition = (ReactDOM.findDOMNode(this) as HTMLElement)\n                    .offsetTop\n                const dropdownTrigger = (dropdown as Element).querySelector('.trigger')\n                if (!dropdownTrigger) {\n                    return\n                }\n                const dropdownTriggerHeight = dropdownTrigger.clientHeight\n                const dropdownBodyHeight = body.clientHeight\n\n                const scrollingParentHeight = scrollingParent.clientHeight\n                const scrollingParentOffset = scrollingParent.scrollTop\n\n                const bottomOffset =\n                    scrollingParentHeight +\n                    scrollingParentOffset -\n                    dropdownVerticalPosition -\n                    dropdownTriggerHeight\n\n                const top = bottomOffset < dropdownBodyHeight\n\n                if (top !== this.state.top) {\n                    this.setState({ top })\n                }\n            }\n        }\n    }\n\n    _getBodyComponent() {\n        if (!this.state.showBody) {\n            return null\n        }\n        const { top } = this.state\n        const { right = false, children } = this.props\n        const props = { top, right, setPosition: this._setPosition }\n\n        const className = classNames({\n            body_wrapper: true,\n            with_arrow: true,\n            top: top,\n            bottom: !top,\n        })\n\n        const body = children?.[1]\n\n        const contentMarkup =\n            typeof body === 'function'\n                ? body(props)\n                : body\n                  ? React.cloneElement(body, props)\n                  : undefined\n        return (\n            <div className={className} style={{ position: 'relative' }}>\n                {contentMarkup}\n            </div>\n        )\n    }\n\n    render() {\n        const className = classNames('reactist_dropdown', this.props.className)\n        const { top } = this.state\n\n        return (\n            <div\n                style={{ display: 'inline-block' }}\n                className={className}\n                data-testid=\"reactist-dropdown-box\"\n            >\n                {top && this._getBodyComponent()}\n                {this._getTriggerComponent()}\n                {!top && this._getBodyComponent()}\n            </div>\n        )\n    }\n}\n\nBox.displayName = 'Dropdown.Box'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\ntype TriggerProps = Omit<NativeButtonProps, 'title' | 'onClick'> & {\n    tooltip?: React.ReactNode\n    /**\n     * @private the onClick prop is not to be used externally\n     */\n    onClick?: NativeButtonProps['onClick']\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(function Trigger(\n    { children, onClick, tooltip, className, ...props },\n    ref,\n) {\n    function handleClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n        event.preventDefault()\n        event.stopPropagation()\n        if (onClick) onClick(event)\n    }\n\n    return (\n        <Button\n            {...props}\n            className={classNames('trigger', className)}\n            onClick={handleClick}\n            tooltip={tooltip}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nTrigger.displayName = 'Dropdown.Trigger'\n\ntype BodyProps = {\n    setPosition?: React.Ref<HTMLDivElement>\n    children?: React.ReactNode\n    top?: boolean\n    right?: boolean\n}\n\nfunction Body({ top, right, children, setPosition }: BodyProps) {\n    const style: React.CSSProperties = { position: 'absolute', right: 0, top: 0 }\n\n    if (top) {\n        style.top = 'auto'\n        style.bottom = 0\n    }\n\n    if (right) {\n        style.right = 'auto'\n        style.left = 0\n    }\n\n    return (\n        <div\n            ref={setPosition}\n            style={style}\n            className=\"body\"\n            id=\"reactist-dropdown-body\"\n            data-testid=\"reactist-dropdown-body\"\n        >\n            {children}\n        </div>\n    )\n}\n\nBody.displayName = 'Dropdown.Body'\n\nconst Dropdown = {\n    Box,\n    Trigger,\n    Body,\n}\n\nexport { Dropdown }\n"],"names":["Box","React","Component","constructor","props","context","state","showBody","top","_timeout","undefined","componentWillUnmount","document","removeEventListener","_handleClickOutside","clearTimeout","event","dropdownDOMNode","ReactDOM","findDOMNode","contains","target","_toggleShowBody","allowBodyInteractions","setTimeout","onShowBody","addEventListener","onHideBody","setState","_getTriggerComponent","_trigger","children","cloneElement","onClick","_setPosition","body","scrollingParent","getElementById","scrolling_parent","dropdown","dropdownVerticalPosition","offsetTop","dropdownTrigger","querySelector","dropdownTriggerHeight","clientHeight","dropdownBodyHeight","scrollingParentHeight","scrollingParentOffset","scrollTop","bottomOffset","_getBodyComponent","right","setPosition","className","classNames","body_wrapper","with_arrow","bottom","contentMarkup","createElement","style","position","render","display","displayName","Trigger","forwardRef","t0","ref","$","_c","t1","tooltip","t2","t3","t4","t5","handleClick","preventDefault","stopPropagation","Button","_extends","Body","left","id","Dropdown"],"mappings":"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"}

package/lib/index.d.ts

@@ -32,7 +32,4 @@ export { default as KeyCapturer, SUPPORTED_KEYS } from './components/key-capture
 export { default as KeyboardShortcut } from './components/keyboard-shortcut';
 export { default as ProgressBar } from './components/progress-bar';
 export { default as Time } from './components/time';
-export { default as DeprecatedButton } from './components/deprecated-button';
-export { default as DeprecatedDropdown } from './components/deprecated-dropdown';
 export { default as DeprecatedInput } from './components/deprecated-input';
-export { default as DeprecatedSelect } from './components/deprecated-select';

package/lib/index.js

@@ -36,10 +36,7 @@ var keyCapturer = require('./components/key-capturer/key-capturer.js');
 var keyboardShortcut = require('./components/keyboard-shortcut/keyboard-shortcut.js');
 var progressBar = require('./components/progress-bar/progress-bar.js');
 var time = require('./components/time/time.js');
-var deprecatedButton = require('./components/deprecated-button/deprecated-button.js');
-var dropdown = require('./components/deprecated-dropdown/dropdown.js');
 var input = require('./components/deprecated-input/input.js');
-var select = require('./components/deprecated-select/select.js');
 
 
 
@@ -100,8 +97,5 @@ exports.SUPPORTED_KEYS = keyCapturer.SUPPORTED_KEYS;
 exports.KeyboardShortcut = keyboardShortcut.KeyboardShortcut;
 exports.ProgressBar = progressBar.ProgressBar;
 exports.Time = time.Time;
-exports.DeprecatedButton = deprecatedButton.Button;
-exports.DeprecatedDropdown = dropdown.Dropdown;
 exports.DeprecatedInput = input.Input;
-exports.DeprecatedSelect = select.Select;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/utils/polymorphism.d.ts

@@ -131,5 +131,5 @@ interface PolymorphicComponent<ComponentType extends React.ElementType, OwnProps
  * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)
  */
 declare function polymorphicComponent<ComponentType extends React.ElementType = 'div', OwnProps = EmptyObject, ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName'>(render: ForwardRefFunction<ComponentType, OwnProps, ShouldObfuscateClassName>): PolymorphicComponent<ComponentType, OwnProps, ShouldObfuscateClassName>;
-export type { PolymorphicComponent };
+export type { PolymorphicComponent, PolymorphicComponentProps };
 export { polymorphicComponent };

package/lib/utils/polymorphism.js.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphism.js","sources":["../../src/utils/polymorphism.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport * as React from 'react'\n\nimport type { ObfuscatedClassName } from './common-types'\n\ntype Merge<P1, P2> = Omit<P1, keyof P2> & P2\n\ntype EmptyObject = {\n    [K in any]: never\n}\n\ntype ObfuscateClassNameMode = 'keepClassName' | 'obfuscateClassName' | 'omitClassName'\n\n/**\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This can be customized via the second generic parameter, as there are cases where it may be\n * needed to omit this behaviour and keep the `className`. You can also instruct it to remove the\n * `className` prop while not replacing it with the `exceptionallySetClassName` one.\n *\n * @see ObfuscatedClassName['exceptionallySetClassName'] for details about this prop\n * @see PolymorphicComponent for details about this feature\n */\ntype WithObfuscatedClassName<\n    Props,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = 'className' extends keyof Props\n    ? ShouldObfuscateClassName extends 'obfuscateClassName'\n        ? Omit<Props, 'className'> & ObfuscatedClassName\n        : ShouldObfuscateClassName extends 'omitClassName'\n          ? Omit<Props, 'className'>\n          : ShouldObfuscateClassName extends 'keepClassName'\n            ? Props\n            : never\n    : Props\n\ntype PolymorphicProp<ComponentType extends React.ElementType> = {\n    /**\n     * Used to instruct this component what React element to render as. It can be both a string\n     * representing a HTML tag name, or a React component.\n     *\n     * When using this prop, the component you apply it to will also recognize in its props types\n     * all the props from the component or HTML element you are rendering it as.\n     *\n     * Some uses for this feature:\n     *\n     * - Using some of our layout components, while at the same time being able to set them to use\n     *   semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n     * - Using a design system link component, but have it internally use a client-side router link\n     *   implemented via a React component (e.g. react-router's `Link`).\n     *\n     * Keep in mind that not all compositions of this kind may work well, especially when composing\n     * with another React component and not with a HTML tag name. In particular, if the components\n     * being composed have opposing concerns of clashing features (e.g. they have contradicting\n     * styles applied to them) things may not go well. In those cases prefer to nest them instead.\n     *\n     * @see PolymorphicComponent\n     */\n    as?: ComponentType\n}\n\n/**\n * Given a component or element type, and a set of additional props, this builds the entire set of\n * props for a polymorphic component.\n *\n * It does three things:\n *\n * 1. it merges the element type props with the `OwnProps`\n * 2. it adds the `as` prop to allow for polymorphism to happen\n * 3. it optionally obfuscates or omits the className prop if present\n *\n * @see PolymorphicProp\n * @see WithObfuscatedClassName\n */\ntype PolymorphicComponentProps<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = Merge<\n    WithObfuscatedClassName<React.ComponentProps<ComponentType>, ShouldObfuscateClassName>,\n    OwnProps & PolymorphicProp<ComponentType>\n>\n\ntype ElementTagNameMap = HTMLElementTagNameMap &\n    Pick<SVGElementTagNameMap, Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>>\n\ntype ElementByTag<TagName extends keyof ElementTagNameMap> = ElementTagNameMap[TagName]\n\ntype ElementByTagOrAny<ComponentType extends React.ElementType> =\n    ComponentType extends keyof ElementTagNameMap ? ElementByTag<ComponentType> : any\n\n/**\n * The function passed to React.forwardRef, but typed in a way that's prepared for polymorphism via\n * the `as` prop. It also allows to specify if the `className` prop should be obfuscated or omitted.\n *\n * @see PolymorphicComponentProps\n * @see WithObfuscatedClassName\n */\ninterface ForwardRefFunction<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> {\n    (\n        props: PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>,\n        ref:\n            | ((instance: ElementByTagOrAny<ComponentType> | null) => void)\n            | React.MutableRefObject<ElementByTagOrAny<ComponentType> | null>\n            | null,\n    ): React.ReactElement | null\n    displayName?: string\n}\n\n/**\n * A component that can customize the React element type that it renders (a.k.a. a polymorphic\n * component). This is achieved by passing a prop `as={ElementType}` or `as=\"html-tag-name\"`.\n *\n * It transparently takes care of forwarding refs, and properly sets the ref type depending on the\n * element type.\n *\n * ## Recognizing props based on the polymorphic type\n *\n * The `ComponentType` argument sets the default type for the `as` prop. Whatever the `as` prop\n * component or HTML element is, the type system will automatically allow you to pass props that are\n * not explicitly defined by you, but that are recognized as valid props to be passed to the\n * component you are rendering.\n *\n * For instance, see the following example:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor=\"field-id\">Hello</Box>\n * ```\n *\n * The `htmlFor` prop is exclusive to label elements. If you omit the `as=\"label\"` prop, the type\n * system will consider the `htmlFor` prop to be an error. The same happens if you pass a value of\n * an incorrect type to such prop. For instance, the example below will issue a type error:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor={123}>Hello</Box>\n * ```\n *\n * ## Omitting or obfuscating the `className` prop\n *\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This is to discourage customizing design system components via custom styling, while still\n * leaving the door open to do it as an escape hatch when the design system still has shortcomings\n * with respect to the product designs we want to achieve.\n *\n * The cumbersome name also serves the purpose of aiding in easily searching for the places in the\n * code where this escape hatch was needed, in order to identify areas where the design system\n * components need to improve to better match our needs.\n *\n * This behaviour can be customized via an optional second generic argument that allows to disable\n * this feature, or to omit the `className` altogether without replacing it with the obfuscated prop\n * name.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\ninterface PolymorphicComponent<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n> {\n    <TT extends React.ElementType = ComponentType>(\n        props: PolymorphicComponentProps<TT, OwnProps, ShouldObfuscateClassName>,\n    ): React.ReactElement | null\n    readonly $$typeof: symbol\n    defaultProps?: Partial<\n        PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n    >\n    propTypes?: React.WeakValidationMap<\n        PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n    >\n    displayName?: string\n}\n\n/**\n * A wrapper to use React.forwardRef with polymorphic components in a type-safe manner. This is a\n * convenience over merely using React.forwardRef directly, and then manually forcing the resulting\n * value to be typed using `as PolymorphicComponent<…>`.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\nfunction polymorphicComponent<\n    ComponentType extends React.ElementType = 'div',\n    OwnProps = EmptyObject,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n>(render: ForwardRefFunction<ComponentType, OwnProps, ShouldObfuscateClassName>) {\n    return React.forwardRef(render) as PolymorphicComponent<\n        ComponentType,\n        OwnProps,\n        ShouldObfuscateClassName\n    >\n}\n\nexport type { PolymorphicComponent }\nexport { polymorphicComponent }\n"],"names":["polymorphicComponent","render","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,oBAAoBA,CAI3BC,MAA6E,EAAE;AAC7E,EAAA,oBAAOC,gBAAK,CAACC,UAAU,CAACF,MAAM,CAAC,CAAA;AAKnC;;;;"}
+{"version":3,"file":"polymorphism.js","sources":["../../src/utils/polymorphism.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport * as React from 'react'\n\nimport type { ObfuscatedClassName } from './common-types'\n\ntype Merge<P1, P2> = Omit<P1, keyof P2> & P2\n\ntype EmptyObject = {\n    [K in any]: never\n}\n\ntype ObfuscateClassNameMode = 'keepClassName' | 'obfuscateClassName' | 'omitClassName'\n\n/**\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This can be customized via the second generic parameter, as there are cases where it may be\n * needed to omit this behaviour and keep the `className`. You can also instruct it to remove the\n * `className` prop while not replacing it with the `exceptionallySetClassName` one.\n *\n * @see ObfuscatedClassName['exceptionallySetClassName'] for details about this prop\n * @see PolymorphicComponent for details about this feature\n */\ntype WithObfuscatedClassName<\n    Props,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = 'className' extends keyof Props\n    ? ShouldObfuscateClassName extends 'obfuscateClassName'\n        ? Omit<Props, 'className'> & ObfuscatedClassName\n        : ShouldObfuscateClassName extends 'omitClassName'\n          ? Omit<Props, 'className'>\n          : ShouldObfuscateClassName extends 'keepClassName'\n            ? Props\n            : never\n    : Props\n\ntype PolymorphicProp<ComponentType extends React.ElementType> = {\n    /**\n     * Used to instruct this component what React element to render as. It can be both a string\n     * representing a HTML tag name, or a React component.\n     *\n     * When using this prop, the component you apply it to will also recognize in its props types\n     * all the props from the component or HTML element you are rendering it as.\n     *\n     * Some uses for this feature:\n     *\n     * - Using some of our layout components, while at the same time being able to set them to use\n     *   semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n     * - Using a design system link component, but have it internally use a client-side router link\n     *   implemented via a React component (e.g. react-router's `Link`).\n     *\n     * Keep in mind that not all compositions of this kind may work well, especially when composing\n     * with another React component and not with a HTML tag name. In particular, if the components\n     * being composed have opposing concerns of clashing features (e.g. they have contradicting\n     * styles applied to them) things may not go well. In those cases prefer to nest them instead.\n     *\n     * @see PolymorphicComponent\n     */\n    as?: ComponentType\n}\n\n/**\n * Given a component or element type, and a set of additional props, this builds the entire set of\n * props for a polymorphic component.\n *\n * It does three things:\n *\n * 1. it merges the element type props with the `OwnProps`\n * 2. it adds the `as` prop to allow for polymorphism to happen\n * 3. it optionally obfuscates or omits the className prop if present\n *\n * @see PolymorphicProp\n * @see WithObfuscatedClassName\n */\ntype PolymorphicComponentProps<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = Merge<\n    WithObfuscatedClassName<React.ComponentProps<ComponentType>, ShouldObfuscateClassName>,\n    OwnProps & PolymorphicProp<ComponentType>\n>\n\ntype ElementTagNameMap = HTMLElementTagNameMap &\n    Pick<SVGElementTagNameMap, Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>>\n\ntype ElementByTag<TagName extends keyof ElementTagNameMap> = ElementTagNameMap[TagName]\n\ntype ElementByTagOrAny<ComponentType extends React.ElementType> =\n    ComponentType extends keyof ElementTagNameMap ? ElementByTag<ComponentType> : any\n\n/**\n * The function passed to React.forwardRef, but typed in a way that's prepared for polymorphism via\n * the `as` prop. It also allows to specify if the `className` prop should be obfuscated or omitted.\n *\n * @see PolymorphicComponentProps\n * @see WithObfuscatedClassName\n */\ninterface ForwardRefFunction<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> {\n    (\n        props: PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>,\n        ref:\n            | ((instance: ElementByTagOrAny<ComponentType> | null) => void)\n            | React.MutableRefObject<ElementByTagOrAny<ComponentType> | null>\n            | null,\n    ): React.ReactElement | null\n    displayName?: string\n}\n\n/**\n * A component that can customize the React element type that it renders (a.k.a. a polymorphic\n * component). This is achieved by passing a prop `as={ElementType}` or `as=\"html-tag-name\"`.\n *\n * It transparently takes care of forwarding refs, and properly sets the ref type depending on the\n * element type.\n *\n * ## Recognizing props based on the polymorphic type\n *\n * The `ComponentType` argument sets the default type for the `as` prop. Whatever the `as` prop\n * component or HTML element is, the type system will automatically allow you to pass props that are\n * not explicitly defined by you, but that are recognized as valid props to be passed to the\n * component you are rendering.\n *\n * For instance, see the following example:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor=\"field-id\">Hello</Box>\n * ```\n *\n * The `htmlFor` prop is exclusive to label elements. If you omit the `as=\"label\"` prop, the type\n * system will consider the `htmlFor` prop to be an error. The same happens if you pass a value of\n * an incorrect type to such prop. For instance, the example below will issue a type error:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor={123}>Hello</Box>\n * ```\n *\n * ## Omitting or obfuscating the `className` prop\n *\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This is to discourage customizing design system components via custom styling, while still\n * leaving the door open to do it as an escape hatch when the design system still has shortcomings\n * with respect to the product designs we want to achieve.\n *\n * The cumbersome name also serves the purpose of aiding in easily searching for the places in the\n * code where this escape hatch was needed, in order to identify areas where the design system\n * components need to improve to better match our needs.\n *\n * This behaviour can be customized via an optional second generic argument that allows to disable\n * this feature, or to omit the `className` altogether without replacing it with the obfuscated prop\n * name.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\ninterface PolymorphicComponent<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n> {\n    <TT extends React.ElementType = ComponentType>(\n        props: PolymorphicComponentProps<TT, OwnProps, ShouldObfuscateClassName>,\n    ): React.ReactElement | null\n    readonly $$typeof: symbol\n    defaultProps?: Partial<\n        PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n    >\n    propTypes?: React.WeakValidationMap<\n        PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n    >\n    displayName?: string\n}\n\n/**\n * A wrapper to use React.forwardRef with polymorphic components in a type-safe manner. This is a\n * convenience over merely using React.forwardRef directly, and then manually forcing the resulting\n * value to be typed using `as PolymorphicComponent<…>`.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\nfunction polymorphicComponent<\n    ComponentType extends React.ElementType = 'div',\n    OwnProps = EmptyObject,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n>(render: ForwardRefFunction<ComponentType, OwnProps, ShouldObfuscateClassName>) {\n    return React.forwardRef(render) as PolymorphicComponent<\n        ComponentType,\n        OwnProps,\n        ShouldObfuscateClassName\n    >\n}\n\nexport type { PolymorphicComponent, PolymorphicComponentProps }\nexport { polymorphicComponent }\n"],"names":["polymorphicComponent","render","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,oBAAoBA,CAI3BC,MAA6E,EAAE;AAC7E,EAAA,oBAAOC,gBAAK,CAACC,UAAU,CAACF,MAAM,CAAC,CAAA;AAKnC;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@doist/reactist",
     "description": "Open source React components by Doist",
-    "version": "31.3.0",
+    "version": "33.0.0",
     "repository": "https://github.com/Doist/reactist",
     "homepage": "https://github.com/Doist/reactist#readme",
     "bugs": {

package/styles/avatar.css

@@ -3,4 +3,4 @@
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 ._68ab48ca{min-width:0}._6fa2b565{min-width:var(--reactist-width-xsmall)}.dd50fabd{min-width:var(--reactist-width-small)}.e7e2c808{min-width:var(--reactist-width-medium)}._6abbe25e{min-width:var(--reactist-width-large)}._54f479ac{min-width:var(--reactist-width-xlarge)}._148492bc{max-width:var(--reactist-width-xsmall)}.bd023b96{max-width:var(--reactist-width-small)}.e102903f{max-width:var(--reactist-width-medium)}._0e8d76d7{max-width:var(--reactist-width-large)}._47a031d0{max-width:var(--reactist-width-xlarge)}.cd4c8183{max-width:100%}._5f5959e8{width:0}._8c75067a{width:100%}._56a651f6{width:auto}._26f87bb8{width:-moz-max-content;width:max-content}._07a6ab44{width:-moz-min-content;width:min-content}.a87016fa{width:-moz-fit-content;width:fit-content}._1a972e50{width:var(--reactist-width-xsmall)}.c96d8261{width:var(--reactist-width-small)}.f3829d42{width:var(--reactist-width-medium)}._2caef228{width:var(--reactist-width-large)}._069e1491{width:var(--reactist-width-xlarge)}
-:root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}._38a1be89{background-position:50%;background-size:var(--reactist-avatar-size);border-radius:50%;color:#fff;flex-shrink:0;font-size:calc(var(--reactist-avatar-size)/2);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);text-align:center;width:var(--reactist-avatar-size)}.d32e92ae{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._0667d719{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.cf529fcf{--reactist-avatar-size:var(--reactist-avatar-size-small)}._6e268eab{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.d64c62cf{--reactist-avatar-size:var(--reactist-avatar-size-large)}._44fb77de{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._01f85e0e{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._41a5fe19{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._6ab1577d{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}.b52a4963{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._714a8419{--reactist-avatar-size:var(--reactist-avatar-size-small)}._81cd4d51{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.bf0a4edb{--reactist-avatar-size:var(--reactist-avatar-size-large)}.e4f0dabd{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._67ea065d{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2af7f76f{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._759081dc{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._8290d1c1{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._48ea172d{--reactist-avatar-size:var(--reactist-avatar-size-small)}._758f6641{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.f9ada088{--reactist-avatar-size:var(--reactist-avatar-size-large)}.d3bb7470{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._9a312ee3{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}.a1d30c23{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}
+:root{--reactist-avatar-initials-color:var(--reactist-actionable-primary-idle-tint);--reactist-avatar-border-tint:#0000001a;--reactist-avatar-empty-fill:var(--reactist-framework-fill-crest);--reactist-avatar-meta-0-fill:#b8255f;--reactist-avatar-meta-0-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-1-fill:#dc4c3e;--reactist-avatar-meta-1-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-2-fill:#f48318;--reactist-avatar-meta-2-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-3-fill:#fecf05;--reactist-avatar-meta-3-on-idle-tint:#202020;--reactist-avatar-meta-4-fill:#aeb83a;--reactist-avatar-meta-4-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-5-fill:#7ecc48;--reactist-avatar-meta-5-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-6-fill:#369307;--reactist-avatar-meta-6-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-7-fill:#52ccb8;--reactist-avatar-meta-7-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-8-fill:#148fad;--reactist-avatar-meta-8-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-9-fill:#3ab9e2;--reactist-avatar-meta-9-on-idle-tint:#202020;--reactist-avatar-meta-10-fill:#96c3eb;--reactist-avatar-meta-10-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-11-fill:#2a67e2;--reactist-avatar-meta-11-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-12-fill:#692ec2;--reactist-avatar-meta-12-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-13-fill:#ac30cc;--reactist-avatar-meta-13-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-14-fill:#eb96c8;--reactist-avatar-meta-14-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-15-fill:#e05095;--reactist-avatar-meta-15-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-16-fill:#c9766f;--reactist-avatar-meta-16-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-17-fill:grey;--reactist-avatar-meta-17-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-18-fill:#999;--reactist-avatar-meta-18-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-19-fill:#ccae96;--reactist-avatar-meta-19-on-idle-tint:var(--reactist-avatar-initials-color)}.acf9ee3d{--reactist-avatar-size:36px;--reactist-avatar-rounded-radius:5px;--reactist-avatar-meta-fill:var(--reactist-avatar-meta-0-fill);background-color:var(--reactist-avatar-empty-fill);height:var(--reactist-avatar-size);outline:2px solid var(--reactist-avatar-border-tint);outline-offset:-2px;width:var(--reactist-avatar-size)}._5b32f21b{--reactist-avatar-size:80px;--reactist-avatar-rounded-radius:10px}._5dd2ceae{--reactist-avatar-size:72px;--reactist-avatar-rounded-radius:10px}._0737423f{--reactist-avatar-size:62px;--reactist-avatar-rounded-radius:8.5px}._47744c53{--reactist-avatar-size:50px;--reactist-avatar-rounded-radius:7px}._087775aa{--reactist-avatar-size:40px;--reactist-avatar-rounded-radius:5.5px}._02c89bce{--reactist-avatar-size:36px;--reactist-avatar-rounded-radius:5px}._3ed61ce0{--reactist-avatar-size:30px;--reactist-avatar-rounded-radius:5px}.c9fa2651{--reactist-avatar-size:28px;--reactist-avatar-rounded-radius:5px}._89506d0e{--reactist-avatar-size:24px;--reactist-avatar-rounded-radius:3.2px}.d7ab9fd7{--reactist-avatar-size:20px;--reactist-avatar-rounded-radius:3px}._32fef877{--reactist-avatar-size:18px;--reactist-avatar-rounded-radius:3px}._8962c0a0{--reactist-avatar-size:16px;--reactist-avatar-rounded-radius:2px}.a06fa349{--reactist-avatar-size:12px;--reactist-avatar-rounded-radius:1.6px}.acf9ee3d:has(._80b6bfbf){background-color:var(--reactist-avatar-meta-fill)}._64da0562,.acf9ee3d:has(._64da0562){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-0-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-0-on-idle-tint)}.acf9ee3d:has(.ee7c29c0),.ee7c29c0{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-1-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-1-on-idle-tint)}._70215fb1,.acf9ee3d:has(._70215fb1){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-2-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-2-on-idle-tint)}._488b23cd,.acf9ee3d:has(._488b23cd){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-3-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-3-on-idle-tint)}.acf9ee3d:has(.f6b3e824),.f6b3e824{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-4-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-4-on-idle-tint)}._88b828ae,.acf9ee3d:has(._88b828ae){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-5-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-5-on-idle-tint)}.acf9ee3d:has(.f931ad92),.f931ad92{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-6-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-6-on-idle-tint)}._504e515a,.acf9ee3d:has(._504e515a){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-7-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-7-on-idle-tint)}._277cc6cd,.acf9ee3d:has(._277cc6cd){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-8-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-8-on-idle-tint)}.acf9ee3d:has(.db85100e),.db85100e{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-9-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-9-on-idle-tint)}.acf9ee3d:has(.c76af5ed),.c76af5ed{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-10-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-10-on-idle-tint)}.ab7368dc,.acf9ee3d:has(.ab7368dc){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-11-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-11-on-idle-tint)}.acf9ee3d:has(.c2a85a75),.c2a85a75{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-12-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-12-on-idle-tint)}._0e942ae0,.acf9ee3d:has(._0e942ae0){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-13-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-13-on-idle-tint)}._2f79016f,.acf9ee3d:has(._2f79016f){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-14-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-14-on-idle-tint)}._118f815d,.acf9ee3d:has(._118f815d){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-15-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-15-on-idle-tint)}._6e5574e6,.acf9ee3d:has(._6e5574e6){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-16-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-16-on-idle-tint)}._49d688e7,.acf9ee3d:has(._49d688e7){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-17-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-17-on-idle-tint)}.acf9ee3d:has(.d5233bf3),.d5233bf3{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-18-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-18-on-idle-tint)}._710699d5,.acf9ee3d:has(._710699d5){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-19-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-19-on-idle-tint)}._2b4e8069{border-radius:50%}._28fdd710{border-radius:var(--reactist-avatar-rounded-radius)}.bda7eadb{border-radius:inherit;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}._80b6bfbf{color:var(--reactist-avatar-initials-color);font-size:calc(var(--reactist-avatar-size)/2);font-weight:var(--reactist-font-weight-medium);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}

package/styles/avatar.module.css.css

@@ -1 +1 @@
-:root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}._38a1be89{background-position:50%;background-size:var(--reactist-avatar-size);border-radius:50%;color:#fff;flex-shrink:0;font-size:calc(var(--reactist-avatar-size)/2);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);text-align:center;width:var(--reactist-avatar-size)}.d32e92ae{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._0667d719{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.cf529fcf{--reactist-avatar-size:var(--reactist-avatar-size-small)}._6e268eab{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.d64c62cf{--reactist-avatar-size:var(--reactist-avatar-size-large)}._44fb77de{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._01f85e0e{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._41a5fe19{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._6ab1577d{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}.b52a4963{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._714a8419{--reactist-avatar-size:var(--reactist-avatar-size-small)}._81cd4d51{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.bf0a4edb{--reactist-avatar-size:var(--reactist-avatar-size-large)}.e4f0dabd{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._67ea065d{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2af7f76f{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._759081dc{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._8290d1c1{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._48ea172d{--reactist-avatar-size:var(--reactist-avatar-size-small)}._758f6641{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.f9ada088{--reactist-avatar-size:var(--reactist-avatar-size-large)}.d3bb7470{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._9a312ee3{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}.a1d30c23{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}
+:root{--reactist-avatar-initials-color:var(--reactist-actionable-primary-idle-tint);--reactist-avatar-border-tint:#0000001a;--reactist-avatar-empty-fill:var(--reactist-framework-fill-crest);--reactist-avatar-meta-0-fill:#b8255f;--reactist-avatar-meta-0-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-1-fill:#dc4c3e;--reactist-avatar-meta-1-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-2-fill:#f48318;--reactist-avatar-meta-2-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-3-fill:#fecf05;--reactist-avatar-meta-3-on-idle-tint:#202020;--reactist-avatar-meta-4-fill:#aeb83a;--reactist-avatar-meta-4-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-5-fill:#7ecc48;--reactist-avatar-meta-5-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-6-fill:#369307;--reactist-avatar-meta-6-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-7-fill:#52ccb8;--reactist-avatar-meta-7-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-8-fill:#148fad;--reactist-avatar-meta-8-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-9-fill:#3ab9e2;--reactist-avatar-meta-9-on-idle-tint:#202020;--reactist-avatar-meta-10-fill:#96c3eb;--reactist-avatar-meta-10-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-11-fill:#2a67e2;--reactist-avatar-meta-11-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-12-fill:#692ec2;--reactist-avatar-meta-12-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-13-fill:#ac30cc;--reactist-avatar-meta-13-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-14-fill:#eb96c8;--reactist-avatar-meta-14-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-15-fill:#e05095;--reactist-avatar-meta-15-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-16-fill:#c9766f;--reactist-avatar-meta-16-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-17-fill:grey;--reactist-avatar-meta-17-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-18-fill:#999;--reactist-avatar-meta-18-on-idle-tint:var(--reactist-avatar-initials-color);--reactist-avatar-meta-19-fill:#ccae96;--reactist-avatar-meta-19-on-idle-tint:var(--reactist-avatar-initials-color)}.acf9ee3d{--reactist-avatar-size:36px;--reactist-avatar-rounded-radius:5px;--reactist-avatar-meta-fill:var(--reactist-avatar-meta-0-fill);background-color:var(--reactist-avatar-empty-fill);height:var(--reactist-avatar-size);outline:2px solid var(--reactist-avatar-border-tint);outline-offset:-2px;width:var(--reactist-avatar-size)}._5b32f21b{--reactist-avatar-size:80px;--reactist-avatar-rounded-radius:10px}._5dd2ceae{--reactist-avatar-size:72px;--reactist-avatar-rounded-radius:10px}._0737423f{--reactist-avatar-size:62px;--reactist-avatar-rounded-radius:8.5px}._47744c53{--reactist-avatar-size:50px;--reactist-avatar-rounded-radius:7px}._087775aa{--reactist-avatar-size:40px;--reactist-avatar-rounded-radius:5.5px}._02c89bce{--reactist-avatar-size:36px;--reactist-avatar-rounded-radius:5px}._3ed61ce0{--reactist-avatar-size:30px;--reactist-avatar-rounded-radius:5px}.c9fa2651{--reactist-avatar-size:28px;--reactist-avatar-rounded-radius:5px}._89506d0e{--reactist-avatar-size:24px;--reactist-avatar-rounded-radius:3.2px}.d7ab9fd7{--reactist-avatar-size:20px;--reactist-avatar-rounded-radius:3px}._32fef877{--reactist-avatar-size:18px;--reactist-avatar-rounded-radius:3px}._8962c0a0{--reactist-avatar-size:16px;--reactist-avatar-rounded-radius:2px}.a06fa349{--reactist-avatar-size:12px;--reactist-avatar-rounded-radius:1.6px}.acf9ee3d:has(._80b6bfbf){background-color:var(--reactist-avatar-meta-fill)}._64da0562,.acf9ee3d:has(._64da0562){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-0-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-0-on-idle-tint)}.acf9ee3d:has(.ee7c29c0),.ee7c29c0{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-1-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-1-on-idle-tint)}._70215fb1,.acf9ee3d:has(._70215fb1){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-2-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-2-on-idle-tint)}._488b23cd,.acf9ee3d:has(._488b23cd){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-3-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-3-on-idle-tint)}.acf9ee3d:has(.f6b3e824),.f6b3e824{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-4-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-4-on-idle-tint)}._88b828ae,.acf9ee3d:has(._88b828ae){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-5-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-5-on-idle-tint)}.acf9ee3d:has(.f931ad92),.f931ad92{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-6-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-6-on-idle-tint)}._504e515a,.acf9ee3d:has(._504e515a){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-7-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-7-on-idle-tint)}._277cc6cd,.acf9ee3d:has(._277cc6cd){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-8-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-8-on-idle-tint)}.acf9ee3d:has(.db85100e),.db85100e{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-9-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-9-on-idle-tint)}.acf9ee3d:has(.c76af5ed),.c76af5ed{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-10-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-10-on-idle-tint)}.ab7368dc,.acf9ee3d:has(.ab7368dc){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-11-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-11-on-idle-tint)}.acf9ee3d:has(.c2a85a75),.c2a85a75{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-12-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-12-on-idle-tint)}._0e942ae0,.acf9ee3d:has(._0e942ae0){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-13-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-13-on-idle-tint)}._2f79016f,.acf9ee3d:has(._2f79016f){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-14-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-14-on-idle-tint)}._118f815d,.acf9ee3d:has(._118f815d){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-15-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-15-on-idle-tint)}._6e5574e6,.acf9ee3d:has(._6e5574e6){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-16-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-16-on-idle-tint)}._49d688e7,.acf9ee3d:has(._49d688e7){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-17-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-17-on-idle-tint)}.acf9ee3d:has(.d5233bf3),.d5233bf3{--reactist-avatar-meta-fill:var(--reactist-avatar-meta-18-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-18-on-idle-tint)}._710699d5,.acf9ee3d:has(._710699d5){--reactist-avatar-meta-fill:var(--reactist-avatar-meta-19-fill);--reactist-avatar-initials-color:var(--reactist-avatar-meta-19-on-idle-tint)}._2b4e8069{border-radius:50%}._28fdd710{border-radius:var(--reactist-avatar-rounded-radius)}.bda7eadb{border-radius:inherit;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}._80b6bfbf{color:var(--reactist-avatar-initials-color);font-size:calc(var(--reactist-avatar-size)/2);font-weight:var(--reactist-font-weight-medium);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}