@doist/reactist 25.0.0-beta.2 → 25.0.0

package/es/components/keyboard-shortcut/keyboard-shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\n//\n// Support for setting up how to translate modifiers globally.\n//\n\nlet globalTranslateKey = (key: string) => key\n\ntype TranslateKey = typeof globalTranslateKey\n\nKeyboardShortcut.setTranslateKey = (tr: TranslateKey) => {\n    globalTranslateKey = tr\n}\n\nfunction translateKeyMac(key: string) {\n    switch (key.toLowerCase()) {\n        case 'cmd':\n        case 'mod':\n            return '⌘'\n        case 'control':\n        case 'ctrl':\n            return '⌃'\n        case 'alt':\n            return '⌥'\n        case 'shift':\n            return '⇧'\n        case 'space':\n            return '␣'\n        default:\n            return key\n    }\n}\n\n//\n// Some helpers\n//\n\nfunction capitalize(str: string) {\n    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction hasModifiers(str: string) {\n    return /\\b(mod|cmd|ctrl|control|alt|shift)\\b/i.test(str)\n}\n\nfunction isSpecialKey(str: string) {\n    return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)\n}\n\nfunction parseKeys(shortcut: string, isMac: boolean, translateKey: TranslateKey) {\n    const t = isMac ? translateKeyMac : translateKey\n    const _hasModifiers = hasModifiers(shortcut)\n\n    function mapIndividualKey(str: string) {\n        if (isSpecialKey(str)) {\n            return capitalize(t(str))\n        }\n        if (_hasModifiers && str.length === 1) {\n            return str.toUpperCase()\n        }\n        return str\n    }\n\n    if (!isMac) {\n        shortcut = shortcut.replace(/\\b(mod|cmd)\\b/i, 'ctrl')\n    }\n\n    return shortcut.split(/\\s*\\+\\s*/).map(mapIndividualKey)\n}\n\n//\n// The KeyboardShortcut component\n//\n\ntype NativeSpanProps = React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLSpanElement>,\n    HTMLSpanElement\n>\n\ntype Props = Omit<NativeSpanProps, 'children'> & {\n    /**\n     * The shortcut to be represented as markup. It supports an intuitive syntax where you can\n     * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\n     * You can also pass various shortcuts as an array, which will be depicted separated by commas.\n     */\n    children: string | string[]\n    /**\n     * A function that allows you to change how some key names are represented. This may be useful,\n     * for instance, to translate modifier names that are expressed differently in other languages\n     * (e.g. `Ctrl` is named `Strg` in German).\n     *\n     * It defaults to a global version that leaves the key as is. You can pass your version as a\n     * prop, or you can also set your own version of this global default one, so you don't need to\n     * pass your own on each invocation of this component.\n     *\n     * ```js\n     * import { KeyboardShortcut } from '@doist/reactist'\n     * KeyboardShortcut.setTranslateKey = key => { ... }\n     * ```\n     *\n     * Note: When the component detects the macOS operating system it bypasses key translation for\n     * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.\n     */\n    translateKey?: TranslateKey\n    /**\n     * This prop is not meant to be passed. The component will automatically initialize it to `true`\n     * if it detects that the current browser / operating system is on macOS, in which case modifier\n     * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n     *\n     * Though it is discouraged, if you don't want this special treatment in macOS, you can pass\n     * `isMac={false}` in all invocations of this component.\n     */\n    isMac?: boolean\n}\n\nfunction KeyboardShortcut({\n    children,\n    className,\n    translateKey = globalTranslateKey,\n    isMac = navigator.platform?.toUpperCase().includes('MAC') ?? false,\n    ...props\n}: Props) {\n    const shortcuts = typeof children === 'string' ? [children] : children\n    return (\n        <span\n            className={classNames('reactist_keyboard_shortcut', className, {\n                'reactist_keyboard_shortcut--macos': isMac,\n            })}\n            {...props}\n        >\n            {shortcuts.map((shortcut, i) => (\n                <React.Fragment key={i}>\n                    {i === 0 ? null : ', '}\n                    <kbd>\n                        {parseKeys(shortcut, isMac, translateKey).map((key, j) => (\n                            <kbd key={j}>{key}</kbd>\n                        ))}\n                    </kbd>\n                </React.Fragment>\n            ))}\n        </span>\n    )\n}\n\nexport { KeyboardShortcut }\n"],"names":["globalTranslateKey","key","KeyboardShortcut","setTranslateKey","tr","translateKeyMac","toLowerCase","capitalize","str","charAt","toUpperCase","slice","hasModifiers","test","isSpecialKey","parseKeys","shortcut","isMac","translateKey","t","_hasModifiers","mapIndividualKey","length","replace","split","map","children","className","navigator","platform","includes","props","shortcuts","React","classNames","i","j"],"mappings":";;;;;AAIA;AACA;;AAEA,IAAIA,kBAAkB,GAAIC,GAAD,IAAiBA,GAA1C;;AAIAC,gBAAgB,CAACC,eAAjB,GAAoCC,EAAD;EAC/BJ,kBAAkB,GAAGI,EAArB;AACH,CAFD;;AAIA,SAASC,eAAT,CAAyBJ,GAAzB;EACI,QAAQA,GAAG,CAACK,WAAJ,EAAR;IACI,KAAK,KAAL;IACA,KAAK,KAAL;MACI,OAAO,GAAP;;IACJ,KAAK,SAAL;IACA,KAAK,MAAL;MACI,OAAO,GAAP;;IACJ,KAAK,KAAL;MACI,OAAO,GAAP;;IACJ,KAAK,OAAL;MACI,OAAO,GAAP;;IACJ,KAAK,OAAL;MACI,OAAO,GAAP;;IACJ;MACI,OAAOL,GAAP;;AAEX;AAGD;AACA;;;AAEA,SAASM,UAAT,CAAoBC,GAApB;EACI,OAAOA,GAAG,CAACC,MAAJ,CAAW,CAAX,EAAcC,WAAd,KAA8BF,GAAG,CAACG,KAAJ,CAAU,CAAV,EAAaL,WAAb,EAArC;AACH;;AAED,SAASM,YAAT,CAAsBJ,GAAtB;EACI,OAAO,wCAAwCK,IAAxC,CAA6CL,GAA7C,CAAP;AACH;;AAED,SAASM,YAAT,CAAsBN,GAAtB;EACI,OAAO,kDAAkDK,IAAlD,CAAuDL,GAAvD,CAAP;AACH;;AAED,SAASO,SAAT,CAAmBC,QAAnB,EAAqCC,KAArC,EAAqDC,YAArD;EACI,MAAMC,CAAC,GAAGF,KAAK,GAAGZ,eAAH,GAAqBa,YAApC;;EACA,MAAME,aAAa,GAAGR,YAAY,CAACI,QAAD,CAAlC;;EAEA,SAASK,gBAAT,CAA0Bb,GAA1B;IACI,IAAIM,YAAY,CAACN,GAAD,CAAhB,EAAuB;MACnB,OAAOD,UAAU,CAACY,CAAC,CAACX,GAAD,CAAF,CAAjB;;;IAEJ,IAAIY,aAAa,IAAIZ,GAAG,CAACc,MAAJ,KAAe,CAApC,EAAuC;MACnC,OAAOd,GAAG,CAACE,WAAJ,EAAP;;;IAEJ,OAAOF,GAAP;;;EAGJ,IAAI,CAACS,KAAL,EAAY;IACRD,QAAQ,GAAGA,QAAQ,CAACO,OAAT,CAAiB,gBAAjB,EAAmC,MAAnC,CAAX;;;EAGJ,OAAOP,QAAQ,CAACQ,KAAT,CAAe,UAAf,EAA2BC,GAA3B,CAA+BJ,gBAA/B,CAAP;AACH;;AA+CD,SAASnB,gBAAT;;;MAA0B;IACtBwB,QADsB;IAEtBC,SAFsB;IAGtBT,YAAY,GAAGlB,kBAHO;IAItBiB,KAAK,mDAAGW,SAAS,CAACC,QAAb,qBAAG,oBAAoBnB,WAApB,GAAkCoB,QAAlC,CAA2C,KAA3C,CAAH,oCAAwD;;MAC1DC;;EAEH,MAAMC,SAAS,GAAG,OAAON,QAAP,KAAoB,QAApB,GAA+B,CAACA,QAAD,CAA/B,GAA4CA,QAA9D;EACA,oBACIO,aAAA,OAAA;IACIN,SAAS,EAAEO,UAAU,CAAC,4BAAD,EAA+BP,SAA/B,EAA0C;MAC3D,qCAAqCV;KADpB;KAGjBc,KAJR,GAMKC,SAAS,CAACP,GAAV,CAAc,CAACT,QAAD,EAAWmB,CAAX,kBACXF,aAAA,CAACA,QAAD;IAAgBhC,GAAG,EAAEkC;GAArB,EACKA,CAAC,KAAK,CAAN,GAAU,IAAV,GAAiB,IADtB,eAEIF,aAAA,MAAA,MAAA,EACKlB,SAAS,CAACC,QAAD,EAAWC,KAAX,EAAkBC,YAAlB,CAAT,CAAyCO,GAAzC,CAA6C,CAACxB,GAAD,EAAMmC,CAAN,kBAC1CH,aAAA,MAAA;IAAKhC,GAAG,EAAEmC;GAAV,EAAcnC,GAAd,CADH,CADL,CAFJ,CADH,CANL,CADJ;AAmBH;;;;"}
+{"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\n//\n// Support for setting up how to translate modifiers globally.\n//\n\nlet globalTranslateKey = (key: string) => key\n\ntype TranslateKey = typeof globalTranslateKey\n\nKeyboardShortcut.setTranslateKey = (tr: TranslateKey) => {\n    globalTranslateKey = tr\n}\n\nfunction translateKeyMac(key: string) {\n    switch (key.toLowerCase()) {\n        case 'cmd':\n        case 'mod':\n            return '⌘'\n        case 'control':\n        case 'ctrl':\n            return '⌃'\n        case 'alt':\n            return '⌥'\n        case 'shift':\n            return '⇧'\n        case 'space':\n            return '␣'\n        default:\n            return key\n    }\n}\n\n//\n// Some helpers\n//\n\nfunction capitalize(str: string) {\n    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction hasModifiers(str: string) {\n    return /\\b(mod|cmd|ctrl|control|alt|shift)\\b/i.test(str)\n}\n\nfunction isSpecialKey(str: string) {\n    return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)\n}\n\nfunction parseKeys(shortcut: string, isMac: boolean, translateKey: TranslateKey) {\n    const t = isMac ? translateKeyMac : translateKey\n    const _hasModifiers = hasModifiers(shortcut)\n\n    function mapIndividualKey(str: string) {\n        if (isSpecialKey(str)) {\n            return capitalize(t(str))\n        }\n        if (_hasModifiers && str.length === 1) {\n            return str.toUpperCase()\n        }\n        return str\n    }\n\n    if (!isMac) {\n        shortcut = shortcut.replace(/\\b(mod|cmd)\\b/i, 'ctrl')\n    }\n\n    return shortcut.split(/\\s*\\+\\s*/).map(mapIndividualKey)\n}\n\n//\n// The KeyboardShortcut component\n//\n\ntype NativeSpanProps = React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLSpanElement>,\n    HTMLSpanElement\n>\n\ntype Props = Omit<NativeSpanProps, 'children'> & {\n    /**\n     * The shortcut to be represented as markup. It supports an intuitive syntax where you can\n     * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\n     * You can also pass various shortcuts as an array, which will be depicted separated by commas.\n     */\n    children: string | string[]\n    /**\n     * A function that allows you to change how some key names are represented. This may be useful,\n     * for instance, to translate modifier names that are expressed differently in other languages\n     * (e.g. `Ctrl` is named `Strg` in German).\n     *\n     * It defaults to a global version that leaves the key as is. You can pass your version as a\n     * prop, or you can also set your own version of this global default one, so you don't need to\n     * pass your own on each invocation of this component.\n     *\n     * ```js\n     * import { KeyboardShortcut } from '@doist/reactist'\n     * KeyboardShortcut.setTranslateKey = key => { ... }\n     * ```\n     *\n     * Note: When the component detects the macOS operating system it bypasses key translation for\n     * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.\n     */\n    translateKey?: TranslateKey\n    /**\n     * This prop is not meant to be passed. The component will automatically initialize it to `true`\n     * if it detects that the current browser / operating system is on macOS, in which case modifier\n     * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n     *\n     * Though it is discouraged, if you don't want this special treatment in macOS, you can pass\n     * `isMac={false}` in all invocations of this component.\n     */\n    isMac?: boolean\n}\n\nfunction KeyboardShortcut({\n    children,\n    className,\n    translateKey = globalTranslateKey,\n    isMac = navigator.platform?.toUpperCase().includes('MAC') ?? false,\n    ...props\n}: Props) {\n    const shortcuts = typeof children === 'string' ? [children] : children\n    return (\n        <span\n            className={classNames('reactist_keyboard_shortcut', className, {\n                'reactist_keyboard_shortcut--macos': isMac,\n            })}\n            {...props}\n        >\n            {shortcuts.map((shortcut, i) => (\n                <React.Fragment key={i}>\n                    {i === 0 ? null : ', '}\n                    <kbd>\n                        {parseKeys(shortcut, isMac, translateKey).map((key, j) => (\n                            <kbd key={j}>{key}</kbd>\n                        ))}\n                    </kbd>\n                </React.Fragment>\n            ))}\n        </span>\n    )\n}\n\nexport { KeyboardShortcut }\n"],"names":["globalTranslateKey","key","KeyboardShortcut","setTranslateKey","tr","translateKeyMac","toLowerCase","capitalize","str","charAt","toUpperCase","slice","hasModifiers","test","isSpecialKey","parseKeys","shortcut","isMac","translateKey","t","_hasModifiers","mapIndividualKey","length","replace","split","map","children","className","navigator","platform","includes","props","shortcuts","React","_objectSpread","classNames","i","createElement","Fragment","j"],"mappings":";;;;;AAIA;AACA;;AAEA,IAAIA,kBAAkB,GAAIC,GAAD,IAAiBA,GAA1C,CAAA;;AAIAC,gBAAgB,CAACC,eAAjB,GAAoCC,EAAD,IAAqB;AACpDJ,EAAAA,kBAAkB,GAAGI,EAArB,CAAA;AACH,CAFD,CAAA;;AAIA,SAASC,eAAT,CAAyBJ,GAAzB,EAAoC;EAChC,QAAQA,GAAG,CAACK,WAAJ,EAAR;AACI,IAAA,KAAK,KAAL,CAAA;AACA,IAAA,KAAK,KAAL;AACI,MAAA,OAAO,GAAP,CAAA;;AACJ,IAAA,KAAK,SAAL,CAAA;AACA,IAAA,KAAK,MAAL;AACI,MAAA,OAAO,GAAP,CAAA;;AACJ,IAAA,KAAK,KAAL;AACI,MAAA,OAAO,GAAP,CAAA;;AACJ,IAAA,KAAK,OAAL;AACI,MAAA,OAAO,GAAP,CAAA;;AACJ,IAAA,KAAK,OAAL;AACI,MAAA,OAAO,GAAP,CAAA;;AACJ,IAAA;AACI,MAAA,OAAOL,GAAP,CAAA;AAdR,GAAA;AAgBH;AAGD;AACA;;;AAEA,SAASM,UAAT,CAAoBC,GAApB,EAA+B;AAC3B,EAAA,OAAOA,GAAG,CAACC,MAAJ,CAAW,CAAX,CAAcC,CAAAA,WAAd,EAA8BF,GAAAA,GAAG,CAACG,KAAJ,CAAU,CAAV,CAAA,CAAaL,WAAb,EAArC,CAAA;AACH,CAAA;;AAED,SAASM,YAAT,CAAsBJ,GAAtB,EAAiC;AAC7B,EAAA,OAAO,uCAAwCK,CAAAA,IAAxC,CAA6CL,GAA7C,CAAP,CAAA;AACH,CAAA;;AAED,SAASM,YAAT,CAAsBN,GAAtB,EAAiC;AAC7B,EAAA,OAAO,iDAAkDK,CAAAA,IAAlD,CAAuDL,GAAvD,CAAP,CAAA;AACH,CAAA;;AAED,SAASO,SAAT,CAAmBC,QAAnB,EAAqCC,KAArC,EAAqDC,YAArD,EAA+E;AAC3E,EAAA,MAAMC,CAAC,GAAGF,KAAK,GAAGZ,eAAH,GAAqBa,YAApC,CAAA;;AACA,EAAA,MAAME,aAAa,GAAGR,YAAY,CAACI,QAAD,CAAlC,CAAA;;EAEA,SAASK,gBAAT,CAA0Bb,GAA1B,EAAqC;AACjC,IAAA,IAAIM,YAAY,CAACN,GAAD,CAAhB,EAAuB;AACnB,MAAA,OAAOD,UAAU,CAACY,CAAC,CAACX,GAAD,CAAF,CAAjB,CAAA;AACH,KAAA;;AACD,IAAA,IAAIY,aAAa,IAAIZ,GAAG,CAACc,MAAJ,KAAe,CAApC,EAAuC;MACnC,OAAOd,GAAG,CAACE,WAAJ,EAAP,CAAA;AACH,KAAA;;AACD,IAAA,OAAOF,GAAP,CAAA;AACH,GAAA;;EAED,IAAI,CAACS,KAAL,EAAY;IACRD,QAAQ,GAAGA,QAAQ,CAACO,OAAT,CAAiB,gBAAjB,EAAmC,MAAnC,CAAX,CAAA;AACH,GAAA;;EAED,OAAOP,QAAQ,CAACQ,KAAT,CAAe,UAAf,CAA2BC,CAAAA,GAA3B,CAA+BJ,gBAA/B,CAAP,CAAA;AACH,CAAA;;AA+CD,SAASnB,gBAAT,CAMQ,IAAA,EAAA;AAAA,EAAA,IAAA,qBAAA,EAAA,mBAAA,CAAA;;EAAA,IANkB;IACtBwB,QADsB;IAEtBC,SAFsB;AAGtBT,IAAAA,YAAY,GAAGlB,kBAHO;AAItBiB,IAAAA,KAAK,GAAGW,CAAAA,qBAAAA,GAAAA,CAAAA,mBAAAA,GAAAA,SAAS,CAACC,QAAb,KAAG,IAAA,GAAA,KAAA,CAAA,GAAA,mBAAA,CAAoBnB,WAApB,EAAA,CAAkCoB,QAAlC,CAA2C,KAA3C,CAAH,KAAwD,IAAA,GAAA,qBAAA,GAAA,KAAA;GAEzD,GAAA,IAAA;AAAA,MADDC,KACC,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;EACJ,MAAMC,SAAS,GAAG,OAAON,QAAP,KAAoB,QAApB,GAA+B,CAACA,QAAD,CAA/B,GAA4CA,QAA9D,CAAA;AACA,EAAA,oBACIO,mBAAA,OAAA,EAAAC,cAAA,CAAA;AACIP,IAAAA,SAAS,EAAEQ,UAAU,CAAC,4BAAD,EAA+BR,SAA/B,EAA0C;MAC3D,mCAAqCV,EAAAA,KAAAA;KADpB,CAAA;AADzB,GAAA,EAIQc,KAJR,CAMKC,EAAAA,SAAS,CAACP,GAAV,CAAc,CAACT,QAAD,EAAWoB,CAAX,kBACXH,KAAC,CAAAI,aAAD,CAACJ,KAAK,CAACK,QAAP,EAAe;AAACrC,IAAAA,GAAG,EAAEmC,CAAAA;AAAN,GAAf,EACKA,CAAC,KAAK,CAAN,GAAU,IAAV,GAAiB,IADtB,eAEIH,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA,IAAA,EACKtB,SAAS,CAACC,QAAD,EAAWC,KAAX,EAAkBC,YAAlB,CAAT,CAAyCO,GAAzC,CAA6C,CAACxB,GAAD,EAAMsC,CAAN,kBAC1CN,KAAK,CAAAI,aAAL,CAAK,KAAL,EAAK;AAAApC,IAAAA,GAAG,EAAEsC,CAAAA;AAAL,GAAL,EAActC,GAAd,CADH,CADL,CAFJ,CADH,CANL,CADJ,CAAA;AAmBH;;;;"}

package/es/components/progress-bar/index.js

@@ -1,6 +1,3 @@
 import { ProgressBar } from './progress-bar.js';
-
-
-
-export default ProgressBar;
+export { ProgressBar as default } from './progress-bar.js';
 //# sourceMappingURL=index.js.map

package/es/components/progress-bar/index.js.map

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

package/es/components/progress-bar/progress-bar.js

@@ -1,6 +1,6 @@
-import { createElement } from 'react';
-import classNames from 'classnames';
+import * as React from 'react';
 import { HiddenVisually } from '../../hidden-visually/hidden-visually.js';
+import classNames from 'classnames';
 
 function ProgressBar({
   fillPercentage = 0,
@@ -9,14 +9,14 @@ function ProgressBar({
 }) {
   const finalClassName = classNames('reactist_progress_bar', className);
   const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage;
-  return /*#__PURE__*/createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: finalClassName
-  }, /*#__PURE__*/createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "inner",
     style: {
       width: width + "%"
     }
-  }), /*#__PURE__*/createElement(HiddenVisually, null, /*#__PURE__*/createElement("progress", {
+  }), /*#__PURE__*/React.createElement(HiddenVisually, null, /*#__PURE__*/React.createElement("progress", {
     value: width,
     max: 100,
     "aria-valuetext": ariaValuetext != null ? ariaValuetext : undefined

package/es/components/progress-bar/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { HiddenVisually } from '../../hidden-visually'\nimport classNames from 'classnames'\n\nimport './progress-bar.less'\n\ntype Props = {\n    /** Additional css class applied to the progress bar. */\n    className?: string\n    /** How much of the progress bar should be filled. Number between 0 and 100 inclusive. */\n    fillPercentage?: number\n    /** Defines the human readable text alternative for assitive technologies. */\n    'aria-valuetext'?: string\n}\nfunction ProgressBar({ fillPercentage = 0, className, 'aria-valuetext': ariaValuetext }: Props) {\n    const finalClassName = classNames('reactist_progress_bar', className)\n    const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage\n    return (\n        <div className={finalClassName}>\n            <div className=\"inner\" style={{ width: `${width}%` }} />\n            <HiddenVisually>\n                <progress value={width} max={100} aria-valuetext={ariaValuetext ?? undefined} />\n            </HiddenVisually>\n        </div>\n    )\n}\nProgressBar.displayName = 'ProgressBar'\n\nexport { ProgressBar }\n"],"names":["ProgressBar","fillPercentage","className","ariaValuetext","finalClassName","classNames","width","React","style","HiddenVisually","value","max","undefined","displayName"],"mappings":";;;;AAcA,SAASA,WAAT,CAAqB;EAAEC,cAAc,GAAG,CAAnB;EAAsBC,SAAtB;EAAiC,kBAAkBC;AAAnD,CAArB;EACI,MAAMC,cAAc,GAAGC,UAAU,CAAC,uBAAD,EAA0BH,SAA1B,CAAjC;EACA,MAAMI,KAAK,GAAGL,cAAc,GAAG,CAAjB,GAAqB,CAArB,GAAyBA,cAAc,GAAG,GAAjB,GAAuB,GAAvB,GAA6BA,cAApE;EACA,oBACIM,aAAA,MAAA;IAAKL,SAAS,EAAEE;GAAhB,eACIG,aAAA,MAAA;IAAKL,SAAS,EAAC;IAAQM,KAAK,EAAE;MAAEF,KAAK,EAAKA,KAAL;;GAArC,CADJ,eAEIC,aAAA,CAACE,cAAD,MAAA,eACIF,aAAA,WAAA;IAAUG,KAAK,EAAEJ;IAAOK,GAAG,EAAE;sBAAqBR,wBAAAA,gBAAiBS;GAAnE,CADJ,CAFJ,CADJ;AAQH;;AACDZ,WAAW,CAACa,WAAZ,GAA0B,aAA1B;;;;"}
+{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { HiddenVisually } from '../../hidden-visually'\nimport classNames from 'classnames'\n\nimport './progress-bar.less'\n\ntype Props = {\n    /** Additional css class applied to the progress bar. */\n    className?: string\n    /** How much of the progress bar should be filled. Number between 0 and 100 inclusive. */\n    fillPercentage?: number\n    /** Defines the human readable text alternative for assitive technologies. */\n    'aria-valuetext'?: string\n}\nfunction ProgressBar({ fillPercentage = 0, className, 'aria-valuetext': ariaValuetext }: Props) {\n    const finalClassName = classNames('reactist_progress_bar', className)\n    const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage\n    return (\n        <div className={finalClassName}>\n            <div className=\"inner\" style={{ width: `${width}%` }} />\n            <HiddenVisually>\n                <progress value={width} max={100} aria-valuetext={ariaValuetext ?? undefined} />\n            </HiddenVisually>\n        </div>\n    )\n}\nProgressBar.displayName = 'ProgressBar'\n\nexport { ProgressBar }\n"],"names":["ProgressBar","fillPercentage","className","ariaValuetext","finalClassName","classNames","width","React","createElement","style","HiddenVisually","value","max","undefined","displayName"],"mappings":";;;;AAcA,SAASA,WAAT,CAAqB;AAAEC,EAAAA,cAAc,GAAG,CAAnB;EAAsBC,SAAtB;EAAiC,gBAAkBC,EAAAA,aAAAA;AAAnD,CAArB,EAA8F;AAC1F,EAAA,MAAMC,cAAc,GAAGC,UAAU,CAAC,uBAAD,EAA0BH,SAA1B,CAAjC,CAAA;AACA,EAAA,MAAMI,KAAK,GAAGL,cAAc,GAAG,CAAjB,GAAqB,CAArB,GAAyBA,cAAc,GAAG,GAAjB,GAAuB,GAAvB,GAA6BA,cAApE,CAAA;AACA,EAAA,oBACIM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKN,IAAAA,SAAS,EAAEE,cAAAA;AAAhB,GAAA,eACIG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKN,IAAAA,SAAS,EAAC,OAAf;AAAuBO,IAAAA,KAAK,EAAE;AAAEH,MAAAA,KAAK,EAAKA,KAAL,GAAA,GAAA;AAAP,KAAA;AAA9B,GAAA,CADJ,eAEIC,KAAA,CAAAC,aAAA,CAACE,cAAD,EAAe,IAAf,eACIH,KAAA,CAAAC,aAAA,CAAA,UAAA,EAAA;AAAUG,IAAAA,KAAK,EAAEL,KAAjB;AAAwBM,IAAAA,GAAG,EAAE,GAA7B;IAAkD,gBAAAT,EAAAA,aAAA,IAAAA,IAAAA,GAAAA,aAAA,GAAiBU,SAAAA;GAAnE,CADJ,CAFJ,CADJ,CAAA;AAQH,CAAA;;AACDb,WAAW,CAACc,WAAZ,GAA0B,aAA1B;;;;"}

package/es/components/time/index.js

@@ -1,6 +1,3 @@
 import { Time } from './time.js';
-
-
-
-export default Time;
+export { Time as default } from './time.js';
 //# sourceMappingURL=index.js.map

package/es/components/time/index.js.map

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

package/es/components/time/time-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-utils.js","sources":["../../../src/components/time/time-utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\n/**\n * There's a problem with our setup where the default export from\n * localizedFormat (and likely every other dayjs plugin) isn't properly\n * recognized. The proposed workarounds (importing with `.js` ending, or adding\n * `allowSyntheticDefaultImports` to the tsconfig) either broke linting or type\n * checking. After spending some time on this it was decided that further\n * investigations are not worth it, the code works and the eslint ignore is fine.\n * ref: https://github.com/iamkun/dayjs/issues/593\n * ref: https://day.js.org/docs/en/installation/typescript\n */\n// eslint-disable-next-line import/default\nimport LocalizedFormat from 'dayjs/plugin/localizedFormat'\n\ndayjs.extend(LocalizedFormat)\n\ntype TimeConfig = {\n    locale?: string\n    longFormat?: string\n    shortFormatCurrentYear?: string\n    shortFormatPastYear?: string\n    daysSuffix?: string\n    hoursSuffix?: string\n    minutesSuffix?: string\n    momentsAgo?: string\n}\n\nconst TimeUtils = {\n    SHORT_FORMAT_CURRENT_YEAR: 'L',\n    SHORT_FORMAT_PAST_YEAR: 'LL',\n    LONG_FORMAT: 'LL, LT',\n\n    timeAgo(timestamp: number, config: TimeConfig = {}) {\n        const {\n            locale = 'en',\n            shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,\n            shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR,\n            daysSuffix = 'd',\n            hoursSuffix = 'h',\n            minutesSuffix = 'm',\n            momentsAgo = 'moments ago',\n        } = config\n        const now = dayjs()\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        const diffMinutes = now.diff(date, 'minute')\n        const diffHours = now.diff(date, 'hour')\n        const diffDays = now.diff(date, 'day')\n\n        if (diffDays > 1) {\n            if (date.isSame(now, 'year')) {\n                return date.format(shortFormatCurrentYear)\n            } else {\n                return date.format(shortFormatPastYear)\n            }\n        } else if (diffDays === 1) {\n            return `${diffDays}${daysSuffix}`\n        } else if (diffHours > 0 && diffHours <= 23) {\n            return `${diffHours}${hoursSuffix}`\n        } else if (diffMinutes > 0 && diffMinutes <= 59) {\n            return `${diffMinutes}${minutesSuffix}`\n        } else {\n            return momentsAgo\n        }\n    },\n\n    formatTime(timestamp: number, config: TimeConfig = {}) {\n        const {\n            locale = 'en',\n            shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,\n            shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR,\n        } = config\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        if (date.isSame(dayjs(), 'year')) {\n            return date.format(shortFormatCurrentYear)\n        } else {\n            return date.format(shortFormatPastYear)\n        }\n    },\n\n    formatTimeLong(timestamp: number, config: TimeConfig = {}) {\n        const { locale = 'en', longFormat = this.LONG_FORMAT } = config\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        return date.format(longFormat)\n    },\n}\n\nexport { TimeUtils, TimeConfig }\n"],"names":["dayjs","extend","LocalizedFormat","TimeUtils","SHORT_FORMAT_CURRENT_YEAR","SHORT_FORMAT_PAST_YEAR","LONG_FORMAT","timeAgo","timestamp","config","locale","shortFormatCurrentYear","shortFormatPastYear","daysSuffix","hoursSuffix","minutesSuffix","momentsAgo","now","date","diffMinutes","diff","diffHours","diffDays","isSame","format","formatTime","formatTimeLong","longFormat"],"mappings":";;;AAcAA,KAAK,CAACC,MAAN,CAAaC,eAAb;MAaMC,SAAS,GAAG;EACdC,yBAAyB,EAAE,GADb;EAEdC,sBAAsB,EAAE,IAFV;EAGdC,WAAW,EAAE,QAHC;;EAKdC,OAAO,CAACC,SAAD,EAAoBC,SAAqB,EAAzC;IACH,MAAM;MACFC,MAAM,GAAG,IADP;MAEFC,sBAAsB,GAAG,KAAKP,yBAF5B;MAGFQ,mBAAmB,GAAG,KAAKP,sBAHzB;MAIFQ,UAAU,GAAG,GAJX;MAKFC,WAAW,GAAG,GALZ;MAMFC,aAAa,GAAG,GANd;MAOFC,UAAU,GAAG;QACbP,MARJ;IASA,MAAMQ,GAAG,GAAGjB,KAAK,EAAjB;IACA,MAAMkB,IAAI,GAAGlB,KAAK,CAACQ,SAAS,GAAG,IAAb,CAAlB;IACAU,IAAI,CAACR,MAAL,CAAYA,MAAZ;IACA,MAAMS,WAAW,GAAGF,GAAG,CAACG,IAAJ,CAASF,IAAT,EAAe,QAAf,CAApB;IACA,MAAMG,SAAS,GAAGJ,GAAG,CAACG,IAAJ,CAASF,IAAT,EAAe,MAAf,CAAlB;IACA,MAAMI,QAAQ,GAAGL,GAAG,CAACG,IAAJ,CAASF,IAAT,EAAe,KAAf,CAAjB;;IAEA,IAAII,QAAQ,GAAG,CAAf,EAAkB;MACd,IAAIJ,IAAI,CAACK,MAAL,CAAYN,GAAZ,EAAiB,MAAjB,CAAJ,EAA8B;QAC1B,OAAOC,IAAI,CAACM,MAAL,CAAYb,sBAAZ,CAAP;OADJ,MAEO;QACH,OAAOO,IAAI,CAACM,MAAL,CAAYZ,mBAAZ,CAAP;;KAJR,MAMO,IAAIU,QAAQ,KAAK,CAAjB,EAAoB;MACvB,YAAUA,QAAV,GAAqBT,UAArB;KADG,MAEA,IAAIQ,SAAS,GAAG,CAAZ,IAAiBA,SAAS,IAAI,EAAlC,EAAsC;MACzC,YAAUA,SAAV,GAAsBP,WAAtB;KADG,MAEA,IAAIK,WAAW,GAAG,CAAd,IAAmBA,WAAW,IAAI,EAAtC,EAA0C;MAC7C,YAAUA,WAAV,GAAwBJ,aAAxB;KADG,MAEA;MACH,OAAOC,UAAP;;GAnCM;;EAuCdS,UAAU,CAACjB,SAAD,EAAoBC,SAAqB,EAAzC;IACN,MAAM;MACFC,MAAM,GAAG,IADP;MAEFC,sBAAsB,GAAG,KAAKP,yBAF5B;MAGFQ,mBAAmB,GAAG,KAAKP;QAC3BI,MAJJ;IAKA,MAAMS,IAAI,GAAGlB,KAAK,CAACQ,SAAS,GAAG,IAAb,CAAlB;IACAU,IAAI,CAACR,MAAL,CAAYA,MAAZ;;IACA,IAAIQ,IAAI,CAACK,MAAL,CAAYvB,KAAK,EAAjB,EAAqB,MAArB,CAAJ,EAAkC;MAC9B,OAAOkB,IAAI,CAACM,MAAL,CAAYb,sBAAZ,CAAP;KADJ,MAEO;MACH,OAAOO,IAAI,CAACM,MAAL,CAAYZ,mBAAZ,CAAP;;GAlDM;;EAsDdc,cAAc,CAAClB,SAAD,EAAoBC,SAAqB,EAAzC;IACV,MAAM;MAAEC,MAAM,GAAG,IAAX;MAAiBiB,UAAU,GAAG,KAAKrB;QAAgBG,MAAzD;IACA,MAAMS,IAAI,GAAGlB,KAAK,CAACQ,SAAS,GAAG,IAAb,CAAlB;IACAU,IAAI,CAACR,MAAL,CAAYA,MAAZ;IACA,OAAOQ,IAAI,CAACM,MAAL,CAAYG,UAAZ,CAAP;;;AA1DU;;;;"}
+{"version":3,"file":"time-utils.js","sources":["../../../src/components/time/time-utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\n/**\n * There's a problem with our setup where the default export from\n * localizedFormat (and likely every other dayjs plugin) isn't properly\n * recognized. The proposed workarounds (importing with `.js` ending, or adding\n * `allowSyntheticDefaultImports` to the tsconfig) either broke linting or type\n * checking. After spending some time on this it was decided that further\n * investigations are not worth it, the code works and the eslint ignore is fine.\n * ref: https://github.com/iamkun/dayjs/issues/593\n * ref: https://day.js.org/docs/en/installation/typescript\n */\n// eslint-disable-next-line import/default\nimport LocalizedFormat from 'dayjs/plugin/localizedFormat'\n\ndayjs.extend(LocalizedFormat)\n\ntype TimeConfig = {\n    locale?: string\n    longFormat?: string\n    shortFormatCurrentYear?: string\n    shortFormatPastYear?: string\n    daysSuffix?: string\n    hoursSuffix?: string\n    minutesSuffix?: string\n    momentsAgo?: string\n}\n\nconst TimeUtils = {\n    SHORT_FORMAT_CURRENT_YEAR: 'L',\n    SHORT_FORMAT_PAST_YEAR: 'LL',\n    LONG_FORMAT: 'LL, LT',\n\n    timeAgo(timestamp: number, config: TimeConfig = {}) {\n        const {\n            locale = 'en',\n            shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,\n            shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR,\n            daysSuffix = 'd',\n            hoursSuffix = 'h',\n            minutesSuffix = 'm',\n            momentsAgo = 'moments ago',\n        } = config\n        const now = dayjs()\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        const diffMinutes = now.diff(date, 'minute')\n        const diffHours = now.diff(date, 'hour')\n        const diffDays = now.diff(date, 'day')\n\n        if (diffDays > 1) {\n            if (date.isSame(now, 'year')) {\n                return date.format(shortFormatCurrentYear)\n            } else {\n                return date.format(shortFormatPastYear)\n            }\n        } else if (diffDays === 1) {\n            return `${diffDays}${daysSuffix}`\n        } else if (diffHours > 0 && diffHours <= 23) {\n            return `${diffHours}${hoursSuffix}`\n        } else if (diffMinutes > 0 && diffMinutes <= 59) {\n            return `${diffMinutes}${minutesSuffix}`\n        } else {\n            return momentsAgo\n        }\n    },\n\n    formatTime(timestamp: number, config: TimeConfig = {}) {\n        const {\n            locale = 'en',\n            shortFormatCurrentYear = this.SHORT_FORMAT_CURRENT_YEAR,\n            shortFormatPastYear = this.SHORT_FORMAT_PAST_YEAR,\n        } = config\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        if (date.isSame(dayjs(), 'year')) {\n            return date.format(shortFormatCurrentYear)\n        } else {\n            return date.format(shortFormatPastYear)\n        }\n    },\n\n    formatTimeLong(timestamp: number, config: TimeConfig = {}) {\n        const { locale = 'en', longFormat = this.LONG_FORMAT } = config\n        const date = dayjs(timestamp * 1000)\n        date.locale(locale)\n        return date.format(longFormat)\n    },\n}\n\nexport { TimeUtils, TimeConfig }\n"],"names":["dayjs","extend","LocalizedFormat","TimeUtils","SHORT_FORMAT_CURRENT_YEAR","SHORT_FORMAT_PAST_YEAR","LONG_FORMAT","timeAgo","timestamp","config","locale","shortFormatCurrentYear","shortFormatPastYear","daysSuffix","hoursSuffix","minutesSuffix","momentsAgo","now","date","diffMinutes","diff","diffHours","diffDays","isSame","format","formatTime","formatTimeLong","longFormat"],"mappings":"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"}

package/es/components/time/time.js

@@ -1,10 +1,10 @@
-import { Component, createElement } from 'react';
+import * as React from 'react';
 import { Tooltip } from '../../tooltip/tooltip.js';
 import { TimeUtils } from './time-utils.js';
 
 const DELAY = 60000;
 
-class Time extends Component {
+class Time extends React.Component {
   constructor(props) {
     super(props);
     this.refreshInterval = void 0;
@@ -93,13 +93,13 @@ class Time extends Component {
 
     const timeComponent = this._renderTime(this.props.config);
 
-    return /*#__PURE__*/createElement("time", {
+    return /*#__PURE__*/React.createElement("time", {
       className: className,
       onMouseEnter: event => this._setHovered(true, event),
       onMouseLeave: event => this._setHovered(false, event)
-    }, this.props.tooltipOnHover ? /*#__PURE__*/createElement(Tooltip, {
+    }, this.props.tooltipOnHover ? /*#__PURE__*/React.createElement(Tooltip, {
       content: this.props.tooltip || this.props.time && TimeUtils.formatTimeLong(this.props.time, this.props.config)
-    }, /*#__PURE__*/createElement("span", null, timeComponent)) : timeComponent);
+    }, /*#__PURE__*/React.createElement("span", null, timeComponent)) : timeComponent);
   }
 
 }

package/es/components/time/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","sources":["../../../src/components/time/time.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tooltip } from '../../tooltip'\nimport { TimeUtils, TimeConfig } from './time-utils'\n\nimport './time.less'\n\nconst DELAY = 60000\n\ntype Props = {\n    /** UNIX timestamp of the time to display. */\n    time?: number\n    /** Configuration for localization. */\n    config?: TimeConfig\n    /** Additional css class applied to the time element. */\n    className?: string\n    tooltipOnHover?: boolean\n    /** Refresh the component every DELAY seconds. */\n    refresh?: boolean\n    /** If you don't want to use the default time format on the tooltip use this prop to supply a custom text */\n    tooltip?: React.ReactNode\n    /** When hovering over time it expands to short absolute version. */\n    expandOnHover?: boolean\n    /** When hovering over time it expands to the full absolute version. */\n    expandFullyOnHover?: boolean\n}\n\ntype State = {\n    hovered: boolean\n    mouseX?: number\n    mouseY?: number\n}\n\nclass Time extends React.Component<Props, State> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    constructor(props: Props) {\n        super(props)\n        this.refreshInterval = undefined\n\n        this.state = {\n            hovered: false,\n            mouseX: undefined,\n            mouseY: undefined,\n        }\n    }\n\n    componentDidMount() {\n        if (this.props.refresh) {\n            this._refresh()\n        }\n    }\n\n    componentDidUpdate(prevProps: Props) {\n        if (!prevProps.refresh && this.props.refresh) {\n            this._refresh()\n        }\n\n        if (prevProps.refresh && !this.props.refresh) {\n            if (this.refreshInterval) {\n                clearTimeout(this.refreshInterval)\n            }\n        }\n    }\n\n    componentWillUnmount() {\n        if (this.refreshInterval) {\n            clearTimeout(this.refreshInterval)\n        }\n    }\n\n    refreshInterval?: ReturnType<typeof setTimeout>\n\n    _setHovered(hovered: boolean, event: React.MouseEvent) {\n        const { mouseX, mouseY } = this.state\n        const { clientX, clientY } = event\n        if (clientX !== mouseX || clientY !== mouseY) {\n            // mouse has moved\n            this.setState(() => ({\n                hovered,\n                mouseX: clientX,\n                mouseY: clientY,\n            }))\n        }\n    }\n\n    _renderTime(config: Props['config']) {\n        if (!this.props.time) {\n            return\n        }\n        if (this.state.hovered) {\n            if (this.props.expandFullyOnHover && !this.props.tooltipOnHover) {\n                return TimeUtils.formatTimeLong(this.props.time, config)\n            }\n            if (this.props.expandOnHover && !this.props.tooltipOnHover) {\n                return TimeUtils.formatTime(this.props.time, config)\n            }\n        }\n        return TimeUtils.timeAgo(this.props.time, config)\n    }\n\n    _refresh() {\n        this.refreshInterval = setInterval(() => {\n            this.forceUpdate()\n        }, DELAY)\n    }\n\n    render() {\n        let className = 'reactist_time'\n        if (this.props.className) {\n            className = this.props.className\n        }\n\n        const timeComponent = this._renderTime(this.props.config)\n\n        return (\n            <time\n                className={className}\n                onMouseEnter={(event) => this._setHovered(true, event)}\n                onMouseLeave={(event) => this._setHovered(false, event)}\n            >\n                {this.props.tooltipOnHover ? (\n                    <Tooltip\n                        content={\n                            this.props.tooltip ||\n                            (this.props.time &&\n                                TimeUtils.formatTimeLong(this.props.time, this.props.config))\n                        }\n                    >\n                        <span>{timeComponent}</span>\n                    </Tooltip>\n                ) : (\n                    timeComponent\n                )}\n            </time>\n        )\n    }\n}\nTime.displayName = 'Time'\n\nTime.defaultProps = {\n    expandOnHover: false,\n    expandFullyOnHover: false,\n    tooltipOnHover: false,\n    refresh: true,\n    config: {\n        locale: 'en',\n        daysSuffix: 'd',\n        hoursSuffix: 'h',\n        minutesSuffix: 'm',\n        momentsAgo: 'moments ago',\n    },\n}\n\nexport { Time }\n"],"names":["DELAY","Time","React","constructor","props","refreshInterval","undefined","state","hovered","mouseX","mouseY","componentDidMount","refresh","_refresh","componentDidUpdate","prevProps","clearTimeout","componentWillUnmount","_setHovered","event","clientX","clientY","setState","_renderTime","config","time","expandFullyOnHover","tooltipOnHover","TimeUtils","formatTimeLong","expandOnHover","formatTime","timeAgo","setInterval","forceUpdate","render","className","timeComponent","onMouseEnter","onMouseLeave","Tooltip","content","tooltip","displayName","defaultProps","locale","daysSuffix","hoursSuffix","minutesSuffix","momentsAgo"],"mappings":"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"}
+{"version":3,"file":"time.js","sources":["../../../src/components/time/time.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tooltip } from '../../tooltip'\nimport { TimeUtils, TimeConfig } from './time-utils'\n\nimport './time.less'\n\nconst DELAY = 60000\n\ntype Props = {\n    /** UNIX timestamp of the time to display. */\n    time?: number\n    /** Configuration for localization. */\n    config?: TimeConfig\n    /** Additional css class applied to the time element. */\n    className?: string\n    tooltipOnHover?: boolean\n    /** Refresh the component every DELAY seconds. */\n    refresh?: boolean\n    /** If you don't want to use the default time format on the tooltip use this prop to supply a custom text */\n    tooltip?: React.ReactNode\n    /** When hovering over time it expands to short absolute version. */\n    expandOnHover?: boolean\n    /** When hovering over time it expands to the full absolute version. */\n    expandFullyOnHover?: boolean\n}\n\ntype State = {\n    hovered: boolean\n    mouseX?: number\n    mouseY?: number\n}\n\nclass Time extends React.Component<Props, State> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    constructor(props: Props) {\n        super(props)\n        this.refreshInterval = undefined\n\n        this.state = {\n            hovered: false,\n            mouseX: undefined,\n            mouseY: undefined,\n        }\n    }\n\n    componentDidMount() {\n        if (this.props.refresh) {\n            this._refresh()\n        }\n    }\n\n    componentDidUpdate(prevProps: Props) {\n        if (!prevProps.refresh && this.props.refresh) {\n            this._refresh()\n        }\n\n        if (prevProps.refresh && !this.props.refresh) {\n            if (this.refreshInterval) {\n                clearTimeout(this.refreshInterval)\n            }\n        }\n    }\n\n    componentWillUnmount() {\n        if (this.refreshInterval) {\n            clearTimeout(this.refreshInterval)\n        }\n    }\n\n    refreshInterval?: ReturnType<typeof setTimeout>\n\n    _setHovered(hovered: boolean, event: React.MouseEvent) {\n        const { mouseX, mouseY } = this.state\n        const { clientX, clientY } = event\n        if (clientX !== mouseX || clientY !== mouseY) {\n            // mouse has moved\n            this.setState(() => ({\n                hovered,\n                mouseX: clientX,\n                mouseY: clientY,\n            }))\n        }\n    }\n\n    _renderTime(config: Props['config']) {\n        if (!this.props.time) {\n            return\n        }\n        if (this.state.hovered) {\n            if (this.props.expandFullyOnHover && !this.props.tooltipOnHover) {\n                return TimeUtils.formatTimeLong(this.props.time, config)\n            }\n            if (this.props.expandOnHover && !this.props.tooltipOnHover) {\n                return TimeUtils.formatTime(this.props.time, config)\n            }\n        }\n        return TimeUtils.timeAgo(this.props.time, config)\n    }\n\n    _refresh() {\n        this.refreshInterval = setInterval(() => {\n            this.forceUpdate()\n        }, DELAY)\n    }\n\n    render() {\n        let className = 'reactist_time'\n        if (this.props.className) {\n            className = this.props.className\n        }\n\n        const timeComponent = this._renderTime(this.props.config)\n\n        return (\n            <time\n                className={className}\n                onMouseEnter={(event) => this._setHovered(true, event)}\n                onMouseLeave={(event) => this._setHovered(false, event)}\n            >\n                {this.props.tooltipOnHover ? (\n                    <Tooltip\n                        content={\n                            this.props.tooltip ||\n                            (this.props.time &&\n                                TimeUtils.formatTimeLong(this.props.time, this.props.config))\n                        }\n                    >\n                        <span>{timeComponent}</span>\n                    </Tooltip>\n                ) : (\n                    timeComponent\n                )}\n            </time>\n        )\n    }\n}\nTime.displayName = 'Time'\n\nTime.defaultProps = {\n    expandOnHover: false,\n    expandFullyOnHover: false,\n    tooltipOnHover: false,\n    refresh: true,\n    config: {\n        locale: 'en',\n        daysSuffix: 'd',\n        hoursSuffix: 'h',\n        minutesSuffix: 'm',\n        momentsAgo: 'moments ago',\n    },\n}\n\nexport { Time }\n"],"names":["DELAY","Time","React","Component","constructor","props","refreshInterval","undefined","state","hovered","mouseX","mouseY","componentDidMount","refresh","_refresh","componentDidUpdate","prevProps","clearTimeout","componentWillUnmount","_setHovered","event","clientX","clientY","setState","_renderTime","config","time","expandFullyOnHover","tooltipOnHover","TimeUtils","formatTimeLong","expandOnHover","formatTime","timeAgo","setInterval","forceUpdate","render","className","timeComponent","createElement","onMouseEnter","onMouseLeave","Tooltip","content","tooltip","displayName","defaultProps","locale","daysSuffix","hoursSuffix","minutesSuffix","momentsAgo"],"mappings":"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"}

package/es/divider/divider.js

@@ -1,8 +1,8 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement } from 'react';
+import * as React from 'react';
 import { getClassNames } from '../utils/responsive-props.js';
 import { Box } from '../box/box.js';
-import styles from './divider.module.css.js';
+import modules_c742c4d7 from './divider.module.css.js';
 
 const _excluded = ["weight"];
 
@@ -12,9 +12,9 @@ function Divider(_ref) {
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/createElement(Box, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2({
     as: "hr",
-    className: getClassNames(styles, 'weight', weight)
+    className: getClassNames(modules_c742c4d7, 'weight', weight)
   }, props));
 }
 

package/es/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../src/divider/divider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport type { DividerWeight } from '../utils/common-types'\n\nimport styles from './divider.module.css'\n\ninterface DividerProps {\n    weight?: Exclude<DividerWeight, 'none'>\n}\n\nfunction Divider({ weight = 'tertiary', ...props }: DividerProps) {\n    return <Box as=\"hr\" className={getClassNames(styles, 'weight', weight)} {...props} />\n}\n\nexport type { DividerProps, DividerWeight }\nexport { Divider }\n"],"names":["Divider","weight","props","React","Box","as","className","getClassNames","styles"],"mappings":";;;;;;;;AAWA,SAASA,OAAT;MAAiB;IAAEC,MAAM,GAAG;;MAAeC;;EACvC,oBAAOC,aAAA,CAACC,GAAD;IAAKC,EAAE,EAAC,IAAR;IAAaC,SAAS,EAAEC,aAAa,CAACC,MAAD,EAAS,QAAT,EAAmBP,MAAnB;KAAgCC,KAArE,EAAP;AACH;;;;"}
+{"version":3,"file":"divider.js","sources":["../../src/divider/divider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport type { DividerWeight } from '../utils/common-types'\n\nimport styles from './divider.module.css'\n\ninterface DividerProps {\n    weight?: Exclude<DividerWeight, 'none'>\n}\n\nfunction Divider({ weight = 'tertiary', ...props }: DividerProps) {\n    return <Box as=\"hr\" className={getClassNames(styles, 'weight', weight)} {...props} />\n}\n\nexport type { DividerProps, DividerWeight }\nexport { Divider }\n"],"names":["Divider","weight","props","React","createElement","Box","_objectSpread","as","className","getClassNames","styles"],"mappings":";;;;;;;;AAWA,SAASA,OAAT,CAAgE,IAAA,EAAA;EAAA,IAA/C;AAAEC,IAAAA,MAAM,GAAG,UAAA;GAAoC,GAAA,IAAA;AAAA,MAArBC,KAAqB,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC5D,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,GAAD,EAAAC,cAAA,CAAA;AAAKC,IAAAA,EAAE,EAAC,IAAR;AAAaC,IAAAA,SAAS,EAAEC,aAAa,CAACC,gBAAD,EAAS,QAAT,EAAmBT,MAAnB,CAAA;AAArC,GAAA,EAAqEC,KAArE,CAAP,CAAA,CAAA;AACH;;;;"}

package/es/divider/divider.module.css.js

@@ -1,4 +1,4 @@
 var modules_c742c4d7 = {"weight-primary":"_3f3a401c","weight-secondary":"_03b05b70","weight-tertiary":"b6f67ff8"};
 
-export default modules_c742c4d7;
+export { modules_c742c4d7 as default };
 //# sourceMappingURL=divider.module.css.js.map

package/es/heading/heading.js

@@ -1,11 +1,11 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { forwardRef, createElement } from 'react';
+import * as React from 'react';
 import { getClassNames } from '../utils/responsive-props.js';
 import { Box } from '../box/box.js';
-import styles from './heading.module.css.js';
+import modules_949d2ff4 from './heading.module.css.js';
 
 const _excluded = ["level", "weight", "size", "tone", "children", "lineClamp", "align", "exceptionallySetClassName"];
-const Heading = /*#__PURE__*/forwardRef(function Heading(_ref, ref) {
+const Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
   let {
     level,
     weight = 'regular',
@@ -22,8 +22,8 @@ const Heading = /*#__PURE__*/forwardRef(function Heading(_ref, ref) {
   // https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#template-literal-types
   const headingElementName = "h" + level;
   const lineClampMultipleLines = typeof lineClamp === 'string' ? parseInt(lineClamp, 10) > 1 : (lineClamp || 0) > 1;
-  return /*#__PURE__*/createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
-    className: [exceptionallySetClassName, styles.heading, weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null, tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null, getClassNames(styles, 'size', size), lineClampMultipleLines ? styles.lineClampMultipleLines : null, lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null],
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+    className: [exceptionallySetClassName, modules_949d2ff4.heading, weight !== 'regular' ? getClassNames(modules_949d2ff4, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_949d2ff4, 'tone', tone) : null, getClassNames(modules_949d2ff4, 'size', size), lineClampMultipleLines ? modules_949d2ff4.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_949d2ff4, 'lineClamp', lineClamp.toString()) : null],
     textAlign: align,
     // Prevents emojis from being cut-off
     // See https://github.com/Doist/reactist/pull/528

package/es/heading/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sources":["../../src/heading/heading.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport styles from './heading.module.css'\nimport type { ObfuscatedClassName, Tone } from '../utils/common-types'\nimport type { BoxProps } from '../box'\n\ntype HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6 | '1' | '2' | '3' | '4' | '5' | '6'\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\ntype HeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'className' | 'children'> & {\n    children: React.ReactNode\n    /**\n     * The semantic level of the heading.\n     */\n    level: HeadingLevel\n\n    /**\n     * The weight of the heading. Used to de-emphasize the heading visually when using 'medium' or 'light'.\n     *\n     * @default 'regular'\n     */\n    weight?: 'regular' | 'medium' | 'light'\n\n    /**\n     * Shifts the default heading visual text size up or down, depending on the original size\n     * imposed by the `level`. The heading continues to be semantically at the given level.\n     *\n     * By default, no value is applied, and the default size from the level is applied. The values\n     * have the following effect:\n     *\n     * - 'smaller' shifts the default level size down in the font-size scale (it tends to make the\n     * level look visually as if it were of the immediately lower level).\n     * - 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\n     * scale.\n     * - 'largest' can be thought of as applying 'larger' twice.\n     *\n     * @see level\n     * @default undefined\n     */\n    size?: 'smaller' | 'larger' | 'largest'\n\n    /**\n     * The tone (semantic color) of the heading.\n     *\n     * @default 'normal'\n     */\n    tone?: Tone\n\n    /**\n     * Used to truncate the heading to a given number of lines.\n     *\n     * It will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\n     * truncated. If the text fits without it being truncated, no ellipsis is added.\n     *\n     * By default, the text is not truncated at all, no matter how many lines it takes to render it.\n     *\n     * @default undefined\n     */\n    lineClamp?: 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5'\n\n    /**\n     * How to align the heading text horizontally.\n     *\n     * @default 'start'\n     */\n    align?: BoxProps['textAlign']\n}\n\nconst Heading = React.forwardRef<HTMLHeadingElement, HeadingProps & ObfuscatedClassName>(\n    function Heading(\n        {\n            level,\n            weight = 'regular',\n            size,\n            tone = 'normal',\n            children,\n            lineClamp,\n            align,\n            exceptionallySetClassName,\n            ...props\n        },\n        ref,\n    ) {\n        // In TypeScript v4.1, this would be properly recognized without needing the type assertion\n        // https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#template-literal-types\n        const headingElementName = `h${level}` as HeadingElement\n        const lineClampMultipleLines =\n            typeof lineClamp === 'string' ? parseInt(lineClamp, 10) > 1 : (lineClamp || 0) > 1\n\n        return (\n            <Box\n                {...props}\n                className={[\n                    exceptionallySetClassName,\n                    styles.heading,\n                    weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null,\n                    tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null,\n                    getClassNames(styles, 'size', size),\n                    lineClampMultipleLines ? styles.lineClampMultipleLines : null,\n                    lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null,\n                ]}\n                textAlign={align}\n                // Prevents emojis from being cut-off\n                // See https://github.com/Doist/reactist/pull/528\n                paddingRight={lineClamp ? 'xsmall' : undefined}\n                as={headingElementName}\n                ref={ref}\n            >\n                {children}\n            </Box>\n        )\n    },\n)\n\nexport type { HeadingProps, HeadingLevel }\nexport { Heading }\n"],"names":["Heading","React","ref","level","weight","size","tone","children","lineClamp","align","exceptionallySetClassName","props","headingElementName","lineClampMultipleLines","parseInt","Box","className","styles","heading","getClassNames","toString","textAlign","paddingRight","undefined","as"],"mappings":";;;;;;;MAqEMA,OAAO,gBAAGC,UAAA,CACZ,SAASD,OAAT,OAYIE,GAZJ;MACI;IACIC,KADJ;IAEIC,MAAM,GAAG,SAFb;IAGIC,IAHJ;IAIIC,IAAI,GAAG,QAJX;IAKIC,QALJ;IAMIC,SANJ;IAOIC,KAPJ;IAQIC;;MACGC;;;;EAMP,MAAMC,kBAAkB,SAAOT,KAA/B;EACA,MAAMU,sBAAsB,GACxB,OAAOL,SAAP,KAAqB,QAArB,GAAgCM,QAAQ,CAACN,SAAD,EAAY,EAAZ,CAAR,GAA0B,CAA1D,GAA8D,CAACA,SAAS,IAAI,CAAd,IAAmB,CADrF;EAGA,oBACIP,aAAA,CAACc,GAAD,oCACQJ,KADR;IAEIK,SAAS,EAAE,CACPN,yBADO,EAEPO,MAAM,CAACC,OAFA,EAGPd,MAAM,KAAK,SAAX,GAAuBe,aAAa,CAACF,MAAD,EAAS,QAAT,EAAmBb,MAAnB,CAApC,GAAiE,IAH1D,EAIPE,IAAI,KAAK,QAAT,GAAoBa,aAAa,CAACF,MAAD,EAAS,MAAT,EAAiBX,IAAjB,CAAjC,GAA0D,IAJnD,EAKPa,aAAa,CAACF,MAAD,EAAS,MAAT,EAAiBZ,IAAjB,CALN,EAMPQ,sBAAsB,GAAGI,MAAM,CAACJ,sBAAV,GAAmC,IANlD,EAOPL,SAAS,GAAGW,aAAa,CAACF,MAAD,EAAS,WAAT,EAAsBT,SAAS,CAACY,QAAV,EAAtB,CAAhB,GAA8D,IAPhE,CAFf;IAWIC,SAAS,EAAEZ,KAXf;;;IAcIa,YAAY,EAAEd,SAAS,GAAG,QAAH,GAAce,SAdzC;IAeIC,EAAE,EAAEZ,kBAfR;IAgBIV,GAAG,EAAEA;MAEJK,QAlBL,CADJ;AAsBH,CA3CW;;;;"}
+{"version":3,"file":"heading.js","sources":["../../src/heading/heading.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport styles from './heading.module.css'\nimport type { ObfuscatedClassName, Tone } from '../utils/common-types'\nimport type { BoxProps } from '../box'\n\ntype HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6 | '1' | '2' | '3' | '4' | '5' | '6'\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\ntype HeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'className' | 'children'> & {\n    children: React.ReactNode\n    /**\n     * The semantic level of the heading.\n     */\n    level: HeadingLevel\n\n    /**\n     * The weight of the heading. Used to de-emphasize the heading visually when using 'medium' or 'light'.\n     *\n     * @default 'regular'\n     */\n    weight?: 'regular' | 'medium' | 'light'\n\n    /**\n     * Shifts the default heading visual text size up or down, depending on the original size\n     * imposed by the `level`. The heading continues to be semantically at the given level.\n     *\n     * By default, no value is applied, and the default size from the level is applied. The values\n     * have the following effect:\n     *\n     * - 'smaller' shifts the default level size down in the font-size scale (it tends to make the\n     * level look visually as if it were of the immediately lower level).\n     * - 'larger' has the opposite effect than 'smaller' shifting the visual font size up in the\n     * scale.\n     * - 'largest' can be thought of as applying 'larger' twice.\n     *\n     * @see level\n     * @default undefined\n     */\n    size?: 'smaller' | 'larger' | 'largest'\n\n    /**\n     * The tone (semantic color) of the heading.\n     *\n     * @default 'normal'\n     */\n    tone?: Tone\n\n    /**\n     * Used to truncate the heading to a given number of lines.\n     *\n     * It will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\n     * truncated. If the text fits without it being truncated, no ellipsis is added.\n     *\n     * By default, the text is not truncated at all, no matter how many lines it takes to render it.\n     *\n     * @default undefined\n     */\n    lineClamp?: 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5'\n\n    /**\n     * How to align the heading text horizontally.\n     *\n     * @default 'start'\n     */\n    align?: BoxProps['textAlign']\n}\n\nconst Heading = React.forwardRef<HTMLHeadingElement, HeadingProps & ObfuscatedClassName>(\n    function Heading(\n        {\n            level,\n            weight = 'regular',\n            size,\n            tone = 'normal',\n            children,\n            lineClamp,\n            align,\n            exceptionallySetClassName,\n            ...props\n        },\n        ref,\n    ) {\n        // In TypeScript v4.1, this would be properly recognized without needing the type assertion\n        // https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#template-literal-types\n        const headingElementName = `h${level}` as HeadingElement\n        const lineClampMultipleLines =\n            typeof lineClamp === 'string' ? parseInt(lineClamp, 10) > 1 : (lineClamp || 0) > 1\n\n        return (\n            <Box\n                {...props}\n                className={[\n                    exceptionallySetClassName,\n                    styles.heading,\n                    weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null,\n                    tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null,\n                    getClassNames(styles, 'size', size),\n                    lineClampMultipleLines ? styles.lineClampMultipleLines : null,\n                    lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null,\n                ]}\n                textAlign={align}\n                // Prevents emojis from being cut-off\n                // See https://github.com/Doist/reactist/pull/528\n                paddingRight={lineClamp ? 'xsmall' : undefined}\n                as={headingElementName}\n                ref={ref}\n            >\n                {children}\n            </Box>\n        )\n    },\n)\n\nexport type { HeadingProps, HeadingLevel }\nexport { Heading }\n"],"names":["Heading","React","forwardRef","ref","level","weight","size","tone","children","lineClamp","align","exceptionallySetClassName","props","headingElementName","lineClampMultipleLines","parseInt","createElement","Box","className","styles","heading","getClassNames","toString","textAlign","paddingRight","undefined","as"],"mappings":";;;;;;;AAqEMA,MAAAA,OAAO,gBAAGC,KAAK,CAACC,UAAN,CACZ,SAASF,OAAT,CAYIG,IAAAA,EAAAA,GAZJ,EAYO;EAAA,IAXH;IACIC,KADJ;AAEIC,IAAAA,MAAM,GAAG,SAFb;IAGIC,IAHJ;AAIIC,IAAAA,IAAI,GAAG,QAJX;IAKIC,QALJ;IAMIC,SANJ;IAOIC,KAPJ;AAQIC,IAAAA,yBAAAA;GAGD,GAAA,IAAA;AAAA,MAFIC,KAEJ,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAEH;AACA;EACA,MAAMC,kBAAkB,SAAOT,KAA/B,CAAA;EACA,MAAMU,sBAAsB,GACxB,OAAOL,SAAP,KAAqB,QAArB,GAAgCM,QAAQ,CAACN,SAAD,EAAY,EAAZ,CAAR,GAA0B,CAA1D,GAA8D,CAACA,SAAS,IAAI,CAAd,IAAmB,CADrF,CAAA;AAGA,EAAA,oBACIR,KAAC,CAAAe,aAAD,CAACC,GAAD,oCACQL,KADR,CAAA,EAAA,EAAA,EAAA;AAEIM,IAAAA,SAAS,EAAE,CACPP,yBADO,EAEPQ,gBAAM,CAACC,OAFA,EAGPf,MAAM,KAAK,SAAX,GAAuBgB,aAAa,CAACF,gBAAD,EAAS,QAAT,EAAmBd,MAAnB,CAApC,GAAiE,IAH1D,EAIPE,IAAI,KAAK,QAAT,GAAoBc,aAAa,CAACF,gBAAD,EAAS,MAAT,EAAiBZ,IAAjB,CAAjC,GAA0D,IAJnD,EAKPc,aAAa,CAACF,gBAAD,EAAS,MAAT,EAAiBb,IAAjB,CALN,EAMPQ,sBAAsB,GAAGK,gBAAM,CAACL,sBAAV,GAAmC,IANlD,EAOPL,SAAS,GAAGY,aAAa,CAACF,gBAAD,EAAS,WAAT,EAAsBV,SAAS,CAACa,QAAV,EAAtB,CAAhB,GAA8D,IAPhE,CAFf;AAWIC,IAAAA,SAAS,EAAEb,KAXf;AAYI;AACA;AACAc,IAAAA,YAAY,EAAEf,SAAS,GAAG,QAAH,GAAcgB,SAdzC;AAeIC,IAAAA,EAAE,EAAEb,kBAfR;AAgBIV,IAAAA,GAAG,EAAEA,GAAAA;AAhBT,GAAA,CAAA,EAkBKK,QAlBL,CADJ,CAAA;AAsBH,CA3CW;;;;"}

package/es/heading/heading.module.css.js

@@ -1,4 +1,4 @@
 var modules_949d2ff4 = {"heading":"bff24867","weight-medium":"_9b540c61","weight-light":"c6729907","tone-secondary":"d6507f70","tone-danger":"d1846d93","size-largest":"_7cbdd1ba","size-larger":"b3e14969","size-smaller":"be14a265","lineClampMultipleLines":"_71391f13","lineClamp-1":"_97298b1b","lineClamp-2":"_6d357d76","lineClamp-3":"d820b451","lineClamp-4":"_8d37487d","lineClamp-5":"_5215b4d7"};
 
-export default modules_949d2ff4;
+export { modules_949d2ff4 as default };
 //# sourceMappingURL=heading.module.css.js.map

package/es/hidden/hidden.js

@@ -1,8 +1,8 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement } from 'react';
-import { polymorphicComponent } from '../utils/polymorphism.js';
+import * as React from 'react';
 import { Box } from '../box/box.js';
-import styles from './hidden.module.css.js';
+import modules_4689e97e from './hidden.module.css.js';
+import { polymorphicComponent } from '../utils/polymorphism.js';
 
 const _excluded = ["display", "children", "exceptionallySetClassName"];
 /**
@@ -41,9 +41,9 @@ const Hidden = /*#__PURE__*/polymorphicComponent(function Hidden(_ref, ref) {
   if ('above' in props) delete props['above'];
   if ('below' in props) delete props['below'];
   if ('print' in props) delete props['print'];
-  return /*#__PURE__*/createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
-    className: [exceptionallySetClassName, hiddenOnPrint ? styles.hiddenOnPrint : null],
+    className: [exceptionallySetClassName, hiddenOnPrint ? modules_4689e97e.hiddenOnPrint : null],
     display: hiddenOnDesktop && hiddenOnMobile ? 'none' : {
       mobile: hiddenOnMobile ? 'none' : display,
       tablet: hiddenOnTablet ? 'none' : display,

package/es/hidden/hidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"hidden.js","sources":["../../src/hidden/hidden.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport styles from './hidden.module.css'\nimport type { ResponsiveBreakpoints } from '../utils/responsive-props'\nimport { polymorphicComponent } from '../utils/polymorphism'\n\ntype AboveProp = {\n    /**\n     * Hides the element on viewport sizes equal or larger to the one given.\n     *\n     * It is not supported to pass it alongside `below`, and the resulting behavior is undefined\n     * (most likely itʼll hide the element all the time to make it apparent that there's a problem).\n     *\n     * @see below\n     */\n    above: Exclude<ResponsiveBreakpoints, 'desktop'>\n    below?: never\n}\n\ntype BelowProp = {\n    /**\n     * Hides the element on viewport sizes equal or smaller to the one given.\n     *\n     * It is not supported to pass it alongside `above`, and the resulting behavior is undefined\n     * (most likely itʼll hide the element all the time to make it apparent that there's a problem).\n     *\n     * @see above\n     */\n    below: Exclude<ResponsiveBreakpoints, 'mobile'>\n    above?: never\n}\n\ntype CommonProps = {\n    children: React.ReactNode\n    /**\n     * hides the element when on print media.\n     */\n    print?: boolean\n    /**\n     * Useful if you want the element to be an inline element when it is visible.\n     */\n    display?: 'inline' | 'block'\n}\n\ntype HiddenProps = CommonProps & (AboveProp | BelowProp | Required<Pick<CommonProps, 'print'>>)\n\n/**\n * A component that allows to specify how to hide itself on certain responsive screen sizes, or on\n * print media.\n *\n * @see HiddenProps\n * @see HiddenVisually for hiding content only visually, while keeping it available for assistive\n *   technologies.\n */\nconst Hidden = polymorphicComponent<'div', HiddenProps>(function Hidden(\n    { display = 'block', children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    const hiddenOnPrint = 'print' in props && props.print\n\n    const hiddenOnDesktop = 'above' in props\n    const hiddenOnMobile = 'below' in props\n    const hiddenOnTablet =\n        ('below' in props && props.below === 'desktop') ||\n        ('above' in props && props.above === 'mobile')\n\n    if (hiddenOnDesktop && hiddenOnMobile) {\n        // eslint-disable-next-line no-console\n        console.warn('<Hidden /> should receive either above=\"…\" or below=\"…\" but not both')\n    }\n\n    if (!hiddenOnDesktop && !hiddenOnMobile && !hiddenOnPrint) {\n        // eslint-disable-next-line no-console\n        console.warn('<Hidden /> did not receive any criteria to hide itself')\n    }\n\n    // We need to delete these so they do not get forwarded to the Box\n    if ('above' in props) delete props['above']\n    if ('below' in props) delete props['below']\n    if ('print' in props) delete props['print']\n\n    return (\n        <Box\n            {...props}\n            ref={ref}\n            className={[exceptionallySetClassName, hiddenOnPrint ? styles.hiddenOnPrint : null]}\n            display={\n                hiddenOnDesktop && hiddenOnMobile\n                    ? 'none'\n                    : {\n                          mobile: hiddenOnMobile ? 'none' : display,\n                          tablet: hiddenOnTablet ? 'none' : display,\n                          desktop: hiddenOnDesktop ? 'none' : display,\n                      }\n            }\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport { Hidden }\nexport type { HiddenProps }\n"],"names":["Hidden","polymorphicComponent","ref","display","children","exceptionallySetClassName","props","hiddenOnPrint","print","hiddenOnDesktop","hiddenOnMobile","hiddenOnTablet","below","above","console","warn","React","Box","className","styles","mobile","tablet","desktop"],"mappings":";;;;;;;AA8CA;;;;;;;;;MAQMA,MAAM,gBAAGC,oBAAoB,CAAqB,SAASD,MAAT,OAEpDE,GAFoD;MACpD;IAAEC,OAAO,GAAG,OAAZ;IAAqBC,QAArB;IAA+BC;;MAA8BC;;EAG7D,MAAMC,aAAa,GAAG,WAAWD,KAAX,IAAoBA,KAAK,CAACE,KAAhD;EAEA,MAAMC,eAAe,IAAG,WAAWH,KAAd,CAArB;EACA,MAAMI,cAAc,IAAG,WAAWJ,KAAd,CAApB;EACA,MAAMK,cAAc,GACf,WAAWL,KAAX,IAAoBA,KAAK,CAACM,KAAN,KAAgB,SAArC,IACC,WAAWN,KAAX,IAAoBA,KAAK,CAACO,KAAN,KAAgB,QAFzC;;EAIA,IAAIJ,eAAe,IAAIC,cAAvB,EAAuC;;IAEnCI,OAAO,CAACC,IAAR,CAAa,sEAAb;;;EAGJ,IAAI,CAACN,eAAD,IAAoB,CAACC,cAArB,IAAuC,CAACH,aAA5C,EAA2D;;IAEvDO,OAAO,CAACC,IAAR,CAAa,wDAAb;;;;EAIJ,IAAI,WAAWT,KAAf,EAAsB,OAAOA,KAAK,CAAC,OAAD,CAAZ;EACtB,IAAI,WAAWA,KAAf,EAAsB,OAAOA,KAAK,CAAC,OAAD,CAAZ;EACtB,IAAI,WAAWA,KAAf,EAAsB,OAAOA,KAAK,CAAC,OAAD,CAAZ;EAEtB,oBACIU,aAAA,CAACC,GAAD,oCACQX,KADR;IAEIJ,GAAG,EAAEA,GAFT;IAGIgB,SAAS,EAAE,CAACb,yBAAD,EAA4BE,aAAa,GAAGY,MAAM,CAACZ,aAAV,GAA0B,IAAnE,CAHf;IAIIJ,OAAO,EACHM,eAAe,IAAIC,cAAnB,GACM,MADN,GAEM;MACIU,MAAM,EAAEV,cAAc,GAAG,MAAH,GAAYP,OADtC;MAEIkB,MAAM,EAAEV,cAAc,GAAG,MAAH,GAAYR,OAFtC;MAGImB,OAAO,EAAEb,eAAe,GAAG,MAAH,GAAYN;;MAIjDC,QAdL,CADJ;AAkBH,CA7CkC;;;;"}
+{"version":3,"file":"hidden.js","sources":["../../src/hidden/hidden.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport styles from './hidden.module.css'\nimport type { ResponsiveBreakpoints } from '../utils/responsive-props'\nimport { polymorphicComponent } from '../utils/polymorphism'\n\ntype AboveProp = {\n    /**\n     * Hides the element on viewport sizes equal or larger to the one given.\n     *\n     * It is not supported to pass it alongside `below`, and the resulting behavior is undefined\n     * (most likely itʼll hide the element all the time to make it apparent that there's a problem).\n     *\n     * @see below\n     */\n    above: Exclude<ResponsiveBreakpoints, 'desktop'>\n    below?: never\n}\n\ntype BelowProp = {\n    /**\n     * Hides the element on viewport sizes equal or smaller to the one given.\n     *\n     * It is not supported to pass it alongside `above`, and the resulting behavior is undefined\n     * (most likely itʼll hide the element all the time to make it apparent that there's a problem).\n     *\n     * @see above\n     */\n    below: Exclude<ResponsiveBreakpoints, 'mobile'>\n    above?: never\n}\n\ntype CommonProps = {\n    children: React.ReactNode\n    /**\n     * hides the element when on print media.\n     */\n    print?: boolean\n    /**\n     * Useful if you want the element to be an inline element when it is visible.\n     */\n    display?: 'inline' | 'block'\n}\n\ntype HiddenProps = CommonProps & (AboveProp | BelowProp | Required<Pick<CommonProps, 'print'>>)\n\n/**\n * A component that allows to specify how to hide itself on certain responsive screen sizes, or on\n * print media.\n *\n * @see HiddenProps\n * @see HiddenVisually for hiding content only visually, while keeping it available for assistive\n *   technologies.\n */\nconst Hidden = polymorphicComponent<'div', HiddenProps>(function Hidden(\n    { display = 'block', children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    const hiddenOnPrint = 'print' in props && props.print\n\n    const hiddenOnDesktop = 'above' in props\n    const hiddenOnMobile = 'below' in props\n    const hiddenOnTablet =\n        ('below' in props && props.below === 'desktop') ||\n        ('above' in props && props.above === 'mobile')\n\n    if (hiddenOnDesktop && hiddenOnMobile) {\n        // eslint-disable-next-line no-console\n        console.warn('<Hidden /> should receive either above=\"…\" or below=\"…\" but not both')\n    }\n\n    if (!hiddenOnDesktop && !hiddenOnMobile && !hiddenOnPrint) {\n        // eslint-disable-next-line no-console\n        console.warn('<Hidden /> did not receive any criteria to hide itself')\n    }\n\n    // We need to delete these so they do not get forwarded to the Box\n    if ('above' in props) delete props['above']\n    if ('below' in props) delete props['below']\n    if ('print' in props) delete props['print']\n\n    return (\n        <Box\n            {...props}\n            ref={ref}\n            className={[exceptionallySetClassName, hiddenOnPrint ? styles.hiddenOnPrint : null]}\n            display={\n                hiddenOnDesktop && hiddenOnMobile\n                    ? 'none'\n                    : {\n                          mobile: hiddenOnMobile ? 'none' : display,\n                          tablet: hiddenOnTablet ? 'none' : display,\n                          desktop: hiddenOnDesktop ? 'none' : display,\n                      }\n            }\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport { Hidden }\nexport type { HiddenProps }\n"],"names":["Hidden","polymorphicComponent","ref","display","children","exceptionallySetClassName","props","hiddenOnPrint","print","hiddenOnDesktop","hiddenOnMobile","hiddenOnTablet","below","above","console","warn","React","createElement","Box","className","styles","mobile","tablet","desktop"],"mappings":";;;;;;;AA8CA;;;;;;;AAOG;;AACGA,MAAAA,MAAM,gBAAGC,oBAAoB,CAAqB,SAASD,MAAT,CAAA,IAAA,EAEpDE,GAFoD,EAEjD;EAAA,IADH;AAAEC,IAAAA,OAAO,GAAG,OAAZ;IAAqBC,QAArB;AAA+BC,IAAAA,yBAAAA;GAC5B,GAAA,IAAA;AAAA,MAD0DC,KAC1D,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAEH,EAAA,MAAMC,aAAa,GAAG,OAAA,IAAWD,KAAX,IAAoBA,KAAK,CAACE,KAAhD,CAAA;AAEA,EAAA,MAAMC,eAAe,IAAG,OAAWH,IAAAA,KAAd,CAArB,CAAA;AACA,EAAA,MAAMI,cAAc,IAAG,OAAWJ,IAAAA,KAAd,CAApB,CAAA;AACA,EAAA,MAAMK,cAAc,GACf,OAAA,IAAWL,KAAX,IAAoBA,KAAK,CAACM,KAAN,KAAgB,SAArC,IACC,WAAWN,KAAX,IAAoBA,KAAK,CAACO,KAAN,KAAgB,QAFzC,CAAA;;EAIA,IAAIJ,eAAe,IAAIC,cAAvB,EAAuC;AACnC;IACAI,OAAO,CAACC,IAAR,CAAa,sEAAb,CAAA,CAAA;AACH,GAAA;;EAED,IAAI,CAACN,eAAD,IAAoB,CAACC,cAArB,IAAuC,CAACH,aAA5C,EAA2D;AACvD;IACAO,OAAO,CAACC,IAAR,CAAa,wDAAb,CAAA,CAAA;AACH,GAlBE;;;AAqBH,EAAA,IAAI,WAAWT,KAAf,EAAsB,OAAOA,KAAK,CAAC,OAAD,CAAZ,CAAA;AACtB,EAAA,IAAI,WAAWA,KAAf,EAAsB,OAAOA,KAAK,CAAC,OAAD,CAAZ,CAAA;AACtB,EAAA,IAAI,WAAWA,KAAf,EAAsB,OAAOA,KAAK,CAAC,OAAD,CAAZ,CAAA;AAEtB,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,GAAD,oCACQZ,KADR,CAAA,EAAA,EAAA,EAAA;AAEIJ,IAAAA,GAAG,EAAEA,GAFT;IAGIiB,SAAS,EAAE,CAACd,yBAAD,EAA4BE,aAAa,GAAGa,gBAAM,CAACb,aAAV,GAA0B,IAAnE,CAHf;AAIIJ,IAAAA,OAAO,EACHM,eAAe,IAAIC,cAAnB,GACM,MADN,GAEM;AACIW,MAAAA,MAAM,EAAEX,cAAc,GAAG,MAAH,GAAYP,OADtC;AAEImB,MAAAA,MAAM,EAAEX,cAAc,GAAG,MAAH,GAAYR,OAFtC;AAGIoB,MAAAA,OAAO,EAAEd,eAAe,GAAG,MAAH,GAAYN,OAAAA;AAHxC,KAAA;AAPd,GAAA,CAAA,EAcKC,QAdL,CADJ,CAAA;AAkBH,CA7CkC;;;;"}

package/es/hidden/hidden.module.css.js

@@ -1,4 +1,4 @@
 var modules_4689e97e = {"hiddenOnPrint":"_0e595dea"};
 
-export default modules_4689e97e;
+export { modules_4689e97e as default };
 //# sourceMappingURL=hidden.module.css.js.map

package/es/hidden-visually/hidden-visually.js

@@ -1,8 +1,8 @@
 import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement } from 'react';
+import * as React from 'react';
 import { polymorphicComponent } from '../utils/polymorphism.js';
 import { Box } from '../box/box.js';
-import styles from './hidden-visually.module.css.js';
+import modules_61c16c43 from './hidden-visually.module.css.js';
 
 /**
  * Provides content to assistive technologies while hiding it from the screen.
@@ -11,11 +11,11 @@ import styles from './hidden-visually.module.css.js';
  */
 
 const HiddenVisually = /*#__PURE__*/polymorphicComponent(function HiddenVisually(props, ref) {
-  return /*#__PURE__*/createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     position: "absolute",
     overflow: "hidden",
-    className: styles.hiddenVisually
+    className: modules_61c16c43.hiddenVisually
   }));
 });
 

package/es/hidden-visually/hidden-visually.js.map

@@ -1 +1 @@
-{"version":3,"file":"hidden-visually.js","sources":["../../src/hidden-visually/hidden-visually.tsx"],"sourcesContent":["import * as React from 'react'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { Box } from '../box'\nimport styles from './hidden-visually.module.css'\n\ntype Props = {\n    children: React.ReactNode\n}\n\n/**\n * Provides content to assistive technologies while hiding it from the screen.\n *\n * @see Hidden for fully hiding content, and only under certain conditions.\n */\nconst HiddenVisually = polymorphicComponent<'div', Props, 'omitClassName'>(function HiddenVisually(\n    props,\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            ref={ref}\n            position=\"absolute\"\n            overflow=\"hidden\"\n            className={styles.hiddenVisually}\n        />\n    )\n})\n\nexport { HiddenVisually }\n"],"names":["HiddenVisually","polymorphicComponent","props","ref","React","Box","position","overflow","className","styles","hiddenVisually"],"mappings":";;;;;;AASA;;;;;;MAKMA,cAAc,gBAAGC,oBAAoB,CAAgC,SAASD,cAAT,CACvEE,KADuE,EAEvEC,GAFuE;EAIvE,oBACIC,aAAA,CAACC,GAAD,oCACQH,KADR;IAEIC,GAAG,EAAEA,GAFT;IAGIG,QAAQ,EAAC,UAHb;IAIIC,QAAQ,EAAC,QAJb;IAKIC,SAAS,EAAEC,MAAM,CAACC;KAN1B;AASH,CAb0C;;;;"}
+{"version":3,"file":"hidden-visually.js","sources":["../../src/hidden-visually/hidden-visually.tsx"],"sourcesContent":["import * as React from 'react'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { Box } from '../box'\nimport styles from './hidden-visually.module.css'\n\ntype Props = {\n    children: React.ReactNode\n}\n\n/**\n * Provides content to assistive technologies while hiding it from the screen.\n *\n * @see Hidden for fully hiding content, and only under certain conditions.\n */\nconst HiddenVisually = polymorphicComponent<'div', Props, 'omitClassName'>(function HiddenVisually(\n    props,\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            ref={ref}\n            position=\"absolute\"\n            overflow=\"hidden\"\n            className={styles.hiddenVisually}\n        />\n    )\n})\n\nexport { HiddenVisually }\n"],"names":["HiddenVisually","polymorphicComponent","props","ref","React","createElement","Box","position","overflow","className","styles","hiddenVisually"],"mappings":";;;;;;AASA;;;;AAIG;;AACGA,MAAAA,cAAc,gBAAGC,oBAAoB,CAAgC,SAASD,cAAT,CACvEE,KADuE,EAEvEC,GAFuE,EAEpE;AAEH,EAAA,oBACIC,KAAC,CAAAC,aAAD,CAACC,GAAD,oCACQJ,KADR,CAAA,EAAA,EAAA,EAAA;AAEIC,IAAAA,GAAG,EAAEA,GAFT;AAGII,IAAAA,QAAQ,EAAC,UAHb;AAIIC,IAAAA,QAAQ,EAAC,QAJb;IAKIC,SAAS,EAAEC,gBAAM,CAACC,cAAAA;GAN1B,CAAA,CAAA,CAAA;AASH,CAb0C;;;;"}

package/es/hidden-visually/hidden-visually.module.css.js

@@ -1,4 +1,4 @@
 var modules_61c16c43 = {"hiddenVisually":"_618235b7"};
 
-export default modules_61c16c43;
+export { modules_61c16c43 as default };
 //# sourceMappingURL=hidden-visually.module.css.js.map

package/es/icons/alert-icon.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement } from 'react';
+import * as React from 'react';
 
 const _excluded = ["tone"];
 const alertIconForTone = {
@@ -16,16 +16,16 @@ function AlertIcon(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   const Icon = alertIconForTone[tone];
-  return Icon ? /*#__PURE__*/createElement(Icon, _objectSpread2({}, props)) : null;
+  return Icon ? /*#__PURE__*/React.createElement(Icon, _objectSpread2({}, props)) : null;
 }
 
 function AlertInfoIcon(props) {
-  return /*#__PURE__*/createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, props), /*#__PURE__*/createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8-3.94a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM10.25 10a.75.75 0 0 0 0 1.5h1.25V15h-1.25a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5H13v-4.25a.75.75 0 0 0-.75-.75h-2Z",
@@ -34,12 +34,12 @@ function AlertInfoIcon(props) {
 }
 
 function AlertPositiveIcon(props) {
-  return /*#__PURE__*/createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, props), /*#__PURE__*/createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-5.555-2.99a.75.75 0 0 1 1.06 1.06l-5.303 5.304a.748.748 0 0 1-1.061 0l-2.475-2.475a.75.75 0 0 1 1.06-1.06l1.945 1.944 4.774-4.773Z",
@@ -48,12 +48,12 @@ function AlertPositiveIcon(props) {
 }
 
 function AlertCautionIcon(props) {
-  return /*#__PURE__*/createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, props), /*#__PURE__*/createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "m10.272 4.962-7.018 12.03A2 2 0 0 0 4.982 20h14.036a2 2 0 0 0 1.727-3.008l-7.018-12.03a2 2 0 0 0-3.455 0ZM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.014-7.013A.987.987 0 0 0 12 8.5h-.028l-.027.002a.987.987 0 0 0-.93 1.04l.236 4.25c.052.944 1.445.944 1.498 0l.236-4.25a1.925 1.925 0 0 0 .001-.055Z",
@@ -62,12 +62,12 @@ function AlertCautionIcon(props) {
 }
 
 function AlertCriticalIcon(props) {
-  return /*#__PURE__*/createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, props), /*#__PURE__*/createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.9866 2.25049C12.3729 1.91683 11.6271 1.91683 11.0134 2.25049L4.04793 6.03744C3.40122 6.38904 2.99999 7.05702 2.99999 7.78208V15.2184C2.99999 15.9435 3.40122 16.6115 4.04793 16.963L11.0134 20.75C11.6271 21.0837 12.3729 21.0837 12.9866 20.75L19.9521 16.963C20.5988 16.6114 21 15.9435 21 15.2184V7.78208C21 7.05701 20.5988 6.38904 19.9521 6.03744L12.9866 2.25049ZM12 7.00024C12.5448 7.00024 12.9865 7.44191 12.9865 7.98674C12.9864 8.00043 12.9863 8.00727 12.9861 8.01411C12.9859 8.02095 12.9856 8.02779 12.985 8.04146L12.7489 12.2918C12.6964 13.2364 11.3036 13.2364 11.2512 12.2918L11.015 8.04146C10.9848 7.49747 11.4013 7.03198 11.9453 7.00176L11.9726 7.00062L12 7.00024ZM13 15.0002C13 15.5525 12.5523 16.0002 12 16.0002C11.4477 16.0002 11 15.5525 11 15.0002C11 14.448 11.4477 14.0002 12 14.0002C12.5523 14.0002 13 14.448 13 15.0002Z",

package/es/icons/alert-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-icon.js","sources":["../../src/icons/alert-icon.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { AlertTone } from '../utils/common-types'\n\nconst alertIconForTone: Record<AlertTone, typeof AlertInfoIcon> = {\n    info: AlertInfoIcon,\n    positive: AlertPositiveIcon,\n    caution: AlertCautionIcon,\n    critical: AlertCriticalIcon,\n}\n\nfunction AlertIcon({ tone, ...props }: JSX.IntrinsicElements['svg'] & { tone: AlertTone }) {\n    const Icon = alertIconForTone[tone]\n    return Icon ? <Icon {...props} /> : null\n}\n\nfunction AlertInfoIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8-3.94a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM10.25 10a.75.75 0 0 0 0 1.5h1.25V15h-1.25a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5H13v-4.25a.75.75 0 0 0-.75-.75h-2Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertPositiveIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-5.555-2.99a.75.75 0 0 1 1.06 1.06l-5.303 5.304a.748.748 0 0 1-1.061 0l-2.475-2.475a.75.75 0 0 1 1.06-1.06l1.945 1.944 4.774-4.773Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertCautionIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"m10.272 4.962-7.018 12.03A2 2 0 0 0 4.982 20h14.036a2 2 0 0 0 1.727-3.008l-7.018-12.03a2 2 0 0 0-3.455 0ZM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.014-7.013A.987.987 0 0 0 12 8.5h-.028l-.027.002a.987.987 0 0 0-.93 1.04l.236 4.25c.052.944 1.445.944 1.498 0l.236-4.25a1.925 1.925 0 0 0 .001-.055Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertCriticalIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M12.9866 2.25049C12.3729 1.91683 11.6271 1.91683 11.0134 2.25049L4.04793 6.03744C3.40122 6.38904 2.99999 7.05702 2.99999 7.78208V15.2184C2.99999 15.9435 3.40122 16.6115 4.04793 16.963L11.0134 20.75C11.6271 21.0837 12.3729 21.0837 12.9866 20.75L19.9521 16.963C20.5988 16.6114 21 15.9435 21 15.2184V7.78208C21 7.05701 20.5988 6.38904 19.9521 6.03744L12.9866 2.25049ZM12 7.00024C12.5448 7.00024 12.9865 7.44191 12.9865 7.98674C12.9864 8.00043 12.9863 8.00727 12.9861 8.01411C12.9859 8.02095 12.9856 8.02779 12.985 8.04146L12.7489 12.2918C12.6964 13.2364 11.3036 13.2364 11.2512 12.2918L11.015 8.04146C10.9848 7.49747 11.4013 7.03198 11.9453 7.00176L11.9726 7.00062L12 7.00024ZM13 15.0002C13 15.5525 12.5523 16.0002 12 16.0002C11.4477 16.0002 11 15.5525 11 15.0002C11 14.448 11.4477 14.0002 12 14.0002C12.5523 14.0002 13 14.448 13 15.0002Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nexport { AlertIcon }\n"],"names":["alertIconForTone","info","AlertInfoIcon","positive","AlertPositiveIcon","caution","AlertCautionIcon","critical","AlertCriticalIcon","AlertIcon","tone","props","Icon","React","xmlns","width","height","viewBox","fillRule","clipRule","d","fill"],"mappings":";;;;AAGA,MAAMA,gBAAgB,GAA4C;EAC9DC,IAAI,EAAEC,aADwD;EAE9DC,QAAQ,EAAEC,iBAFoD;EAG9DC,OAAO,EAAEC,gBAHqD;EAI9DC,QAAQ,EAAEC;AAJoD,CAAlE;;AAOA,SAASC,SAAT;MAAmB;IAAEC;;MAASC;;EAC1B,MAAMC,IAAI,GAAGZ,gBAAgB,CAACU,IAAD,CAA7B;EACA,OAAOE,IAAI,gBAAGC,aAAA,CAACD,IAAD,qBAAUD,KAAV,EAAH,GAAyB,IAApC;AACH;;AAED,SAAST,aAAT,CAAuBS,KAAvB;EACI,oBACIE,aAAA,MAAA;IACIC,KAAK,EAAC,4BADV;IAEIC,KAAK,EAAC,IAFV;IAGIC,MAAM,EAAC,IAHX;IAIIC,OAAO,EAAC;KACJN,KALR,gBAOIE,aAAA,OAAA;IACIK,QAAQ,EAAC;IACTC,QAAQ,EAAC;IACTC,CAAC,EAAC;IACFC,IAAI,EAAC;GAJT,CAPJ,CADJ;AAgBH;;AAED,SAASjB,iBAAT,CAA2BO,KAA3B;EACI,oBACIE,aAAA,MAAA;IACIC,KAAK,EAAC,4BADV;IAEIC,KAAK,EAAC,IAFV;IAGIC,MAAM,EAAC,IAHX;IAIIC,OAAO,EAAC;KACJN,KALR,gBAOIE,aAAA,OAAA;IACIK,QAAQ,EAAC;IACTC,QAAQ,EAAC;IACTC,CAAC,EAAC;IACFC,IAAI,EAAC;GAJT,CAPJ,CADJ;AAgBH;;AAED,SAASf,gBAAT,CAA0BK,KAA1B;EACI,oBACIE,aAAA,MAAA;IACIC,KAAK,EAAC,4BADV;IAEIC,KAAK,EAAC,IAFV;IAGIC,MAAM,EAAC,IAHX;IAIIC,OAAO,EAAC;KACJN,KALR,gBAOIE,aAAA,OAAA;IACIK,QAAQ,EAAC;IACTC,QAAQ,EAAC;IACTC,CAAC,EAAC;IACFC,IAAI,EAAC;GAJT,CAPJ,CADJ;AAgBH;;AAED,SAASb,iBAAT,CAA2BG,KAA3B;EACI,oBACIE,aAAA,MAAA;IACIC,KAAK,EAAC,4BADV;IAEIC,KAAK,EAAC,IAFV;IAGIC,MAAM,EAAC,IAHX;IAIIC,OAAO,EAAC;KACJN,KALR,gBAOIE,aAAA,OAAA;IACIK,QAAQ,EAAC;IACTC,QAAQ,EAAC;IACTC,CAAC,EAAC;IACFC,IAAI,EAAC;GAJT,CAPJ,CADJ;AAgBH;;;;"}
+{"version":3,"file":"alert-icon.js","sources":["../../src/icons/alert-icon.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { AlertTone } from '../utils/common-types'\n\nconst alertIconForTone: Record<AlertTone, typeof AlertInfoIcon> = {\n    info: AlertInfoIcon,\n    positive: AlertPositiveIcon,\n    caution: AlertCautionIcon,\n    critical: AlertCriticalIcon,\n}\n\nfunction AlertIcon({ tone, ...props }: JSX.IntrinsicElements['svg'] & { tone: AlertTone }) {\n    const Icon = alertIconForTone[tone]\n    return Icon ? <Icon {...props} /> : null\n}\n\nfunction AlertInfoIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8-3.94a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM10.25 10a.75.75 0 0 0 0 1.5h1.25V15h-1.25a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5H13v-4.25a.75.75 0 0 0-.75-.75h-2Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertPositiveIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-5.555-2.99a.75.75 0 0 1 1.06 1.06l-5.303 5.304a.748.748 0 0 1-1.061 0l-2.475-2.475a.75.75 0 0 1 1.06-1.06l1.945 1.944 4.774-4.773Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertCautionIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"m10.272 4.962-7.018 12.03A2 2 0 0 0 4.982 20h14.036a2 2 0 0 0 1.727-3.008l-7.018-12.03a2 2 0 0 0-3.455 0ZM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.014-7.013A.987.987 0 0 0 12 8.5h-.028l-.027.002a.987.987 0 0 0-.93 1.04l.236 4.25c.052.944 1.445.944 1.498 0l.236-4.25a1.925 1.925 0 0 0 .001-.055Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nfunction AlertCriticalIcon(props: JSX.IntrinsicElements['svg']) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M12.9866 2.25049C12.3729 1.91683 11.6271 1.91683 11.0134 2.25049L4.04793 6.03744C3.40122 6.38904 2.99999 7.05702 2.99999 7.78208V15.2184C2.99999 15.9435 3.40122 16.6115 4.04793 16.963L11.0134 20.75C11.6271 21.0837 12.3729 21.0837 12.9866 20.75L19.9521 16.963C20.5988 16.6114 21 15.9435 21 15.2184V7.78208C21 7.05701 20.5988 6.38904 19.9521 6.03744L12.9866 2.25049ZM12 7.00024C12.5448 7.00024 12.9865 7.44191 12.9865 7.98674C12.9864 8.00043 12.9863 8.00727 12.9861 8.01411C12.9859 8.02095 12.9856 8.02779 12.985 8.04146L12.7489 12.2918C12.6964 13.2364 11.3036 13.2364 11.2512 12.2918L11.015 8.04146C10.9848 7.49747 11.4013 7.03198 11.9453 7.00176L11.9726 7.00062L12 7.00024ZM13 15.0002C13 15.5525 12.5523 16.0002 12 16.0002C11.4477 16.0002 11 15.5525 11 15.0002C11 14.448 11.4477 14.0002 12 14.0002C12.5523 14.0002 13 14.448 13 15.0002Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n\nexport { AlertIcon }\n"],"names":["alertIconForTone","info","AlertInfoIcon","positive","AlertPositiveIcon","caution","AlertCautionIcon","critical","AlertCriticalIcon","AlertIcon","tone","props","Icon","React","createElement","_objectSpread","xmlns","width","height","viewBox","fillRule","clipRule","d","fill"],"mappings":"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"}

package/es/icons/close-icon.js

@@ -1,12 +1,12 @@
 import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement } from 'react';
+import * as React from 'react';
 
 function CloseIcon(props) {
-  return /*#__PURE__*/createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24"
-  }, props), /*#__PURE__*/createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M5.146 5.146a.5.5 0 0 1 .708 0L12 11.293l6.146-6.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 0 .708L12.707 12l6.147 6.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.708 0L12 12.707l-6.146 6.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1 0-.708L11.293 12 5.146 5.854a.5.5 0 0 1-.057-.638z"
   }));