@jobber/components 4.85.5 → 4.85.6-CJS-to-ESM.1

package/package.json

@@ -1,9 +1,378 @@
 {
   "name": "@jobber/components",
-  "version": "4.85.5",
+  "version": "4.85.6-CJS-to-ESM.1+f83920ed",
   "license": "MIT",
-  "main": "dist/index.js",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./AnimatedPresence": {
+      "types": "./dist/AnimatedPresence/index.d.ts",
+      "import": "./dist/AnimatedPresence/index.mjs",
+      "require": "./dist/AnimatedPresence/index.cjs"
+    },
+    "./AnimatedSwitcher": {
+      "types": "./dist/AnimatedSwitcher/index.d.ts",
+      "import": "./dist/AnimatedSwitcher/index.mjs",
+      "require": "./dist/AnimatedSwitcher/index.cjs"
+    },
+    "./Autocomplete": {
+      "types": "./dist/Autocomplete/index.d.ts",
+      "import": "./dist/Autocomplete/index.mjs",
+      "require": "./dist/Autocomplete/index.cjs"
+    },
+    "./Avatar": {
+      "types": "./dist/Avatar/index.d.ts",
+      "import": "./dist/Avatar/index.mjs",
+      "require": "./dist/Avatar/index.cjs"
+    },
+    "./Banner": {
+      "types": "./dist/Banner/index.d.ts",
+      "import": "./dist/Banner/index.mjs",
+      "require": "./dist/Banner/index.cjs"
+    },
+    "./Button": {
+      "types": "./dist/Button/index.d.ts",
+      "import": "./dist/Button/index.mjs",
+      "require": "./dist/Button/index.cjs"
+    },
+    "./ButtonDismiss": {
+      "types": "./dist/ButtonDismiss/index.d.ts",
+      "import": "./dist/ButtonDismiss/index.mjs",
+      "require": "./dist/ButtonDismiss/index.cjs"
+    },
+    "./Card": {
+      "types": "./dist/Card/index.d.ts",
+      "import": "./dist/Card/index.mjs",
+      "require": "./dist/Card/index.cjs"
+    },
+    "./Checkbox": {
+      "types": "./dist/Checkbox/index.d.ts",
+      "import": "./dist/Checkbox/index.mjs",
+      "require": "./dist/Checkbox/index.cjs"
+    },
+    "./Chip": {
+      "types": "./dist/Chip/index.d.ts",
+      "import": "./dist/Chip/index.mjs",
+      "require": "./dist/Chip/index.cjs"
+    },
+    "./Chips": {
+      "types": "./dist/Chips/index.d.ts",
+      "import": "./dist/Chips/index.mjs",
+      "require": "./dist/Chips/index.cjs"
+    },
+    "./Combobox": {
+      "types": "./dist/Combobox/index.d.ts",
+      "import": "./dist/Combobox/index.mjs",
+      "require": "./dist/Combobox/index.cjs"
+    },
+    "./ConfirmationModal": {
+      "types": "./dist/ConfirmationModal/index.d.ts",
+      "import": "./dist/ConfirmationModal/index.mjs",
+      "require": "./dist/ConfirmationModal/index.cjs"
+    },
+    "./Content": {
+      "types": "./dist/Content/index.d.ts",
+      "import": "./dist/Content/index.mjs",
+      "require": "./dist/Content/index.cjs"
+    },
+    "./Countdown": {
+      "types": "./dist/Countdown/index.d.ts",
+      "import": "./dist/Countdown/index.mjs",
+      "require": "./dist/Countdown/index.cjs"
+    },
+    "./DataDump": {
+      "types": "./dist/DataDump/index.d.ts",
+      "import": "./dist/DataDump/index.mjs",
+      "require": "./dist/DataDump/index.cjs"
+    },
+    "./DataList": {
+      "types": "./dist/DataList/index.d.ts",
+      "import": "./dist/DataList/index.mjs",
+      "require": "./dist/DataList/index.cjs"
+    },
+    "./DataTable": {
+      "types": "./dist/DataTable/index.d.ts",
+      "import": "./dist/DataTable/index.mjs",
+      "require": "./dist/DataTable/index.cjs"
+    },
+    "./DatePicker": {
+      "types": "./dist/DatePicker/index.d.ts",
+      "import": "./dist/DatePicker/index.mjs",
+      "require": "./dist/DatePicker/index.cjs"
+    },
+    "./DescriptionList": {
+      "types": "./dist/DescriptionList/index.d.ts",
+      "import": "./dist/DescriptionList/index.mjs",
+      "require": "./dist/DescriptionList/index.cjs"
+    },
+    "./Disclosure": {
+      "types": "./dist/Disclosure/index.d.ts",
+      "import": "./dist/Disclosure/index.mjs",
+      "require": "./dist/Disclosure/index.cjs"
+    },
+    "./Divider": {
+      "types": "./dist/Divider/index.d.ts",
+      "import": "./dist/Divider/index.mjs",
+      "require": "./dist/Divider/index.cjs"
+    },
+    "./Drawer": {
+      "types": "./dist/Drawer/index.d.ts",
+      "import": "./dist/Drawer/index.mjs",
+      "require": "./dist/Drawer/index.cjs"
+    },
+    "./Emphasis": {
+      "types": "./dist/Emphasis/index.d.ts",
+      "import": "./dist/Emphasis/index.mjs",
+      "require": "./dist/Emphasis/index.cjs"
+    },
+    "./FeatureSwitch": {
+      "types": "./dist/FeatureSwitch/index.d.ts",
+      "import": "./dist/FeatureSwitch/index.mjs",
+      "require": "./dist/FeatureSwitch/index.cjs"
+    },
+    "./Flex": {
+      "types": "./dist/Flex/index.d.ts",
+      "import": "./dist/Flex/index.mjs",
+      "require": "./dist/Flex/index.cjs"
+    },
+    "./Form": {
+      "types": "./dist/Form/index.d.ts",
+      "import": "./dist/Form/index.mjs",
+      "require": "./dist/Form/index.cjs"
+    },
+    "./FormField": {
+      "types": "./dist/FormField/index.d.ts",
+      "import": "./dist/FormField/index.mjs",
+      "require": "./dist/FormField/index.cjs"
+    },
+    "./FormatDate": {
+      "types": "./dist/FormatDate/index.d.ts",
+      "import": "./dist/FormatDate/index.mjs",
+      "require": "./dist/FormatDate/index.cjs"
+    },
+    "./FormatEmail": {
+      "types": "./dist/FormatEmail/index.d.ts",
+      "import": "./dist/FormatEmail/index.mjs",
+      "require": "./dist/FormatEmail/index.cjs"
+    },
+    "./FormatFile": {
+      "types": "./dist/FormatFile/index.d.ts",
+      "import": "./dist/FormatFile/index.mjs",
+      "require": "./dist/FormatFile/index.cjs"
+    },
+    "./FormatRelativeDateTime": {
+      "types": "./dist/FormatRelativeDateTime/index.d.ts",
+      "import": "./dist/FormatRelativeDateTime/index.mjs",
+      "require": "./dist/FormatRelativeDateTime/index.cjs"
+    },
+    "./FormatTime": {
+      "types": "./dist/FormatTime/index.d.ts",
+      "import": "./dist/FormatTime/index.mjs",
+      "require": "./dist/FormatTime/index.cjs"
+    },
+    "./Gallery": {
+      "types": "./dist/Gallery/index.d.ts",
+      "import": "./dist/Gallery/index.mjs",
+      "require": "./dist/Gallery/index.cjs"
+    },
+    "./Glimmer": {
+      "types": "./dist/Glimmer/index.d.ts",
+      "import": "./dist/Glimmer/index.mjs",
+      "require": "./dist/Glimmer/index.cjs"
+    },
+    "./Grid": {
+      "types": "./dist/Grid/index.d.ts",
+      "import": "./dist/Grid/index.mjs",
+      "require": "./dist/Grid/index.cjs"
+    },
+    "./Heading": {
+      "types": "./dist/Heading/index.d.ts",
+      "import": "./dist/Heading/index.mjs",
+      "require": "./dist/Heading/index.cjs"
+    },
+    "./Icon": {
+      "types": "./dist/Icon/index.d.ts",
+      "import": "./dist/Icon/index.mjs",
+      "require": "./dist/Icon/index.cjs"
+    },
+    "./InlineLabel": {
+      "types": "./dist/InlineLabel/index.d.ts",
+      "import": "./dist/InlineLabel/index.mjs",
+      "require": "./dist/InlineLabel/index.cjs"
+    },
+    "./InputAvatar": {
+      "types": "./dist/InputAvatar/index.d.ts",
+      "import": "./dist/InputAvatar/index.mjs",
+      "require": "./dist/InputAvatar/index.cjs"
+    },
+    "./InputDate": {
+      "types": "./dist/InputDate/index.d.ts",
+      "import": "./dist/InputDate/index.mjs",
+      "require": "./dist/InputDate/index.cjs"
+    },
+    "./InputEmail": {
+      "types": "./dist/InputEmail/index.d.ts",
+      "import": "./dist/InputEmail/index.mjs",
+      "require": "./dist/InputEmail/index.cjs"
+    },
+    "./InputFile": {
+      "types": "./dist/InputFile/index.d.ts",
+      "import": "./dist/InputFile/index.mjs",
+      "require": "./dist/InputFile/index.cjs"
+    },
+    "./InputGroup": {
+      "types": "./dist/InputGroup/index.d.ts",
+      "import": "./dist/InputGroup/index.mjs",
+      "require": "./dist/InputGroup/index.cjs"
+    },
+    "./InputNumber": {
+      "types": "./dist/InputNumber/index.d.ts",
+      "import": "./dist/InputNumber/index.mjs",
+      "require": "./dist/InputNumber/index.cjs"
+    },
+    "./InputPassword": {
+      "types": "./dist/InputPassword/index.d.ts",
+      "import": "./dist/InputPassword/index.mjs",
+      "require": "./dist/InputPassword/index.cjs"
+    },
+    "./InputPhoneNumber": {
+      "types": "./dist/InputPhoneNumber/index.d.ts",
+      "import": "./dist/InputPhoneNumber/index.mjs",
+      "require": "./dist/InputPhoneNumber/index.cjs"
+    },
+    "./InputText": {
+      "types": "./dist/InputText/index.d.ts",
+      "import": "./dist/InputText/index.mjs",
+      "require": "./dist/InputText/index.cjs"
+    },
+    "./InputTime": {
+      "types": "./dist/InputTime/index.d.ts",
+      "import": "./dist/InputTime/index.mjs",
+      "require": "./dist/InputTime/index.cjs"
+    },
+    "./InputValidation": {
+      "types": "./dist/InputValidation/index.d.ts",
+      "import": "./dist/InputValidation/index.mjs",
+      "require": "./dist/InputValidation/index.cjs"
+    },
+    "./LightBox": {
+      "types": "./dist/LightBox/index.d.ts",
+      "import": "./dist/LightBox/index.mjs",
+      "require": "./dist/LightBox/index.cjs"
+    },
+    "./Link": {
+      "types": "./dist/Link/index.d.ts",
+      "import": "./dist/Link/index.mjs",
+      "require": "./dist/Link/index.cjs"
+    },
+    "./List": {
+      "types": "./dist/List/index.d.ts",
+      "import": "./dist/List/index.mjs",
+      "require": "./dist/List/index.cjs"
+    },
+    "./Markdown": {
+      "types": "./dist/Markdown/index.d.ts",
+      "import": "./dist/Markdown/index.mjs",
+      "require": "./dist/Markdown/index.cjs"
+    },
+    "./Menu": {
+      "types": "./dist/Menu/index.d.ts",
+      "import": "./dist/Menu/index.mjs",
+      "require": "./dist/Menu/index.cjs"
+    },
+    "./Modal": {
+      "types": "./dist/Modal/index.d.ts",
+      "import": "./dist/Modal/index.mjs",
+      "require": "./dist/Modal/index.cjs"
+    },
+    "./MultiSelect": {
+      "types": "./dist/MultiSelect/index.d.ts",
+      "import": "./dist/MultiSelect/index.mjs",
+      "require": "./dist/MultiSelect/index.cjs"
+    },
+    "./Page": {
+      "types": "./dist/Page/index.d.ts",
+      "import": "./dist/Page/index.mjs",
+      "require": "./dist/Page/index.cjs"
+    },
+    "./Popover": {
+      "types": "./dist/Popover/index.d.ts",
+      "import": "./dist/Popover/index.mjs",
+      "require": "./dist/Popover/index.cjs"
+    },
+    "./ProgressBar": {
+      "types": "./dist/ProgressBar/index.d.ts",
+      "import": "./dist/ProgressBar/index.mjs",
+      "require": "./dist/ProgressBar/index.cjs"
+    },
+    "./RadioGroup": {
+      "types": "./dist/RadioGroup/index.d.ts",
+      "import": "./dist/RadioGroup/index.mjs",
+      "require": "./dist/RadioGroup/index.cjs"
+    },
+    "./RecurringSelect": {
+      "types": "./dist/RecurringSelect/index.d.ts",
+      "import": "./dist/RecurringSelect/index.mjs",
+      "require": "./dist/RecurringSelect/index.cjs"
+    },
+    "./Select": {
+      "types": "./dist/Select/index.d.ts",
+      "import": "./dist/Select/index.mjs",
+      "require": "./dist/Select/index.cjs"
+    },
+    "./Spinner": {
+      "types": "./dist/Spinner/index.d.ts",
+      "import": "./dist/Spinner/index.mjs",
+      "require": "./dist/Spinner/index.cjs"
+    },
+    "./StatusLabel": {
+      "types": "./dist/StatusLabel/index.d.ts",
+      "import": "./dist/StatusLabel/index.mjs",
+      "require": "./dist/StatusLabel/index.cjs"
+    },
+    "./Switch": {
+      "types": "./dist/Switch/index.d.ts",
+      "import": "./dist/Switch/index.mjs",
+      "require": "./dist/Switch/index.cjs"
+    },
+    "./Table": {
+      "types": "./dist/Table/index.d.ts",
+      "import": "./dist/Table/index.mjs",
+      "require": "./dist/Table/index.cjs"
+    },
+    "./Tabs": {
+      "types": "./dist/Tabs/index.d.ts",
+      "import": "./dist/Tabs/index.mjs",
+      "require": "./dist/Tabs/index.cjs"
+    },
+    "./Text": {
+      "types": "./dist/Text/index.d.ts",
+      "import": "./dist/Text/index.mjs",
+      "require": "./dist/Text/index.cjs"
+    },
+    "./Toast": {
+      "types": "./dist/Toast/index.d.ts",
+      "import": "./dist/Toast/index.mjs",
+      "require": "./dist/Toast/index.cjs"
+    },
+    "./Tooltip": {
+      "types": "./dist/Tooltip/index.d.ts",
+      "import": "./dist/Tooltip/index.mjs",
+      "require": "./dist/Tooltip/index.cjs"
+    },
+    "./Typography": {
+      "types": "./dist/Typography/index.d.ts",
+      "import": "./dist/Typography/index.mjs",
+      "require": "./dist/Typography/index.cjs"
+    }
+  },
   "scripts": {
     "build": "rollup --config",
     "bootstrap": "npm run clean; npm run build",
@@ -15,13 +384,15 @@
   },
   "files": [
     "*.js",
+    "*.cjs",
+    "*.mjs",
     "*.d.ts",
     "dist/*"
   ],
   "dependencies": {
     "@jobber/design": "^0.56.0",
-    "@jobber/formatters": "*",
-    "@jobber/hooks": "^2.9.1",
+    "@jobber/formatters": "^0.2.2",
+    "@jobber/hooks": "^2.9.2-CJS-to-ESM.7+f83920ed",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -48,8 +419,9 @@
   },
   "devDependencies": {
     "@csstools/postcss-global-data": "^1.0.3",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-typescript": "^9.0.1",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^7.0.2",
@@ -64,14 +436,15 @@
     "postcss": "^8.4.21",
     "postcss-import": "^12.0.1",
     "postcss-preset-env": "^8.3.0",
-    "rollup": "^2.79.1",
-    "rollup-plugin-copy": "^3.4.0",
+    "rollup": "^4.13.0",
+    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-multi-input": "^1.4.1",
     "rollup-plugin-postcss": "^4.0.2",
     "typed-css-modules": "^0.7.0",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
+    "@jobber/hooks": "^2.9.1",
     "react": "^18",
     "react-dom": "^18"
   },
@@ -80,5 +453,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "bf2132c76af35652ee8ec827210eb178c77fb87c"
+  "gitHead": "f83920ed9cabeceb27999799a1523b6c525f1062"
 }

package/{rollup.config.js → rollup.config.mjs}

@@ -1,14 +1,19 @@
 /* eslint-disable import/no-default-export */
-import multiInput from "rollup-plugin-multi-input";
 import typescript from "@rollup/plugin-typescript";
 import postcss from "rollup-plugin-postcss";
 import commonjs from "@rollup/plugin-commonjs";
 import copy from "rollup-plugin-copy";
-
+import { nodeResolve } from '@rollup/plugin-node-resolve';
+import postcssimport from 'postcss-import';
+import autoprefixer from 'autoprefixer'
+import tools from '@csstools/postcss-global-data';
+import presetenv from 'postcss-preset-env'
+import multiInput from 'rollup-plugin-multi-input';
 export default {
-  input: `src/*/index.{ts,tsx}`,
+  input: `src/**/index.{ts,tsx}`,
   plugins: [
-    multiInput(),
+    nodeResolve(),
+    multiInput.default(),
     typescript({
       tsconfig: "./tsconfig.rollup.json",
       declarationDir: "dist",
@@ -21,15 +26,10 @@ export default {
       },
       autoModules: false,
       plugins: [
-        require("postcss-import"),
-        require("autoprefixer"),
-        require("@csstools/postcss-global-data")({
-          files: [
-            require.resolve("@jobber/design/foundation.css"),
-            require.resolve("@jobber/design/src/responsiveBreakpoints.css"),
-          ],
-        }),
-        require("postcss-preset-env")({
+        postcssimport,
+        autoprefixer,
+       
+        presetenv({
           stage: 1,
           preserve: true,
         }),
@@ -92,14 +92,27 @@ export default {
           src: "src/Combobox/components/ComboboxContent/ComboboxContentList/ComboboxContent.css.d.ts",
           dest: "dist/Combobox/components/ComboboxContent/ComboboxContentList",
         },
+        {
+          src: "dist/index.d.ts",
+          dest: "dist",
+          rename: "index.d.mts",
+        },
       ],
+      hook: 'writeBundle'
     }),
   ],
   output: [
     {
       dir: "dist",
+      entryFileNames: "[name].cjs",
+      exports:'named',
       format: "cjs",
     },
+    {
+      dir: "dist",
+      entryFileNames: "[name].mjs",
+      format: "esm",
+    },
   ],
   external: [
     "react",
@@ -110,22 +123,18 @@ export default {
     "react-countdown",
     "react-popper",
     "react-datepicker",
-    "react-dropzone",
     "react-dom/client",
     "axios",
     "filesize",
     "color",
     "framer-motion",
     "classnames",
-    new RegExp("lodash/.*"),
     "@std-proposal/temporal",
     "@jobber/design",
+    "@jobber/hooks",
     "@jobber/design/foundation",
     "@jobber/formatters",
-    new RegExp("@jobber/hooks/.*"),
     "zxcvbn",
-    "use-resize-observer/polyfilled",
-    "@apollo/client",
     "@tanstack/react-table",
   ],
 };

package/dist/AnimatedSwitcher/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AnimatedSwitcher = require('../AnimatedSwitcher-3d45ec5d.js');
-require('react');
-require('framer-motion');
-require('../Icon-405a216c.js');
-require('@jobber/design');
-
-
-
-exports.AnimatedSwitcher = AnimatedSwitcher.AnimatedSwitcher;

package/dist/Avatar/index.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Avatar = require('../Avatar-76a799fa.js');
-require('react');
-require('classnames');
-require('../style-inject.es-9d2f5f4e.js');
-require('color');
-require('../Icon-405a216c.js');
-require('@jobber/design');
-
-
-
-exports.Avatar = Avatar.Avatar;

package/dist/Avatar-76a799fa.js

@@ -1,78 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Color = require('color');
-var Icon = require('./Icon-405a216c.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var Color__default = /*#__PURE__*/_interopDefaultLegacy(Color);
-
-var css_248z = ":root {\n  --avatar-size: calc(var(--base-unit) * 2);\n  --avatar-border-size: var(--border-base);\n}\n\n.WniTNadEyPk- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n  width: calc(16px * 2);\n  width: var(--avatar-size);\n  height: calc(16px * 2);\n  height: var(--avatar-size);\n  min-width: calc(16px * 2);\n  min-width: var(--avatar-size);\n  min-height: calc(16px * 2);\n  min-height: var(--avatar-size);\n  border-radius: 100%;\n  border-radius: var(--radius-circle);\n  color: rgb(1, 41, 57);\n  color: var(--color-heading);\n  font-size: calc(16px * 2);\n  font-size: var(--avatar-size);\n  -webkit-font-smoothing: antialiased;\n  background: no-repeat center center rgba(101, 120, 132, 1);\n  background: no-repeat center center var(--color-greyBlue);\n  background-size: cover;\n}\n\n.WniTNadEyPk-:focus {\n  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),\n    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n\n._8Pqn2uZpaZg- {\n  --avatar-size: calc(var(--base-unit) * 4.5);\n  --avatar-border-size: var(--border-thick);\n}\n\n.S-edTXYA-7E- {\n  --avatar-size: calc(var(--base-unit) * 1.5);\n}\n\n.S1iBGElfOUA- {\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-text--reverse);\n}\n\n.ErPhpHHpiBQ- {\n  font-size: calc((16px * 2) / 2);\n  font-size: calc(calc(16px * 2) / 2);\n  font-size: calc(var(--avatar-size) / 2);\n  text-transform: uppercase;\n}\n\n.aC-d-mngrIc- {\n  font-size: calc((16px * 2) / 2.25);\n  font-size: calc(calc(16px * 2) / 2.25);\n  font-size: calc(var(--avatar-size) / 2.25);\n}\n\n.nR0S-GzjDnQ- {\n  width: calc((16px * 2) - (calc(16px / 16) * 2));\n  width: calc(calc(16px * 2) - (calc(16px / 16) * 2));\n  width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));\n  height: calc((16px * 2) - (calc(16px / 16) * 2));\n  height: calc(calc(16px * 2) - (calc(16px / 16) * 2));\n  height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));\n  box-shadow: 0 0 0 calc(16px / 8) rgba(255, 255, 255, 1) inset;\n  box-shadow: 0 0 0 var(--border-thick) var(--color-white) inset;\n  border-style: solid;\n  border-width: calc(16px / 16);\n  border-width: var(--avatar-border-size);\n}\n";
-var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
-styleInject_es.styleInject(css_248z);
-
-function isDark(colorToCheck) {
-    if (colorToCheck == undefined) {
-        return false;
-    }
-    if (colorToCheck) {
-        try {
-            return Color__default["default"](deconstructCssCustomProperty(colorToCheck)).isDark();
-        }
-        catch (err) {
-            console.log(err);
-        }
-    }
-    return false;
-}
-function deconstructCssCustomProperty(color) {
-    if (!color) {
-        return;
-    }
-    if (!color.toLowerCase().startsWith("var(")) {
-        return color;
-    }
-    /**
-     * Rips apart the `var(--custom-property)` into just `--custom-property`.
-     */
-    const customProperty = color
-        .replace("var(", "")
-        .slice(0, -1)
-        .split(" ")
-        .join("");
-    return getComputedStyle(document.documentElement)
-        .getPropertyValue(customProperty)
-        .trim();
-}
-
-function Avatar({ imageUrl, name, initials, size = "base", color, }) {
-    const style = {
-        backgroundColor: color,
-        borderColor: color,
-    };
-    if (imageUrl) {
-        style.backgroundImage = `url(${imageUrl})`;
-    }
-    const shouldBeDark = color == undefined || isDark(color);
-    const className = classnames__default["default"](styles.avatar, size !== "base" && styles[size], {
-        [styles.hasBorder]: imageUrl && color,
-        [styles.isDark]: shouldBeDark,
-    });
-    return (React__default["default"].createElement("div", { className: className, style: style, role: imageUrl && "img", "aria-label": name }, !imageUrl && (React__default["default"].createElement(Initials, { initials: initials, dark: shouldBeDark, iconSize: size }))));
-}
-function Initials({ initials, dark = false, iconSize = "base", }) {
-    if (!initials) {
-        return (React__default["default"].createElement(Icon.Icon, { name: "person", color: dark ? "white" : "blue", size: iconSize }));
-    }
-    const className = classnames__default["default"](styles.initials, {
-        [styles.smallInitials]: initials.length > 2,
-    });
-    return React__default["default"].createElement("span", { className: className }, initials.substr(0, 3));
-}
-
-exports.Avatar = Avatar;